');
34 | contentcontainer = Y.Node.create('
');
35 |
36 | Y.one('body').insert(obj,'#page');
37 | obj.prepend(contentcontainer,obj);
38 |
39 | var pagewidth = Y.one('body').get('docWidth');
40 | if ( pagewidth < 480 ) {
41 | var marginleft = 0;
42 | var width = pagewidth;
43 | } else {
44 | var marginleft = 15;
45 | var width = pagewidth - 30;
46 | }
47 |
48 | panel = new Y.Panel({
49 | srcNode: obj,
50 | width : width,
51 | zIndex : 6,
52 | modal : true,
53 | contstrain: 'body',
54 | x: marginleft,
55 | y: 10,
56 | visible: false,
57 | render : true,
58 | });
59 |
60 | bb = panel.get('boundingBox');
61 |
62 | var readercontent = targetnode.getHTML()
63 | contentcontainer.setHTML(readercontent);
64 |
65 | showPanel();
66 | panel.after('visibleChange', function (e) {
67 | if (!e.newVal) { // panel is hidden
68 | Y.later(0, this, this.destroy);
69 | }
70 | });
71 | };
72 |
73 | Y.one('body').delegate('click', onClick, '.moodlereader');
74 | },
75 |
76 | }, {
77 | NAME : 'bootstrap yui modal',
78 | ATTRS : {
79 | }
80 | });
81 | // Our leaf theme namespace
82 | M.theme_modern = M.theme_modern || {};
83 | // Initialisation function for the colour switcher
84 | M.theme_modern.initreader = function(cfg) {
85 | return new reader(cfg);
86 | }
87 |
88 | }, '@VERSION@', {requires:['panel','node','node-load','attribute', 'event']});
89 |
--------------------------------------------------------------------------------
/layout/maintenance.php:
--------------------------------------------------------------------------------
1 | .
16 |
17 | /**
18 | * The Modern theme is built upon Bootstrapbase 3 (non-core).
19 | *
20 | * @package theme
21 | * @subpackage theme_modern
22 | * @author Julian (@moodleman) Ridden
23 | * @author Based on code originally written by G J Bernard, Mary Evans, Bas Brands, Stuart Lamour and David Scotson.
24 | * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
25 | */
26 |
27 | $regions = theme_modern_bootstrap3_grid(false, false);
28 |
29 | echo $OUTPUT->doctype() ?>
30 | htmlattributes(); ?>>
31 |
32 | <?php echo $OUTPUT->page_title(); ?>
33 |
34 | standard_head_html() ?>
35 |
36 |
37 |
38 | body_attributes(); ?>>
39 |
40 | standard_top_of_body_html() ?>
41 |
42 |
78 |
--------------------------------------------------------------------------------
/jquery/fitvids-1.0.3.js:
--------------------------------------------------------------------------------
1 | /*global jQuery */
2 | /*jshint multistr:true browser:true */
3 | /*!
4 | * FitVids 1.0.3
5 | *
6 | * Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
7 | * Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
8 | * Released under the WTFPL license - http://sam.zoy.org/wtfpl/
9 | *
10 | * Date: Thu Sept 01 18:00:00 2011 -0500
11 | */
12 |
13 | (function( $ ){
14 |
15 | "use strict";
16 |
17 | $.fn.fitVids = function( options ) {
18 | var settings = {
19 | customSelector: null
20 | };
21 |
22 | if(!document.getElementById('fit-vids-style')) {
23 |
24 | var div = document.createElement('div'),
25 | ref = document.getElementsByTagName('base')[0] || document.getElementsByTagName('script')[0],
26 | cssStyles = '';
27 |
28 | div.className = 'fit-vids-style';
29 | div.id = 'fit-vids-style';
30 | div.style.display = 'none';
31 | div.innerHTML = cssStyles;
32 |
33 | ref.parentNode.insertBefore(div,ref);
34 |
35 | }
36 |
37 | if ( options ) {
38 | $.extend( settings, options );
39 | }
40 |
41 | return this.each(function(){
42 | var selectors = [
43 | "iframe[src*='player.vimeo.com']",
44 | "iframe[src*='youtube.com']",
45 | "iframe[src*='youtube-nocookie.com']",
46 | "iframe[src*='kickstarter.com'][src*='video.html']",
47 | "object",
48 | "embed"
49 | ];
50 |
51 | if (settings.customSelector) {
52 | selectors.push(settings.customSelector);
53 | }
54 |
55 | var $allVideos = $(this).find(selectors.join(','));
56 | $allVideos = $allVideos.not("object object"); // SwfObj conflict patch
57 |
58 | $allVideos.each(function(){
59 | var $this = $(this);
60 | if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
61 | var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
62 | width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
63 | aspectRatio = height / width;
64 | if(!$this.attr('id')){
65 | var videoID = 'fitvid' + Math.floor(Math.random()*999999);
66 | $this.attr('id', videoID);
67 | }
68 | $this.wrap('').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%");
69 | $this.removeAttr('height').removeAttr('width');
70 | });
71 | });
72 | };
73 | // Works with either jQuery or Zepto
74 | })( window.jQuery || window.Zepto );
--------------------------------------------------------------------------------
/less/bootswatch/cyborg/bootswatch.less:
--------------------------------------------------------------------------------
1 | // Cyborg 3.1.1
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | @import url("//fonts.googleapis.com/css?family=Droid+Sans:400,700");
6 |
7 | // Navbar =====================================================================
8 |
9 | .navbar {
10 |
11 | border-bottom: 1px solid @gray-dark;
12 | }
13 |
14 | // Buttons ====================================================================
15 |
16 | // Typography =================================================================
17 |
18 | .text-primary,
19 | .text-primary:hover {
20 | color: @brand-primary;
21 | }
22 |
23 | .text-success,
24 | .text-success:hover {
25 | color: @brand-success;
26 | }
27 |
28 | .text-danger,
29 | .text-danger:hover {
30 | color: @brand-danger;
31 | }
32 |
33 | .text-warning,
34 | .text-warning:hover {
35 | color: @brand-warning;
36 | }
37 |
38 | .text-info,
39 | .text-info:hover {
40 | color: @brand-info;
41 | }
42 |
43 | // Tables =====================================================================
44 |
45 | table,
46 | .table {
47 | color: #fff;
48 |
49 | a {
50 | color: #fff;
51 | text-decoration: underline;
52 | }
53 | }
54 |
55 | .table-responsive > .table {
56 | background-color: @table-bg;
57 | }
58 |
59 | // Forms ======================================================================
60 |
61 | .has-warning {
62 | .help-block,
63 | .control-label {
64 | color: @brand-warning;
65 | }
66 |
67 | .form-control,
68 | .form-control:focus {
69 | border-color: @brand-warning;
70 | }
71 | }
72 |
73 | .has-error {
74 | .help-block,
75 | .control-label {
76 | color: @brand-danger;
77 | }
78 |
79 | .form-control,
80 | .form-control:focus {
81 | border-color: @brand-danger;
82 | }
83 | }
84 |
85 | .has-success {
86 | .help-block,
87 | .control-label {
88 | color: @brand-success;
89 | }
90 |
91 | .form-control,
92 | .form-control:focus {
93 | border-color: @brand-success;
94 | }
95 | }
96 |
97 | legend {
98 | color: #fff;
99 | }
100 |
101 | .input-group-addon {
102 | background-color: @btn-default-bg;
103 | }
104 |
105 | // Navs =======================================================================
106 |
107 | .nav {
108 |
109 | .caret,
110 | a:hover .caret {
111 | border-top-color: #fff;
112 | border-bottom-color: #fff;
113 | }
114 | }
115 |
116 | .nav-tabs,
117 | .nav-pills,
118 | .breadcrumb,
119 | .pager {
120 |
121 | a {
122 | color: #fff;
123 | }
124 | }
125 |
126 | // Indicators =================================================================
127 |
128 | .alert {
129 |
130 | .alert-link,
131 | a {
132 | color: @alert-warning-text;
133 | text-decoration: underline;
134 | }
135 | }
136 |
137 | // Progress bars ==============================================================
138 |
139 | // Containers =================================================================
140 |
141 | .jumbotron {
142 |
143 | h1, h2, h3, h4, h5, h6 {
144 | color: #fff;
145 | }
146 | }
--------------------------------------------------------------------------------
/less/bootstrap3/list-group.less:
--------------------------------------------------------------------------------
1 | //
2 | // List groups
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | //
8 | // Easily usable on
43 |
44 |
45 | page_heading(); ?>
46 |
47 |
48 |
63 |
64 |
65 |
76 |
77 |
78 |
--------------------------------------------------------------------------------
/style/forms-rtl.css:
--------------------------------------------------------------------------------
1 | /* I think this could be avoided (or at least tidied up) if
2 | we used HTML5 input types like url, phone, email, number etc.
3 | */
4 |
5 | .dir-rtl .mform .fitem .felement input[name=email],
6 | .dir-rtl .mform .fitem .felement input[name=email2],
7 | .dir-rtl .mform .fitem .felement input[name=url],
8 | .dir-rtl .mform .fitem .felement input[name=idnumber],
9 | .dir-rtl .mform .fitem .felement input[name=phone1],
10 | .dir-rtl .mform .fitem .felement input[name=phone2],
11 | .dir-rtl#page-admin-setting-enrolsettingsflatfile .informationbox {
12 | text-align: left;
13 | direction: ltr;
14 | }
15 |
16 | .dir-rtl #admin-spelllanguagelist textarea,
17 | .dir-rtl#page-admin-setting-editorsettingstinymce .form-textarea textarea {
18 | text-align: left;
19 | direction: ltr;
20 | }
21 |
22 | .dir-rtl #plugins-check .pluginupdateinfo {
23 | direction: ltr;
24 | }
25 |
26 | #plugins-check .rootdir,
27 | #plugins-check .requires-ok {
28 | text-align: left;
29 | direction: ltr;
30 | }
31 |
32 | .dir-rtl #id_s__pathtodu,
33 | .dir-rtl #id_s__aspellpath,
34 | .dir-rtl #id_s__pathtodot,
35 | .dir-rtl #id_s__supportemail,
36 | .dir-rtl #id_s__supportpage,
37 | .dir-rtl #id_s__sessioncookie,
38 | .dir-rtl #id_s__sessioncookiepath,
39 | .dir-rtl #id_s__sessioncookiedomain,
40 | .dir-rtl #id_s__proxyhost,
41 | .dir-rtl #id_s__proxyuser,
42 | .dir-rtl #id_s__proxypassword,
43 | .dir-rtl #id_s__proxybypass,
44 | .dir-rtl #id_s__jabberhost,
45 | .dir-rtl #id_s__jabberserver,
46 | .dir-rtl #id_s__jabberusername,
47 | .dir-rtl #id_s__jabberpassword,
48 | .dir-rtl #id_s__additionalhtmlhead,
49 | .dir-rtl #id_s__additionalhtmltopofbody,
50 | .dir-rtl #id_s__additionalhtmlfooter,
51 | .dir-rtl #id_s__docroot,
52 | .dir-rtl #id_s__filter_tex_latexpreamble,
53 | .dir-rtl #id_s__filter_tex_latexbackground,
54 | .dir-rtl #id_s__filter_tex_pathlatex,
55 | .dir-rtl #id_s__filter_tex_pathdvips,
56 | .dir-rtl #id_s__filter_tex_pathconvert,
57 | .dir-rtl #id_s__blockedip,
58 | .dir-rtl #id_s__pathtoclam,
59 | .dir-rtl #id_s__quarantinedir,
60 | .dir-rtl #id_s__sitepolicy,
61 | .dir-rtl #id_s__sitepolicyguest,
62 | .dir-rtl #id_s__cronremotepassword,
63 | .dir-rtl #id_s__allowedip,
64 | .dir-rtl #id_s__blockedip,
65 | .dir-rtl #id_s_enrol_meta_nosyncroleids,
66 | .dir-rtl #id_s_enrol_ldap_host_url,
67 | .dir-rtl #id_s_enrol_ldap_ldapencoding,
68 | .dir-rtl #id_s_enrol_ldap_bind_dn,
69 | .dir-rtl #id_s_enrol_ldap_bind_pw,
70 | .dir-rtl #admin-emoticons .form-text,
71 | .dir-rtl #admin-role_mapping input[type=text],
72 | .dir-rtl #id_s_enrol_paypal_paypalbusiness,
73 | .dir-rtl #id_s_enrol_flatfile_location,
74 | .dir-rtl#page-admin-setting-enrolsettingsflatfile input[type=text],
75 | .dir-rtl#page-admin-setting-enrolsettingsdatabase input[type=text],
76 | .dir-rtl#page-admin-auth-db input[type=text] {
77 | direction: ltr;
78 | }
79 |
--------------------------------------------------------------------------------
/less/bootswatch/simplex/bootswatch.less:
--------------------------------------------------------------------------------
1 | // Simplex 3.1.1
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | .btn-shadow(@color) {
6 | #gradient > .vertical-three-colors(lighten(@color, 3%), @color, 6%, darken(@color, 3%));
7 | filter: none;
8 | border: 1px solid darken(@color, 10%);
9 | }
10 |
11 | // Navbar =====================================================================
12 |
13 | // Buttons ====================================================================
14 |
15 | .btn {
16 | font-family: @headings-font-family;
17 | }
18 |
19 | .btn-default,
20 | .btn-default:hover {
21 | .btn-shadow(@btn-default-bg);
22 | }
23 |
24 | .btn-primary,
25 | .btn-primary:hover {
26 | .btn-shadow(@btn-primary-bg);
27 | }
28 |
29 | .btn-success,
30 | .btn-success:hover {
31 | .btn-shadow(@btn-success-bg);
32 | }
33 |
34 | .btn-info,
35 | .btn-info:hover {
36 | .btn-shadow(@btn-info-bg);
37 | }
38 |
39 | .btn-warning,
40 | .btn-warning:hover {
41 | .btn-shadow(@btn-warning-bg);
42 | }
43 |
44 | .btn-danger,
45 | .btn-danger:hover {
46 | .btn-shadow(@btn-danger-bg);
47 | }
48 |
49 | // Typography =================================================================
50 |
51 | body {
52 | font-weight: 200;
53 | }
54 |
55 | // Tables =====================================================================
56 |
57 | th {
58 | color: @headings-color;
59 | }
60 |
61 | // Forms ======================================================================
62 |
63 | legend {
64 | color: @headings-color;
65 | }
66 |
67 | .has-warning {
68 | .help-block,
69 | .control-label {
70 | color: @brand-danger;
71 | }
72 |
73 | .form-control,
74 | .form-control:focus {
75 | border-color: @brand-danger;
76 | }
77 | }
78 |
79 | .has-error {
80 | .help-block,
81 | .control-label {
82 | color: @brand-primary;
83 | }
84 |
85 | .form-control,
86 | .form-control:focus {
87 | border-color: @brand-primary;
88 | }
89 | }
90 |
91 | .has-success {
92 | .help-block,
93 | .control-label {
94 | color: @brand-success;
95 | }
96 |
97 | .form-control,
98 | .form-control:focus {
99 | border-color: @brand-success;
100 | }
101 | }
102 |
103 | // Navs =======================================================================
104 |
105 | .pager {
106 | a {
107 | color: @headings-color;
108 | }
109 |
110 | a:hover,
111 | .active > a, {
112 | border-color: @brand-primary;
113 | color: #fff;
114 | }
115 |
116 | .disabled > a {
117 | border-color: @pager-border;
118 | }
119 | }
120 |
121 | // Indicators =================================================================
122 |
123 | // Progress bars ==============================================================
124 |
125 | // Containers =================================================================
--------------------------------------------------------------------------------
/less/moodle/responsive.less:
--------------------------------------------------------------------------------
1 | /* responsive.less */
2 |
3 | @media (max-width: 873px) {
4 | .file-picker .fp-repo-area {
5 | width: 100%;
6 | height: auto;
7 | max-height: 220px;
8 | y-scroll: auto;
9 | float: none;
10 | border: 0px;
11 | }
12 | .file-picker .fp-repo-items {
13 | width: 100%;
14 | float: none;
15 | }
16 | .file-picker .fp-login-form .fp-login-input label {
17 | text-align: left;
18 | }
19 | .file-picker .fp-content form td {
20 | display: block;
21 | width: 100%;
22 | text-align: left;
23 | }
24 | .fp-content .mdl-right {
25 | text-align: left;
26 | }
27 | .fp-repo-items .fp-navbar {
28 | border-top: 1px solid rgb(187, 187, 187);
29 | }
30 | }
31 |
32 | @media (max-width: @screen-xs) {
33 | .fp-content-center {
34 | display: block;
35 | vertical-align: top;
36 | }
37 | .course-content ul.topics li.section,
38 | .course-content ul.topics li.section .content,
39 | .course-content ul.weeks li.section .content,
40 | .course-content ul.weeks li.section,
41 | .course-content ul.section {
42 | margin-right: 0;
43 | margin-left: 0;
44 | padding: 0;
45 | }
46 | .activityinstance {
47 | display: block;
48 | }
49 | .editing .course-content .section .activity {
50 | margin-bottom: 0.2em;
51 | padding-bottom: 0.2em;
52 | border-bottom: thin solid #eee;
53 | }
54 | .course-content .section .activity .commands {
55 | text-align: right;
56 | }
57 | /** Handles display of the activity chooser on small screens **/
58 | .jsenabled .choosercontainer #chooseform .alloptions {
59 | max-width: 100%;
60 | }
61 | .jsenabled .choosercontainer #chooseform .instruction,
62 | .jsenabled .choosercontainer #chooseform .typesummary {
63 | position:static;
64 | }
65 | .que .info {
66 | float: none;
67 | width: auto;
68 | }
69 | .que .content {
70 | margin: 0;
71 | }
72 | .path-mod-choice .horizontal .choices .option {
73 | display: block;
74 | }
75 | .path-mod-forum .forumsearch #search {
76 | width: 120px;
77 | }
78 | .path-mod-forum .forumheaderlist .picture {
79 | display: none;
80 | }
81 | .panel {
82 | .courseimage {
83 | img {
84 | margin-right: 5px;
85 | float: none;
86 | max-width: 100%;
87 | }
88 | }
89 | }
90 | }
91 |
92 |
93 | @media (max-width: @screen-sm) {
94 | // Resize, reflow file-picker on small devices
95 | #filesskin .yui3-panel,
96 | #filesskin .file-picker.fp-generallayout {
97 | width: 100%;
98 | left: 0;
99 | }
100 |
101 | }
102 |
--------------------------------------------------------------------------------
/less/bootstrap3/tooltip.less:
--------------------------------------------------------------------------------
1 | //
2 | // Tooltips
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | .tooltip {
8 | position: absolute;
9 | z-index: @zindex-tooltip;
10 | display: block;
11 | visibility: visible;
12 | font-size: @font-size-small;
13 | line-height: 1.4;
14 | .opacity(0);
15 |
16 | &.in { .opacity(@tooltip-opacity); }
17 | &.top { margin-top: -3px; padding: @tooltip-arrow-width 0; }
18 | &.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; }
19 | &.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; }
20 | &.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; }
21 | }
22 |
23 | // Wrapper for the tooltip content
24 | .tooltip-inner {
25 | max-width: @tooltip-max-width;
26 | padding: 3px 8px;
27 | color: @tooltip-color;
28 | text-align: center;
29 | text-decoration: none;
30 | background-color: @tooltip-bg;
31 | border-radius: @border-radius-base;
32 | }
33 |
34 | // Arrows
35 | .tooltip-arrow {
36 | position: absolute;
37 | width: 0;
38 | height: 0;
39 | border-color: transparent;
40 | border-style: solid;
41 | }
42 | .tooltip {
43 | &.top .tooltip-arrow {
44 | bottom: 0;
45 | left: 50%;
46 | margin-left: -@tooltip-arrow-width;
47 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
48 | border-top-color: @tooltip-arrow-color;
49 | }
50 | &.top-left .tooltip-arrow {
51 | bottom: 0;
52 | left: @tooltip-arrow-width;
53 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
54 | border-top-color: @tooltip-arrow-color;
55 | }
56 | &.top-right .tooltip-arrow {
57 | bottom: 0;
58 | right: @tooltip-arrow-width;
59 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
60 | border-top-color: @tooltip-arrow-color;
61 | }
62 | &.right .tooltip-arrow {
63 | top: 50%;
64 | left: 0;
65 | margin-top: -@tooltip-arrow-width;
66 | border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
67 | border-right-color: @tooltip-arrow-color;
68 | }
69 | &.left .tooltip-arrow {
70 | top: 50%;
71 | right: 0;
72 | margin-top: -@tooltip-arrow-width;
73 | border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
74 | border-left-color: @tooltip-arrow-color;
75 | }
76 | &.bottom .tooltip-arrow {
77 | top: 0;
78 | left: 50%;
79 | margin-left: -@tooltip-arrow-width;
80 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
81 | border-bottom-color: @tooltip-arrow-color;
82 | }
83 | &.bottom-left .tooltip-arrow {
84 | top: 0;
85 | left: @tooltip-arrow-width;
86 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
87 | border-bottom-color: @tooltip-arrow-color;
88 | }
89 | &.bottom-right .tooltip-arrow {
90 | top: 0;
91 | right: @tooltip-arrow-width;
92 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
93 | border-bottom-color: @tooltip-arrow-color;
94 | }
95 | }
96 |
--------------------------------------------------------------------------------
/less/bootstrap3/scaffolding.less:
--------------------------------------------------------------------------------
1 | //
2 | // Scaffolding
3 | // --------------------------------------------------
4 |
5 |
6 | // Reset the box-sizing
7 | //
8 | // Heads up! This reset may cause conflicts with some third-party widgets.
9 | // For recommendations on resolving such conflicts, see
10 | // http://getbootstrap.com/getting-started/#third-box-sizing
11 | * {
12 | .box-sizing(border-box);
13 | }
14 | *:before,
15 | *:after {
16 | .box-sizing(border-box);
17 | }
18 |
19 |
20 | // Body reset
21 |
22 | html {
23 | font-size: 62.5%;
24 | -webkit-tap-highlight-color: rgba(0,0,0,0);
25 | }
26 |
27 | body {
28 | font-family: @font-family-base;
29 | font-size: @font-size-base;
30 | line-height: @line-height-base;
31 | color: @text-color;
32 | background-color: @body-bg;
33 | }
34 |
35 | // Reset fonts for relevant elements
36 | input,
37 | button,
38 | select,
39 | textarea {
40 | font-family: inherit;
41 | font-size: inherit;
42 | line-height: inherit;
43 | }
44 |
45 |
46 | // Links
47 |
48 | a {
49 | color: @link-color;
50 | text-decoration: none;
51 |
52 | &:hover,
53 | &:focus {
54 | color: @link-hover-color;
55 | text-decoration: underline;
56 | }
57 |
58 | &:focus {
59 | .tab-focus();
60 | }
61 | }
62 |
63 |
64 | // Figures
65 | //
66 | // We reset this here because previously Normalize had no `figure` margins. This
67 | // ensures we don't break anyone's use of the element.
68 |
69 | figure {
70 | margin: 0;
71 | }
72 |
73 |
74 | // Images
75 |
76 | img {
77 | vertical-align: middle;
78 | }
79 |
80 | // Responsive images (ensure images don't scale beyond their parents)
81 | .img-responsive {
82 | .img-responsive();
83 | }
84 |
85 | // Rounded corners
86 | .img-rounded {
87 | border-radius: @border-radius-large;
88 | }
89 |
90 | // Image thumbnails
91 | //
92 | // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
93 | .img-thumbnail {
94 | padding: @thumbnail-padding;
95 | line-height: @line-height-base;
96 | background-color: @thumbnail-bg;
97 | border: 1px solid @thumbnail-border;
98 | border-radius: @thumbnail-border-radius;
99 | .transition(all .2s ease-in-out);
100 |
101 | // Keep them at most 100% wide
102 | .img-responsive(inline-block);
103 | }
104 |
105 | // Perfect circle
106 | .img-circle {
107 | border-radius: 50%; // set radius in percents
108 | }
109 |
110 |
111 | // Horizontal rules
112 |
113 | hr {
114 | margin-top: @line-height-computed;
115 | margin-bottom: @line-height-computed;
116 | border: 0;
117 | border-top: 1px solid @hr-border;
118 | }
119 |
120 |
121 | // Only display content to screen readers
122 | //
123 | // See: http://a11yproject.com/posts/how-to-hide-content/
124 |
125 | .sr-only {
126 | position: absolute;
127 | width: 1px;
128 | height: 1px;
129 | margin: -1px;
130 | padding: 0;
131 | overflow: hidden;
132 | clip: rect(0,0,0,0);
133 | border: 0;
134 | }
135 |
--------------------------------------------------------------------------------
/style/login2.css:
--------------------------------------------------------------------------------
1 | /* @group Login */
2 | #page-login-index {
3 | background: transparent;
4 | }
5 |
6 | #page-login-index #region-main {
7 | background: transparent;
8 | border: 0px none;
9 | }
10 |
11 | #page-login-index #page-footer{
12 | border-top: 0px none;
13 | }
14 |
15 | html.login-page{
16 | height: 100%;
17 | }
18 |
19 | .loginbox .loginpanel {
20 | -webkit-box-shadow: none;
21 | -moz-box-shadow: none;
22 | overflow: visible;
23 | text-align: left !important;
24 | width: 100%;
25 | float: left;
26 | -webkit-box-shadow: none;
27 | -moz-box-shadow: none;
28 | margin-bottom: 20px;
29 | background: #fff;
30 | border: 2px solid #ecedf0;
31 | -webkit-border-radius: 5px;
32 | -moz-border-radius: 5px;
33 | border-radius: 5px;
34 | -webkit-box-shadow: none;
35 | -moz-box-shadow: none;
36 | font-family: "Roboto";
37 | font-size: .9em;
38 | margin-right: 10px;
39 | }
40 |
41 | .loginbox .signuppanel {
42 | -webkit-box-shadow: none;
43 | -moz-box-shadow: none;
44 | overflow: visible;
45 | text-align: left !important;
46 | width: 100%;
47 | -webkit-box-shadow: none;
48 | -moz-box-shadow: none;
49 | margin-bottom: 20px;
50 | background: #fff;
51 | border: 2px solid #ecedf0;
52 | -webkit-border-radius: 5px;
53 | -moz-border-radius: 5px;
54 | border-radius: 5px;
55 | -webkit-box-shadow: none;
56 | -moz-box-shadow: none;
57 | font-family: "Roboto";
58 | margin-right: 10px;
59 | }
60 |
61 | .loginbox.twocolumns .loginpanel,
62 | .loginbox.twocolumns .signuppanel {
63 | width: 45%;
64 | margin: 5px;
65 | padding: 20px;
66 | }
67 |
68 | .loginbox .loginform .form-input {
69 | float: left;
70 | width: 100%;
71 | }
72 |
73 | .loginbox .loginform .form-input input {
74 | width: 93%;
75 | }
76 |
77 | .loginbox .loginform input[type="submit"] {
78 | width: 98%;
79 | }
80 |
81 | .loginbox .loginform .form-label {
82 | float: left;
83 | width: 100%;
84 | text-align: left;
85 | white-space: nowrap;
86 | direction: rtl;
87 | }
88 |
89 | .loginbox .loginpanel .desc {
90 | padding: 10;
91 | margin: 0;
92 | display: none;
93 | margin-bottom: 5px;
94 | }
95 |
96 | .loginbox .rememberpass,
97 | .loginbox .forgetpass{
98 | text-align: left;
99 | }
100 |
101 | .loginbox .guestsub,
102 | .loginbox .forgotsub,
103 | .loginbox .potentialidps {
104 | margin: 5px;
105 | text-align: left;
106 | }
107 |
108 | .loginbox h2, .loginbox .subcontent {
109 | padding: 0px;
110 | margin: 0;
111 | text-align: left;
112 | }
113 |
114 | .loginbox .subcontent ol {
115 | text-indent: 10px;
116 | margin-left: 30px;
117 | font-size: 1em;
118 | }
119 |
120 | .loginbox h2{
121 | text-align: left;
122 | }
123 |
124 | .loginbox h2:before {
125 | font-family: FontAwesome;
126 | font-size: 1em;
127 | margin-right: .3em;
128 | color: #999;
129 | }
130 |
131 | .loginbox .loginpanel h2:before {
132 | content: "\f084";
133 | }
134 |
135 | .loginbox .signuppanel h2:before {
136 | content: "\f02d";
137 | }
138 |
139 | /* @end */
--------------------------------------------------------------------------------
/layout/includes/quicklinks.php:
--------------------------------------------------------------------------------
1 | .
16 |
17 | /**
18 | * The Modern theme is built upon Bootstrapbase 3 (non-core).
19 | *
20 | * @package theme
21 | * @subpackage theme_modern
22 | * @author Julian (@moodleman) Ridden
23 | * @author Based on code originally written by G J Bernard, Mary Evans, Bas Brands, Stuart Lamour and David Scotson.
24 | * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
25 | */
26 |
27 | $quicklinksnum = $PAGE->theme->settings->quicklinksnumber;
28 |
29 | // make use of $quicklinksnum for better behaviour
30 | // set lg size to be 12/$quicklinksnum if $quicklinksnum is less than 4
31 | // so with 1 link you get lg-12, 2 links you get lg-6, 3 links you get lg-4 and 4+ links you get lg-3
32 | // set md size to be 12/$quicklinksnum if $quicklinsnum is less than 3
33 | $lg = ( $quicklinksnum <4 ? 12/$quicklinksnum : 3 );
34 | $md = ( $quicklinksnum <3 ? 12/$quicklinksnum : 4 );
35 |
36 | ?>
37 |
38 |
49 |
50 | main_content(); ?>
51 |
52 |
53 |
54 |
59 |
60 | standard_end_of_body_html() ?>
61 |
62 |
39 |
44 |
45 | 40 | 41 | theme->settings->quicklinkstitle ?> 42 |
43 |
46 |
47 |
52 | ";
54 | if (!empty($PAGE->theme->settings->$qlu)) {
55 | echo '';
56 | }
57 | echo '
75 |
76 |
77 | ';
58 | if (!empty($PAGE->theme->settings->$qli)) {
59 | echo '';
60 | } else {
61 | echo '';
62 | }
63 | echo '
';
64 | echo '';
71 | if (!empty($PAGE->theme->settings->$qlu)) {
72 | echo '';
73 | } ?>
74 | - ,
- , or
.
9 |
10 | .list-group {
11 | // No need to set list-style: none; since .list-group-item is block level
12 | margin-bottom: 20px;
13 | padding-left: 0; // reset padding because ul and ol
14 | }
15 |
16 |
17 | // Individual list items
18 | //
19 | // Use on `li`s or `div`s within the `.list-group` parent.
20 |
21 | .list-group-item {
22 | position: relative;
23 | display: block;
24 | padding: 10px 15px;
25 | // Place the border on the list items and negative margin up for better styling
26 | margin-bottom: -1px;
27 | background-color: @list-group-bg;
28 | border: 1px solid @list-group-border;
29 |
30 | // Round the first and last items
31 | &:first-child {
32 | .border-top-radius(@list-group-border-radius);
33 | }
34 | &:last-child {
35 | margin-bottom: 0;
36 | .border-bottom-radius(@list-group-border-radius);
37 | }
38 |
39 | // Align badges within list items
40 | > .badge {
41 | float: right;
42 | }
43 | > .badge + .badge {
44 | margin-right: 5px;
45 | }
46 | }
47 |
48 |
49 | // Linked list items
50 | //
51 | // Use anchor elements instead of `li`s or `div`s to create linked list items.
52 | // Includes an extra `.active` modifier class for showing selected items.
53 |
54 | a.list-group-item {
55 | color: @list-group-link-color;
56 |
57 | .list-group-item-heading {
58 | color: @list-group-link-heading-color;
59 | }
60 |
61 | // Hover state
62 | &:hover,
63 | &:focus {
64 | text-decoration: none;
65 | background-color: @list-group-hover-bg;
66 | }
67 |
68 | // Active class on item itself, not parent
69 | &.active,
70 | &.active:hover,
71 | &.active:focus {
72 | z-index: 2; // Place active items above their siblings for proper border styling
73 | color: @list-group-active-color;
74 | background-color: @list-group-active-bg;
75 | border-color: @list-group-active-border;
76 |
77 | // Force color to inherit for custom content
78 | .list-group-item-heading {
79 | color: inherit;
80 | }
81 | .list-group-item-text {
82 | color: @list-group-active-text-color;
83 | }
84 | }
85 | }
86 |
87 |
88 | // Contextual variants
89 | //
90 | // Add modifier classes to change text and background color on individual items.
91 | // Organizationally, this must come after the `:hover` states.
92 |
93 | .list-group-item-variant(success; @state-success-bg; @state-success-text);
94 | .list-group-item-variant(info; @state-info-bg; @state-info-text);
95 | .list-group-item-variant(warning; @state-warning-bg; @state-warning-text);
96 | .list-group-item-variant(danger; @state-danger-bg; @state-danger-text);
97 |
98 |
99 | // Custom content options
100 | //
101 | // Extra classes for creating well-formatted content within `.list-group-item`s.
102 |
103 | .list-group-item-heading {
104 | margin-top: 0;
105 | margin-bottom: 5px;
106 | }
107 | .list-group-item-text {
108 | margin-bottom: 0;
109 | line-height: 1.3;
110 | }
111 |
--------------------------------------------------------------------------------
/less/bootswatch/cosmo/bootswatch.less:
--------------------------------------------------------------------------------
1 | // Cosmo 3.1.1
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | @import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700");
6 |
7 | // Navbar =====================================================================
8 |
9 | // Buttons ====================================================================
10 |
11 | .btn {
12 | border: none;
13 | }
14 |
15 | // Typography =================================================================
16 |
17 | .text-primary,
18 | .text-primary:hover {
19 | color: @brand-primary;
20 | }
21 |
22 | .text-success,
23 | .text-success:hover {
24 | color: @brand-success;
25 | }
26 |
27 | .text-danger,
28 | .text-danger:hover {
29 | color: @brand-danger;
30 | }
31 |
32 | .text-warning,
33 | .text-warning:hover {
34 | color: @brand-warning;
35 | }
36 |
37 | .text-info,
38 | .text-info:hover {
39 | color: @brand-info;
40 | }
41 |
42 | // Tables =====================================================================
43 |
44 | table,
45 | .table {
46 |
47 | a {
48 | text-decoration: underline;
49 | }
50 |
51 | .success,
52 | .warning,
53 | .danger,
54 | .info {
55 | color: #fff;
56 |
57 | a {
58 | color: #fff;
59 | }
60 | }
61 | }
62 |
63 | // Forms ======================================================================
64 |
65 |
66 | .has-warning {
67 | .help-block,
68 | .control-label {
69 | color: @brand-warning;
70 | }
71 |
72 | .form-control,
73 | .form-control:focus {
74 | border: 1px solid @brand-warning;
75 | }
76 | }
77 |
78 | .has-error {
79 | .help-block,
80 | .control-label {
81 | color: @brand-danger;
82 | }
83 |
84 | .form-control,
85 | .form-control:focus {
86 | border: 1px solid @brand-danger;
87 | }
88 | }
89 |
90 | .has-success {
91 | .help-block,
92 | .control-label {
93 | color: @brand-success;
94 | }
95 |
96 | .form-control,
97 | .form-control:focus {
98 | border: 1px solid @brand-success;
99 | }
100 | }
101 |
102 | // Navs =======================================================================
103 |
104 | .nav-pills {
105 |
106 | & > li > a {
107 | border-radius: 0;
108 | }
109 | }
110 |
111 | .dropdown-menu {
112 |
113 | & > li > a:hover,
114 | & > li > a:focus {
115 | background-image: none;
116 | }
117 | }
118 |
119 | // Indicators =================================================================
120 |
121 | .alert {
122 | border: none;
123 |
124 | .alert-link {
125 | text-decoration: underline;
126 | color: #fff;
127 | }
128 | }
129 |
130 | .label {
131 | border-radius: 0;
132 | }
133 |
134 | .close {
135 | opacity: 1;
136 | }
137 |
138 | // Progress bars ==============================================================
139 |
140 | .progress {
141 | height: 8px;
142 | .box-shadow(none);
143 | }
144 |
145 | // Containers =================================================================
146 |
147 | .panel {
148 | &-heading,
149 | &-footer {
150 | border-top-right-radius: 0;
151 | border-top-left-radius: 0;
152 | }
153 | }
154 |
--------------------------------------------------------------------------------
/less/bootswatch/amelia/bootswatch.less:
--------------------------------------------------------------------------------
1 | // Amelia 3.1.1
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | @import url("//fonts.googleapis.com/css?family=Lobster|Cabin:400,700");
6 |
7 | // Navbar =====================================================================
8 |
9 | .navbar {
10 |
11 | &-brand {
12 | font-family: 'Lobster', cursive;
13 | }
14 | }
15 |
16 | // Buttons ====================================================================
17 |
18 | .btn {
19 |
20 | .caret {
21 | border-top-color: #fff;
22 | }
23 | }
24 |
25 | .btn-default {
26 |
27 | &:hover {
28 | color: @btn-default-color;
29 | }
30 |
31 | .caret {
32 | border-top-color: @btn-default-color;
33 | }
34 | }
35 |
36 | // Typography =================================================================
37 |
38 | .text-primary,
39 | .text-primary:hover {
40 | color: lighten(@brand-primary, 40%);
41 | }
42 |
43 | .text-success,
44 | .text-success:hover {
45 | color: lighten(@brand-success, 20%);
46 | }
47 |
48 | .text-danger,
49 | .text-danger:hover {
50 | color: lighten(@brand-danger, 20%);
51 | }
52 |
53 | .text-warning,
54 | .text-warning:hover {
55 | color: lighten(@brand-warning, 20%);
56 | }
57 |
58 | .text-info,
59 | .text-info:hover {
60 | color: lighten(@brand-info, 40%);
61 | }
62 |
63 | // Tables =====================================================================
64 |
65 | .table-responsive > .table {
66 | background-color: @table-bg;
67 | }
68 |
69 | table,
70 | .table {
71 |
72 | a {
73 | color: #fff;
74 | text-decoration: underline;
75 | }
76 | }
77 |
78 | // Forms ======================================================================
79 |
80 | .has-warning {
81 | .help-block,
82 | .control-label {
83 | color: lighten(@brand-warning, 20%);
84 | }
85 |
86 | .form-control,
87 | .form-control:focus {
88 | border-color: lighten(@brand-warning, 20%);
89 | }
90 | }
91 |
92 | .has-error {
93 | .help-block,
94 | .control-label {
95 | color: lighten(@brand-primary, 40%);
96 | }
97 |
98 | .form-control,
99 | .form-control:focus {
100 | border-color: lighten(@brand-primary, 40%);
101 | }
102 | }
103 |
104 | .has-success {
105 | .help-block,
106 | .control-label {
107 | color: lighten(@brand-success, 20%);
108 | }
109 |
110 | .form-control,
111 | .form-control:focus {
112 | border-color: lighten(@brand-success, 20%);
113 | }
114 | }
115 |
116 | legend {
117 | font-family: 'Lobster', cursive;
118 | color: #fff;
119 | }
120 |
121 | .input-group-addon {
122 | color: @btn-default-color;
123 | }
124 |
125 | // Navs =======================================================================
126 |
127 | .pagination {
128 |
129 | a:hover {
130 | color: #fff;
131 | }
132 | }
133 |
134 | .pager {
135 |
136 | a:hover {
137 | color: #fff;
138 | }
139 | }
140 |
141 | // Indicators =================================================================
142 |
143 | // Progress bars ==============================================================
144 |
145 | // Containers =================================================================
146 |
147 | .popover {
148 | color: @gray-dark;
149 | }
150 |
--------------------------------------------------------------------------------
/less/bootswatch/spacelab/bootswatch.less:
--------------------------------------------------------------------------------
1 | // Spacelab 3.1.1
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | @import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700");
6 |
7 | .btn-shadow(@color) {
8 | #gradient > .vertical-three-colors(lighten(@color, 15%), @color, 50%, darken(@color, 4%));
9 | filter: none;
10 | border: 1px solid darken(@color, 10%);
11 | }
12 |
13 | // Navbar =====================================================================
14 |
15 | .navbar {
16 |
17 | .btn-shadow(@navbar-default-bg);
18 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
19 |
20 | &-inverse {
21 | .btn-shadow(@navbar-inverse-bg);
22 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
23 | }
24 |
25 | &-nav > li > a,
26 | &-nav > li > a:hover {
27 | padding-top: @navbar-padding-vertical + 2px;
28 | padding-bottom: @navbar-padding-vertical - 2px;
29 | .transition(color ease-in-out .2s);
30 | }
31 |
32 | &-brand,
33 | &-brand:hover {
34 | .transition(color ease-in-out .2s);
35 | }
36 |
37 | .caret,
38 | .caret:hover {
39 | .transition(border-color ease-in-out .2s);
40 | }
41 |
42 | .dropdown-menu {
43 | text-shadow: none;
44 | }
45 | }
46 |
47 | // Buttons ====================================================================
48 |
49 | .btn {
50 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
51 |
52 | &-default {
53 | .btn-shadow(@btn-default-bg);
54 |
55 | &:hover {
56 | .btn-shadow(darken(@btn-default-bg, 4%));
57 | }
58 | }
59 |
60 | &-primary {
61 | .btn-shadow(@btn-primary-bg);
62 |
63 | &:hover {
64 | .btn-shadow(darken(@btn-primary-bg, 4%));
65 | }
66 | }
67 |
68 | &-success {
69 | .btn-shadow(@btn-success-bg);
70 |
71 | &:hover {
72 | .btn-shadow(darken(@btn-success-bg, 4%));
73 | }
74 | }
75 |
76 | &-info {
77 | .btn-shadow(@btn-info-bg);
78 |
79 | &:hover {
80 | .btn-shadow(darken(@btn-info-bg, 4%));
81 | }
82 | }
83 |
84 | &-warning {
85 | .btn-shadow(@btn-warning-bg);
86 |
87 | &:hover {
88 | .btn-shadow(darken(@btn-warning-bg, 4%));
89 | }
90 | }
91 |
92 | &-danger {
93 | .btn-shadow(@btn-danger-bg);
94 |
95 | &:hover {
96 | .btn-shadow(darken(@btn-danger-bg, 4%));
97 | }
98 | }
99 |
100 | &:active,
101 | &.active {
102 | background-image: none;
103 | .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
104 | }
105 | }
106 |
107 |
108 |
109 | // Typography =================================================================
110 |
111 | // Tables =====================================================================
112 |
113 | // Forms ======================================================================
114 |
115 | // Navs =======================================================================
116 |
117 | // Indicators =================================================================
118 |
119 | // Progress bars ==============================================================
120 |
121 | // Containers =================================================================
122 |
123 | .panel {
124 |
125 | &-primary {
126 | .panel-title {
127 | color: #fff;
128 | }
129 | }
130 | }
--------------------------------------------------------------------------------
/less/moodle/user.less:
--------------------------------------------------------------------------------
1 | /* user.less */
2 |
3 | .user-box {
4 | margin: 8px;
5 | width: 115px;
6 | height: 160px;
7 | text-align: center;
8 | float: left;
9 | clear: none;
10 | }
11 | .userlist .action-icon img {
12 | vertical-align: middle;
13 | }
14 | .userlist #showall {
15 | margin: 10px 0;
16 | }
17 | .userlist .buttons {
18 | text-align: center;
19 | }
20 | .userlist .buttons label {
21 | padding: 0 3px;
22 | }
23 | .userlist table#participants {
24 | text-align: center;
25 | }
26 | .userlist table#participants td,
27 | .userlist table#participants th {
28 | vertical-align: middle;
29 | text-align: left;
30 | padding: 4px;
31 | }
32 | .userlist table.controls {
33 | width: 100%;
34 | }
35 | .userlist table.controls tr {
36 | vertical-align: top;
37 | }
38 | .userlist table.controls td.right,
39 | .userlist table.controls td.left {
40 | padding: 4px;
41 | }
42 | .userlist table.controls .right {
43 | text-align: right;
44 | }
45 | .userinfobox {
46 | width: 100%;
47 | border: 1px solid;
48 | border-collapse: separate;
49 | padding: 10px;
50 | }
51 | .userinfobox .left,
52 | .userinfobox .side {
53 | width: 100px;
54 | vertical-align: top;
55 | }
56 | .userinfobox .userpicture {
57 | width: 100px;
58 | height: 100px;
59 | }
60 | .userinfobox .content {
61 | vertical-align: top;
62 | }
63 | .userinfobox .links {
64 | width: 100px;
65 | padding: 5px;
66 | vertical-align: bottom;
67 | }
68 | .userinfobox .links a {
69 | display: block;
70 | }
71 | .userinfobox .list td {
72 | padding: 3px;
73 | }
74 | .userinfobox .username {
75 | padding-bottom: 20px;
76 | font-weight: bold;
77 | }
78 | .userinfobox td.label {
79 | text-align: right;
80 | white-space: nowrap;
81 | vertical-align: top;
82 | font-weight: bold;
83 | }
84 | .groupinfobox {
85 | .well
86 | }
87 | .groupinfobox .left {
88 | padding: 10px;
89 | width: 100px;
90 | vertical-align: top;
91 | }
92 | .course-participation #showall {
93 | text-align: center;
94 | margin: 10px 0;
95 | }
96 | #user-policy .noticebox {
97 | text-align: center;
98 | margin-left: auto;
99 | margin-right: auto;
100 | margin-bottom: 10px;
101 | width: 80%;
102 | height: 250px;
103 | }
104 | #user-policy #policyframe {
105 | width: 100%;
106 | height: 100%;
107 | }
108 | .iplookup #map {
109 | margin: auto;
110 | }
111 | .userselector select {
112 | width: 100%;
113 | }
114 | .userselector div {
115 | margin-top: 0.2em;
116 | }
117 | .userselector div label {
118 | margin-right: 0.3em;
119 | }
120 | /* Next style does not work in all browsers but looks nicer when it does */
121 | .userselector .userselector-infobelow {
122 | font-size: 0.8em;
123 | }
124 | #userselector_options {
125 | padding: 0.3em 0;
126 | }
127 | #userselector_options .collapsibleregioncaption {
128 | font-weight: bold;
129 | }
130 | #userselector_options p {
131 | margin: 0.2em 0;
132 | text-align: left;
133 | }
134 | /** user full profile */
135 | #page-user-profile .messagebox {
136 | text-align: center;
137 | margin-left: auto;
138 | margin-right: auto;
139 | }
140 | /** user course profile */
141 | #page-course-view-weeks .messagebox {
142 | text-align: center;
143 | margin-left: auto;
144 | margin-right: auto;
145 | }
146 |
--------------------------------------------------------------------------------
/less/moodle/badges.less:
--------------------------------------------------------------------------------
1 | table.collection {
2 | .table;
3 | .table-bordered;
4 | .table-striped;
5 | }
6 | table.collection .name {
7 | text-align: left;
8 | vertical-align: middle;
9 | }
10 | table.collection .awards {
11 | width: 10%;
12 | text-align: center;
13 | vertical-align: middle;
14 | }
15 | table.collection .criteria {
16 | width: 40%;
17 | text-align: left;
18 | vertical-align: top;
19 | }
20 | table.collection .badgeimage,
21 | table.collection .status {
22 | width: 15%;
23 | text-align: center;
24 | vertical-align: middle;
25 | }
26 | table.collection .description {
27 | width: 25%;
28 | text-align: left;
29 | }
30 | table.collection .actions {
31 | width: 11em;
32 | text-align: center;
33 | vertical-align: middle;
34 | }
35 |
36 | a.criteria-action {
37 | padding: 0px 3px;
38 | float: right;
39 | }
40 | table.issuedbadgebox {
41 | width: 750px;
42 | background-color: #FFFFFF;
43 | }
44 | table.badgeissuedimage {
45 | width: 150px;
46 | text-align: center;
47 | }
48 | table.badgeissuedinfo {
49 | width: 600px;
50 | }
51 | table.badgeissuedinfo .bvalue {
52 | text-align: left;
53 | vertical-align: middle;
54 | }
55 | table.badgeissuedinfo .bfield {
56 | width: 125px;
57 | text-align: left;
58 | font-style: italic;
59 | }
60 |
61 | ul.badges {
62 | margin: 0;
63 | list-style: none;
64 | }
65 | .badges li {
66 | position: relative;
67 | display: inline-block;
68 | padding-bottom: 2em;
69 | text-align: center;
70 | vertical-align: top;
71 | width: 150px;
72 | }
73 | .badges li .badge-name {
74 | display: block;
75 | padding: 5px;
76 | }
77 | .badges li > img {
78 | position: absolute;
79 | }
80 | .badges li .badge-image {
81 | width: 90px;
82 | height: 90px;
83 | left: 10px;
84 | top: 0px;
85 | z-index: 1;
86 | }
87 | .badges li .badge-actions {
88 | position: relative;
89 | }
90 | div.badge {
91 | position: relative;
92 | display: block;
93 | }
94 | div.badge .expireimage {
95 | width: 100px;
96 | height: 100px;
97 | left: 20px;
98 | top: 0px;
99 | }
100 | .expireimage {
101 | .opacity(.85);
102 | width: 90px; height: 90px;
103 | left: 30px;
104 | top: 0px;
105 | position: absolute;
106 | z-index:10;
107 | }
108 | .badge-profile {
109 | vertical-align: top;
110 | }
111 | .connected {
112 | color: @alert-success-text;
113 | }
114 | .notconnected {
115 | color: @alert-danger-text;
116 | }
117 | .connecting {
118 | color: @alert-warning-text;
119 | }
120 | #page-badges-award .recipienttable tr td {
121 | vertical-align: top;
122 | }
123 | #page-badges-award .recipienttable tr td.actions .actionbutton {
124 | margin: 0.3em 0;
125 | padding: 0.5em 0;
126 | width: 100%;
127 | }
128 | #page-badges-award .recipienttable tr td.existing,
129 | #page-badges-award .recipienttable tr td.potential {
130 | width: 42%;
131 | }
132 |
133 | .statustable {
134 | margin-bottom: 0px;
135 | }
136 | .statusbox.active {
137 | background-color: @alert-success-bg;
138 | }
139 | .statusbox.inactive {
140 | background-color: @alert-warning-bg;
141 | }
142 | .activatebadge {
143 | margin: 0px;
144 | text-align: left;
145 | vertical-align: middle;
146 | }
147 | img#persona_signin {
148 | cursor: pointer;
149 | }
150 | .addcourse {
151 | float: right;
152 | }
153 |
--------------------------------------------------------------------------------
/less/bootswatch/readable/bootswatch.less:
--------------------------------------------------------------------------------
1 | // Readable 3.1.1
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | @import url("//fonts.googleapis.com/css?family=Raleway:400,700");
6 |
7 | // Navbar =====================================================================
8 |
9 | .navbar {
10 | font-family: @headings-font-family;
11 |
12 | &-nav > li > a {
13 | padding: @padding-base-vertical @padding-base-horizontal;
14 | margin: 12px 6px;
15 | border: 1px solid transparent;
16 | border-radius: @border-radius-base;
17 |
18 | &:hover {
19 | border: 1px solid #ddd;
20 | }
21 | }
22 |
23 | &-nav > .active > a,
24 | &-nav > .active > a:hover {
25 | border: 1px solid #ddd;
26 | }
27 |
28 | &-default .navbar-nav > .active > a:hover {
29 | color: @navbar-default-link-hover-color;
30 | }
31 |
32 | &-inverse .navbar-nav > .active > a:hover {
33 | color: @navbar-inverse-link-hover-color;
34 | }
35 |
36 | &-brand {
37 | margin-top: 6px;
38 | }
39 | }
40 |
41 | // Buttons ====================================================================
42 |
43 | .btn {
44 | font-family: @headings-font-family;
45 | }
46 |
47 | // Typography =================================================================
48 |
49 | // Tables =====================================================================
50 |
51 | // Forms ======================================================================
52 |
53 | legend {
54 | font-family: @headings-font-family;
55 | }
56 |
57 | .input-group-addon {
58 | font-family: @font-family-sans-serif;
59 | }
60 |
61 | // Navs =======================================================================
62 |
63 | .nav {
64 | .open > a,
65 | .open > a:hover,
66 | .open > a:focus {
67 | border: 1px solid #ddd;
68 | }
69 | }
70 |
71 | .pagination {
72 |
73 | font-family: @headings-font-family;
74 |
75 | &-lg > li > a,
76 | &-lg > li > span {
77 | padding: 14px 24px;
78 | }
79 | }
80 |
81 | .pager {
82 |
83 | font-family: @headings-font-family;
84 |
85 | a {
86 | color: @text-color;
87 | }
88 |
89 | a:hover {
90 | border-color: transparent;
91 | color: #fff;
92 | }
93 |
94 | .disabled a {
95 | border-color: @pager-border;
96 | }
97 | }
98 |
99 | // Indicators =================================================================
100 |
101 | .alert {
102 | a,
103 | .alert-link {
104 | color: @alert-success-text;
105 | text-decoration: underline;
106 | }
107 | }
108 |
109 | .label {
110 | font-family: @headings-font-family;
111 | font-weight: normal;
112 |
113 | &-default {
114 | border: 1px solid #ddd;
115 | color: @text-color;
116 | }
117 |
118 | }
119 |
120 | .badge {
121 | font-family: @headings-font-family;
122 | font-weight: normal;
123 | }
124 |
125 | // Progress bars ==============================================================
126 |
127 | // Containers =================================================================
128 |
129 | .panel {
130 |
131 | .box-shadow(none);
132 |
133 | &-default .panel-heading,
134 | &-default .panel-footer {
135 | background-color: #fff;
136 | font-family: @headings-font-family;
137 | font-weight: bold;
138 | }
139 |
140 | &-primary,
141 | &-success,
142 | &-warning,
143 | &-danger,
144 | &-info {
145 | .panel-heading {
146 | color: #fff;
147 | }
148 |
149 | .panel-body {
150 | border: 1px solid #ddd;
151 | border-top-width: 0;
152 | border-radius: 0 0 @border-radius-base @border-radius-base;
153 | }
154 | }
155 | }
156 |
--------------------------------------------------------------------------------
/jquery/jquery.cookie.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * jQuery Cookie Plugin v1.4.1
3 | * https://github.com/carhartl/jquery-cookie
4 | *
5 | * Copyright 2013 Klaus Hartl
6 | * Released under the MIT license
7 | */
8 | (function (factory) {
9 | if (typeof define === 'function' && define.amd) {
10 | // AMD
11 | define(['jquery'], factory);
12 | } else if (typeof exports === 'object') {
13 | // CommonJS
14 | factory(require('jquery'));
15 | } else {
16 | // Browser globals
17 | factory(jQuery);
18 | }
19 | }(function ($) {
20 |
21 | var pluses = /\+/g;
22 |
23 | function encode(s) {
24 | return config.raw ? s : encodeURIComponent(s);
25 | }
26 |
27 | function decode(s) {
28 | return config.raw ? s : decodeURIComponent(s);
29 | }
30 |
31 | function stringifyCookieValue(value) {
32 | return encode(config.json ? JSON.stringify(value) : String(value));
33 | }
34 |
35 | function parseCookieValue(s) {
36 | if (s.indexOf('"') === 0) {
37 | // This is a quoted cookie as according to RFC2068, unescape...
38 | s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
39 | }
40 |
41 | try {
42 | // Replace server-side written pluses with spaces.
43 | // If we can't decode the cookie, ignore it, it's unusable.
44 | // If we can't parse the cookie, ignore it, it's unusable.
45 | s = decodeURIComponent(s.replace(pluses, ' '));
46 | return config.json ? JSON.parse(s) : s;
47 | } catch(e) {}
48 | }
49 |
50 | function read(s, converter) {
51 | var value = config.raw ? s : parseCookieValue(s);
52 | return $.isFunction(converter) ? converter(value) : value;
53 | }
54 |
55 | var config = $.cookie = function (key, value, options) {
56 |
57 | // Write
58 |
59 | if (value !== undefined && !$.isFunction(value)) {
60 | options = $.extend({}, config.defaults, options);
61 |
62 | if (typeof options.expires === 'number') {
63 | var days = options.expires, t = options.expires = new Date();
64 | t.setTime(+t + days * 864e+5);
65 | }
66 |
67 | return (document.cookie = [
68 | encode(key), '=', stringifyCookieValue(value),
69 | options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
70 | options.path ? '; path=' + options.path : '',
71 | options.domain ? '; domain=' + options.domain : '',
72 | options.secure ? '; secure' : ''
73 | ].join(''));
74 | }
75 |
76 | // Read
77 |
78 | var result = key ? undefined : {};
79 |
80 | // To prevent the for loop in the first place assign an empty array
81 | // in case there are no cookies at all. Also prevents odd result when
82 | // calling $.cookie().
83 | var cookies = document.cookie ? document.cookie.split('; ') : [];
84 |
85 | for (var i = 0, l = cookies.length; i < l; i++) {
86 | var parts = cookies[i].split('=');
87 | var name = decode(parts.shift());
88 | var cookie = parts.join('=');
89 |
90 | if (key && key === name) {
91 | // If second argument (value) is a function it's a converter...
92 | result = read(cookie, value);
93 | break;
94 | }
95 |
96 | // Prevent storing a cookie that we couldn't decode.
97 | if (!key && (cookie = read(cookie)) !== undefined) {
98 | result[name] = cookie;
99 | }
100 | }
101 |
102 | return result;
103 | };
104 |
105 | config.defaults = {};
106 |
107 | $.removeCookie = function (key, options) {
108 | if ($.cookie(key) === undefined) {
109 | return false;
110 | }
111 |
112 | // Must not alter options, thus extending a fresh object...
113 | $.cookie(key, '', $.extend({}, options, { expires: -1 }));
114 | return !$.cookie(key);
115 | };
116 |
117 | }));
--------------------------------------------------------------------------------
/less/bootstrap3/popovers.less:
--------------------------------------------------------------------------------
1 | //
2 | // Popovers
3 | // --------------------------------------------------
4 |
5 |
6 | .popover {
7 | position: absolute;
8 | top: 0;
9 | left: 0;
10 | z-index: @zindex-popover;
11 | display: none;
12 | max-width: @popover-max-width;
13 | padding: 1px;
14 | text-align: left; // Reset given new insertion method
15 | background-color: @popover-bg;
16 | background-clip: padding-box;
17 | border: 1px solid @popover-fallback-border-color;
18 | border: 1px solid @popover-border-color;
19 | border-radius: @border-radius-large;
20 | .box-shadow(0 5px 10px rgba(0,0,0,.2));
21 |
22 | // Overrides for proper insertion
23 | white-space: normal;
24 |
25 | // Offset the popover to account for the popover arrow
26 | &.top { margin-top: -@popover-arrow-width; }
27 | &.right { margin-left: @popover-arrow-width; }
28 | &.bottom { margin-top: @popover-arrow-width; }
29 | &.left { margin-left: -@popover-arrow-width; }
30 | }
31 |
32 | .popover-title {
33 | margin: 0; // reset heading margin
34 | padding: 8px 14px;
35 | font-size: @font-size-base;
36 | font-weight: normal;
37 | line-height: 18px;
38 | background-color: @popover-title-bg;
39 | border-bottom: 1px solid darken(@popover-title-bg, 5%);
40 | border-radius: 5px 5px 0 0;
41 | }
42 |
43 | .popover-content {
44 | padding: 9px 14px;
45 | }
46 |
47 | // Arrows
48 | //
49 | // .arrow is outer, .arrow:after is inner
50 |
51 | .popover > .arrow {
52 | &,
53 | &:after {
54 | position: absolute;
55 | display: block;
56 | width: 0;
57 | height: 0;
58 | border-color: transparent;
59 | border-style: solid;
60 | }
61 | }
62 | .popover > .arrow {
63 | border-width: @popover-arrow-outer-width;
64 | }
65 | .popover > .arrow:after {
66 | border-width: @popover-arrow-width;
67 | content: "";
68 | }
69 |
70 | .popover {
71 | &.top > .arrow {
72 | left: 50%;
73 | margin-left: -@popover-arrow-outer-width;
74 | border-bottom-width: 0;
75 | border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
76 | border-top-color: @popover-arrow-outer-color;
77 | bottom: -@popover-arrow-outer-width;
78 | &:after {
79 | content: " ";
80 | bottom: 1px;
81 | margin-left: -@popover-arrow-width;
82 | border-bottom-width: 0;
83 | border-top-color: @popover-arrow-color;
84 | }
85 | }
86 | &.right > .arrow {
87 | top: 50%;
88 | left: -@popover-arrow-outer-width;
89 | margin-top: -@popover-arrow-outer-width;
90 | border-left-width: 0;
91 | border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
92 | border-right-color: @popover-arrow-outer-color;
93 | &:after {
94 | content: " ";
95 | left: 1px;
96 | bottom: -@popover-arrow-width;
97 | border-left-width: 0;
98 | border-right-color: @popover-arrow-color;
99 | }
100 | }
101 | &.bottom > .arrow {
102 | left: 50%;
103 | margin-left: -@popover-arrow-outer-width;
104 | border-top-width: 0;
105 | border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
106 | border-bottom-color: @popover-arrow-outer-color;
107 | top: -@popover-arrow-outer-width;
108 | &:after {
109 | content: " ";
110 | top: 1px;
111 | margin-left: -@popover-arrow-width;
112 | border-top-width: 0;
113 | border-bottom-color: @popover-arrow-color;
114 | }
115 | }
116 |
117 | &.left > .arrow {
118 | top: 50%;
119 | right: -@popover-arrow-outer-width;
120 | margin-top: -@popover-arrow-outer-width;
121 | border-right-width: 0;
122 | border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
123 | border-left-color: @popover-arrow-outer-color;
124 | &:after {
125 | content: " ";
126 | right: 1px;
127 | border-right-width: 0;
128 | border-left-color: @popover-arrow-color;
129 | bottom: -@popover-arrow-width;
130 | }
131 | }
132 |
133 | }
134 |
--------------------------------------------------------------------------------
/less/bootstrap3/modals.less:
--------------------------------------------------------------------------------
1 | //
2 | // Modals
3 | // --------------------------------------------------
4 |
5 | // .modal-open - body class for killing the scroll
6 | // .modal - container to scroll within
7 | // .modal-dialog - positioning shell for the actual modal
8 | // .modal-content - actual modal w/ bg and corners and shit
9 |
10 | // Kill the scroll on the body
11 | .modal-open {
12 | overflow: hidden;
13 | }
14 |
15 | // Container that the modal scrolls within
16 | .modal {
17 | display: none;
18 | overflow: auto;
19 | overflow-y: scroll;
20 | position: fixed;
21 | top: 0;
22 | right: 0;
23 | bottom: 0;
24 | left: 0;
25 | z-index: @zindex-modal;
26 | -webkit-overflow-scrolling: touch;
27 |
28 | // Prevent Chrome on Windows from adding a focus outline. For details, see
29 | // https://github.com/twbs/bootstrap/pull/10951.
30 | outline: 0;
31 |
32 | // When fading in the modal, animate it to slide down
33 | &.fade .modal-dialog {
34 | .translate(0, -25%);
35 | .transition-transform(~"0.3s ease-out");
36 | }
37 | &.in .modal-dialog { .translate(0, 0)}
38 | }
39 |
40 | // Shell div to position the modal with bottom padding
41 | .modal-dialog {
42 | position: relative;
43 | width: auto;
44 | margin: 10px;
45 | }
46 |
47 | // Actual modal
48 | .modal-content {
49 | position: relative;
50 | background-color: @modal-content-bg;
51 | border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
52 | border: 1px solid @modal-content-border-color;
53 | border-radius: @border-radius-large;
54 | .box-shadow(0 3px 9px rgba(0,0,0,.5));
55 | background-clip: padding-box;
56 | // Remove focus outline from opened modal
57 | outline: none;
58 | }
59 |
60 | // Modal background
61 | .modal-backdrop {
62 | position: fixed;
63 | top: 0;
64 | right: 0;
65 | bottom: 0;
66 | left: 0;
67 | z-index: @zindex-modal-background;
68 | background-color: @modal-backdrop-bg;
69 | // Fade for backdrop
70 | &.fade { .opacity(0); }
71 | &.in { .opacity(@modal-backdrop-opacity); }
72 | }
73 |
74 | // Modal header
75 | // Top section of the modal w/ title and dismiss
76 | .modal-header {
77 | padding: @modal-title-padding;
78 | border-bottom: 1px solid @modal-header-border-color;
79 | min-height: (@modal-title-padding + @modal-title-line-height);
80 | }
81 | // Close icon
82 | .modal-header .close {
83 | margin-top: -2px;
84 | }
85 |
86 | // Title text within header
87 | .modal-title {
88 | margin: 0;
89 | line-height: @modal-title-line-height;
90 | }
91 |
92 | // Modal body
93 | // Where all modal content resides (sibling of .modal-header and .modal-footer)
94 | .modal-body {
95 | position: relative;
96 | padding: @modal-inner-padding;
97 | }
98 |
99 | // Footer (for actions)
100 | .modal-footer {
101 | margin-top: 15px;
102 | padding: (@modal-inner-padding - 1) @modal-inner-padding @modal-inner-padding;
103 | text-align: right; // right align buttons
104 | border-top: 1px solid @modal-footer-border-color;
105 | &:extend(.clearfix all); // clear it in case folks use .pull-* classes on buttons
106 |
107 | // Properly space out buttons
108 | .btn + .btn {
109 | margin-left: 5px;
110 | margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
111 | }
112 | // but override that for button groups
113 | .btn-group .btn + .btn {
114 | margin-left: -1px;
115 | }
116 | // and override it for block buttons as well
117 | .btn-block + .btn-block {
118 | margin-left: 0;
119 | }
120 | }
121 |
122 | // Scale up the modal
123 | @media (min-width: @screen-sm-min) {
124 | // Automatically set modal's width for larger viewports
125 | .modal-dialog {
126 | width: @modal-md;
127 | margin: 30px auto;
128 | }
129 | .modal-content {
130 | .box-shadow(0 5px 15px rgba(0,0,0,.5));
131 | }
132 |
133 | // Modal sizes
134 | .modal-sm { width: @modal-sm; }
135 | }
136 |
137 | @media (min-width: @screen-md-min) {
138 | .modal-lg { width: @modal-lg; }
139 | }
140 |
--------------------------------------------------------------------------------
/jquery/backstretch_2.0.4.js:
--------------------------------------------------------------------------------
1 | /*! Backstretch - v2.0.4 - 2013-06-19
2 | * http://srobbin.com/jquery-plugins/backstretch/
3 | * Copyright (c) 2013 Scott Robbin; Licensed MIT */
4 | (function(a,d,p){a.fn.backstretch=function(c,b){(c===p||0===c.length)&&a.error("No images were supplied for Backstretch");0===a(d).scrollTop()&&d.scrollTo(0,0);return this.each(function(){var d=a(this),g=d.data("backstretch");if(g){if("string"==typeof c&&"function"==typeof g[c]){g[c](b);return}b=a.extend(g.options,b);g.destroy(!0)}g=new q(this,c,b);d.data("backstretch",g)})};a.backstretch=function(c,b){return a("body").backstretch(c,b).data("backstretch")};a.expr[":"].backstretch=function(c){return a(c).data("backstretch")!==p};a.fn.backstretch.defaults={centeredX:!0,centeredY:!0,duration:5E3,fade:0};var r={left:0,top:0,overflow:"hidden",margin:0,padding:0,height:"100%",width:"100%",zIndex:-999999},s={position:"absolute",display:"none",margin:0,padding:0,border:"none",width:"auto",height:"auto",maxHeight:"none",maxWidth:"none",zIndex:-999999},q=function(c,b,e){this.options=a.extend({},a.fn.backstretch.defaults,e||{});this.images=a.isArray(b)?b:[b];a.each(this.images,function(){a("![]()
")[0].src=this});this.isBody=c===document.body;this.$container=a(c);this.$root=this.isBody?l?a(d):a(document):this.$container;c=this.$container.children(".backstretch").first();this.$wrap=c.length?c:a('').css(r).appendTo(this.$container);this.isBody||(c=this.$container.css("position"),b=this.$container.css("zIndex"),this.$container.css({position:"static"===c?"relative":c,zIndex:"auto"===b?0:b,background:"none"}),this.$wrap.css({zIndex:-999998}));this.$wrap.css({position:this.isBody&&l?"fixed":"absolute"});this.index=0;this.show(this.index);a(d).on("resize.backstretch",a.proxy(this.resize,this)).on("orientationchange.backstretch",a.proxy(function(){this.isBody&&0===d.pageYOffset&&(d.scrollTo(0,1),this.resize())},this))};q.prototype={resize:function(){try{var a={left:0,top:0},b=this.isBody?this.$root.width():this.$root.innerWidth(),e=b,g=this.isBody?d.innerHeight?d.innerHeight:this.$root.height():this.$root.innerHeight(),j=e/this.$img.data("ratio"),f;j>=g?(f=(j-g)/2,this.options.centeredY&&(a.top="-"+f+"px")):(j=g,e=j*this.$img.data("ratio"),f=(e-b)/2,this.options.centeredX&&(a.left="-"+f+"px"));this.$wrap.css({width:b,height:g}).find("img:not(.deleteable)").css({width:e,height:j}).css(a)}catch(h){}return this},show:function(c){if(!(Math.abs(c)>this.images.length-1)){var b=this,e=b.$wrap.find("img").addClass("deleteable"),d={relatedTarget:b.$container[0]};b.$container.trigger(a.Event("backstretch.before",d),[b,c]);this.index=c;clearInterval(b.interval);b.$img=a("![]()
").css(s).bind("load",function(f){var h=this.width||a(f.target).width();f=this.height||a(f.target).height();a(this).data("ratio",h/f);a(this).fadeIn(b.options.speed||b.options.fade,function(){e.remove();b.paused||b.cycle();a(["after","show"]).each(function(){b.$container.trigger(a.Event("backstretch."+this,d),[b,c])})});b.resize()}).appendTo(b.$wrap);b.$img.attr("src",b.images[c]);return b}},next:function(){return this.show(this.indexe||d.operamini&&"[object OperaMini]"==={}.toString.call(d.operamini)||n&&7458>t||-1e||h&&6>h||"palmGetResource"in d&&e&&534>e||-1=k)})(jQuery,window);
--------------------------------------------------------------------------------
/javascript/respond.min.js:
--------------------------------------------------------------------------------
1 | /*! Respond.js v1.4.2: min/max-width media query polyfill * Copyright 2013 Scott Jehl
2 | * Licensed under https://github.com/scottjehl/Respond/blob/master/LICENSE-MIT
3 | * */
4 |
5 | !function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){u(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))};if(c.ajax=f,c.queue=d,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\([\s]*min\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/,maxw:/\([\s]*max\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var g,h,i,j=a.document,k=j.documentElement,l=[],m=[],n=[],o={},p=30,q=j.getElementsByTagName("head")[0]||k,r=j.getElementsByTagName("base")[0],s=q.getElementsByTagName("link"),t=function(){var a,b=j.createElement("div"),c=j.body,d=k.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=j.createElement("body"),c.style.background="none"),k.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&k.insertBefore(c,k.firstChild),a=b.offsetWidth,f?k.removeChild(c):c.removeChild(b),k.style.fontSize=d,e&&(c.style.fontSize=e),a=i=parseFloat(a)},u=function(b){var c="clientWidth",d=k[c],e="CSS1Compat"===j.compatMode&&d||j.body[c]||d,f={},o=s[s.length-1],r=(new Date).getTime();if(b&&g&&p>r-g)return a.clearTimeout(h),h=a.setTimeout(u,p),void 0;g=r;for(var v in l)if(l.hasOwnProperty(v)){var w=l[v],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?i||t():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?i||t():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(m[w.rules]))}for(var C in n)n.hasOwnProperty(C)&&n[C]&&n[C].parentNode===q&&q.removeChild(n[C]);n.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=j.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,q.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(j.createTextNode(F)),n.push(E)}},v=function(a,b,d){var e=a.replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var g=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},h=!f&&d;b.length&&(b+="/"),h&&(f=1);for(var i=0;f>i;i++){var j,k,n,o;h?(j=d,m.push(g(a))):(j=e[i].match(c.regex.findStyles)&&RegExp.$1,m.push(RegExp.$2&&g(RegExp.$2))),n=j.split(","),o=n.length;for(var p=0;o>p;p++)k=n[p],l.push({media:k.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:m.length-1,hasquery:k.indexOf("(")>-1,minw:k.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:k.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},w=function(){if(d.length){var b=d.shift();f(b.href,function(c){v(c,b.href,b.media),o[b.href]=!0,a.setTimeout(function(){w()},0)})}},x=function(){for(var b=0;b thead > tr > th,
67 | > tbody > tr > th,
68 | > tfoot > tr > th,
69 | > thead > tr > td,
70 | > tbody > tr > td,
71 | > tfoot > tr > td {
72 | border: none;
73 | }
74 |
75 | &-bordered > thead > tr > th,
76 | &-bordered > tbody > tr > th,
77 | &-bordered > tfoot > tr > th,
78 | &-bordered > thead > tr > td,
79 | &-bordered > tbody > tr > td,
80 | &-bordered > tfoot > tr > td {
81 | border: 1px solid @table-border-color;
82 | }
83 | }
84 |
85 | // Forms ======================================================================
86 |
87 | .form-control,textarea.form-control,
88 | input[type="text"],
89 | input[type="password"],
90 | input[type="datetime"],
91 | input[type="datetime-local"],
92 | input[type="date"],
93 | input[type="month"],
94 | input[type="time"],
95 | input[type="week"],
96 | input[type="number"],
97 | input[type="email"],
98 | input[type="url"],
99 | input[type="search"],
100 | input[type="tel"],
101 | input[type="color"],
102 | .uneditable-input {
103 | border-width: 2px;
104 | .box-shadow(none);
105 |
106 | &:focus {
107 | .box-shadow(none);
108 | }
109 | }
110 |
111 | .has-warning {
112 | .help-block,
113 | .control-label {
114 | color: @brand-warning;
115 | }
116 |
117 | .form-control,
118 | .form-control:focus {
119 | border: 2px solid @brand-warning;
120 | }
121 | }
122 |
123 | .has-error {
124 | .help-block,
125 | .control-label {
126 | color: @brand-danger;
127 | }
128 |
129 | .form-control,
130 | .form-control:focus {
131 | border: 2px solid @brand-danger;
132 | }
133 | }
134 |
135 | .has-success {
136 | .help-block,
137 | .control-label {
138 | color: @brand-success;
139 | }
140 |
141 | .form-control,
142 | .form-control:focus {
143 | border: 2px solid @brand-success;
144 | }
145 | }
146 |
147 | // Navs =======================================================================
148 |
149 | .nav {
150 | .open > a,
151 | .open > a:hover,
152 | .open > a:focus {
153 | border-color: transparent;
154 | }
155 | }
156 |
157 | .pager {
158 | a,
159 | a:hover {
160 | color: #fff;
161 | }
162 |
163 | .disabled {
164 | &>a,
165 | &>a:hover,
166 | &>a:focus,
167 | &>span {
168 | background-color: @pagination-disabled-bg;
169 | }
170 | }
171 | }
172 |
173 | // Indicators =================================================================
174 |
175 | .alert {
176 |
177 | a,
178 | .alert-link {
179 | color: #fff;
180 | text-decoration: underline;
181 | }
182 | }
183 |
184 | // Progress bars ==============================================================
185 |
186 | .progress {
187 | height: 10px;
188 | .box-shadow(none);
189 | }
190 |
191 | // Containers =================================================================
192 |
193 | .well {
194 | .box-shadow(none);
195 | }
196 |
--------------------------------------------------------------------------------
/less/bootstrap3/buttons.less:
--------------------------------------------------------------------------------
1 | //
2 | // Buttons
3 | // --------------------------------------------------
4 |
5 |
6 | // Base styles
7 | // --------------------------------------------------
8 |
9 | .btn {
10 | display: inline-block;
11 | margin-bottom: 0; // For input.btn
12 | font-weight: @btn-font-weight;
13 | text-align: center;
14 | vertical-align: middle;
15 | cursor: pointer;
16 | background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
17 | border: 1px solid transparent;
18 | white-space: nowrap;
19 | .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base);
20 | .user-select(none);
21 |
22 | &,
23 | &:active,
24 | &.active {
25 | &:focus {
26 | .tab-focus();
27 | }
28 | }
29 |
30 | &:hover,
31 | &:focus {
32 | color: @btn-default-color;
33 | text-decoration: none;
34 | }
35 |
36 | &:active,
37 | &.active {
38 | outline: 0;
39 | background-image: none;
40 | .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
41 | }
42 |
43 | &.disabled,
44 | &[disabled],
45 | fieldset[disabled] & {
46 | cursor: not-allowed;
47 | pointer-events: none; // Future-proof disabling of clicks
48 | .opacity(.65);
49 | .box-shadow(none);
50 | }
51 | }
52 |
53 |
54 | // Alternate buttons
55 | // --------------------------------------------------
56 |
57 | .btn-default {
58 | .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);
59 | }
60 | .btn-primary {
61 | .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
62 | }
63 | // Success appears as green
64 | .btn-success {
65 | .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
66 | }
67 | // Info appears as blue-green
68 | .btn-info {
69 | .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);
70 | }
71 | // Warning appears as orange
72 | .btn-warning {
73 | .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
74 | }
75 | // Danger and error appear as red
76 | .btn-danger {
77 | .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
78 | }
79 |
80 |
81 | // Link buttons
82 | // -------------------------
83 |
84 | // Make a button look and behave like a link
85 | .btn-link {
86 | color: @link-color;
87 | font-weight: normal;
88 | cursor: pointer;
89 | border-radius: 0;
90 |
91 | &,
92 | &:active,
93 | &[disabled],
94 | fieldset[disabled] & {
95 | background-color: transparent;
96 | .box-shadow(none);
97 | }
98 | &,
99 | &:hover,
100 | &:focus,
101 | &:active {
102 | border-color: transparent;
103 | }
104 | &:hover,
105 | &:focus {
106 | color: @link-hover-color;
107 | text-decoration: underline;
108 | background-color: transparent;
109 | }
110 | &[disabled],
111 | fieldset[disabled] & {
112 | &:hover,
113 | &:focus {
114 | color: @btn-link-disabled-color;
115 | text-decoration: none;
116 | }
117 | }
118 | }
119 |
120 |
121 | // Button Sizes
122 | // --------------------------------------------------
123 |
124 | .btn-lg {
125 | // line-height: ensure even-numbered height of button next to large input
126 | .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
127 | }
128 | .btn-sm {
129 | // line-height: ensure proper height of button next to small input
130 | .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
131 | }
132 | .btn-xs {
133 | .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @border-radius-small);
134 | }
135 |
136 |
137 | // Block button
138 | // --------------------------------------------------
139 |
140 | .btn-block {
141 | display: block;
142 | width: 100%;
143 | padding-left: 0;
144 | padding-right: 0;
145 | }
146 |
147 | // Vertically space out multiple block buttons
148 | .btn-block + .btn-block {
149 | margin-top: 5px;
150 | }
151 |
152 | // Specificity overrides
153 | input[type="submit"],
154 | input[type="reset"],
155 | input[type="button"] {
156 | &.btn-block {
157 | width: 100%;
158 | }
159 | }
160 |
--------------------------------------------------------------------------------
/less/moodle/blocks.less:
--------------------------------------------------------------------------------
1 | .block {
2 | &:extend(.panel);
3 | &:extend(.panel-default);
4 | &.invisible {
5 | border-color: lighten(@panel-default-border, 5%);
6 | .header {
7 | background-color: lighten(@panel-default-heading-bg, 5%);
8 | h2 {
9 | color: lighten(@panel-default-text, 20%);
10 | }
11 | }
12 | }
13 | .header {
14 | &:extend(.panel-default > .panel-heading);
15 | .panel-heading;
16 | h2 {
17 | .panel-title;
18 | }
19 | .block_action {
20 | float: right;
21 | }
22 | .commands {
23 | clear: both;
24 | text-align: right;
25 | & > a {
26 | margin: 0 3px;
27 | }
28 | .icon {
29 | img {
30 | width: 12px;
31 | height: 12px;
32 | }
33 | }
34 | img.actionmenu {
35 | width: auto;
36 | }
37 | }
38 | }
39 | .content {
40 | padding: 4px 14px;
41 | hr {
42 | margin: 5px 0;
43 | }
44 | .userpicture {
45 | width: 16px;
46 | height: 16px;
47 | margin-right: 6px;
48 | }
49 | .list {
50 | li.listentry {
51 | clear: both;
52 | }
53 | .c0 {
54 | display: inline;
55 | }
56 | .c1 {
57 | margin-left: 5px;
58 | display: inline;
59 | }
60 | }
61 | }
62 | .footer {
63 | margin-bottom: 4px;
64 | }
65 | .blockannotation {
66 | font-size: 0.75em;
67 | margin: -1em 0 1em;
68 | }
69 | .singleselect select {
70 | .form-control;
71 | }
72 | }
73 |
74 |
75 | .block.list_block {
76 | .unlist {
77 | & > li {
78 | & > .column {
79 | display: inline-block;
80 | }
81 | }
82 | }
83 | }
84 |
85 | .blockmovetarget,
86 | .block.beingmoved {
87 | border-width: 2px;
88 | border-style: dashed;
89 | }
90 |
91 | .blockmovetarget {
92 | display: block;
93 | height: 1em;
94 | margin-bottom: 1em;
95 | }
96 |
97 | .block .block-hider-show,
98 | .block .block-hider-hide {
99 | cursor: pointer;
100 | }
101 |
102 | .block .block-hider-show,
103 | .block.hidden .block-hider-hide {
104 | display: none;
105 | }
106 | .block.hidden .block-hider-show {
107 | display: inline;
108 | }
109 | .block.hidden .content {
110 | display: none;
111 | }
112 |
113 | .block_calendar_upcoming {
114 | .footer {
115 | margin-top: .5em;
116 | }
117 | .content {
118 | .date {
119 | padding-left: 22px;
120 | }
121 | .footer {
122 | padding-top: 10px;
123 | padding-left: 0px;
124 | }
125 | }
126 | }
127 |
128 | .blogsearchform,
129 | .searchform {
130 | input[type="text"] {
131 | .form-group;
132 | .form-control;
133 | }
134 | fieldset {
135 | width: 100%;
136 | }
137 | }
138 |
139 | .block_rss_client {
140 | .content li {
141 | margin-bottom: 10px;
142 | padding: 5px;
143 | border: 1px solid @blockquote-border-color;
144 | border-radius: @border-radius-base;
145 | .link {
146 | font-weight: inherit;
147 | }
148 | }
149 | .list li:first-child {
150 | border-top-width: 1px; // undo the style provided by the block's styles.css
151 | }
152 | }
153 |
154 | .block_news_items .content {
155 | .newlink {
156 | padding-bottom: 10px;
157 | }
158 | ul li {
159 | border-top: 1px solid @blockquote-border-color;
160 | padding: 2px;
161 | display: table;
162 | width: 100%;
163 | .info {
164 | display: table-header-group;
165 | }
166 | .date {
167 | font-size: @font-size-small;
168 | display: inline;
169 | }
170 | .name {
171 | font-size: @font-size-small;
172 | padding-left: 1ex;
173 | display: inline;
174 | }
175 | }
176 | .footer {
177 | padding-top: 10px;
178 | padding-left: 0px;
179 | }
180 | }
181 |
--------------------------------------------------------------------------------
/less/bootswatch/superhero/bootswatch.less:
--------------------------------------------------------------------------------
1 | // Superhero 3.1.1
2 | // Bootswatch
3 | // -----------------------------------------------------
4 |
5 | @import url("//fonts.googleapis.com/css?family=Lato:300,400,700");
6 |
7 | // Navbar =====================================================================
8 |
9 | .navbar {
10 | .box-shadow(none);
11 | border: none;
12 | font-size: 12px;
13 |
14 | &-default .navbar-nav {
15 |
16 | }
17 | }
18 |
19 | // Buttons ====================================================================
20 |
21 | .btn {
22 |
23 | font-weight: 300;
24 |
25 | &-default {
26 | &:hover {
27 | background-color: darken(@btn-default-bg, 3%);
28 | }
29 | }
30 |
31 | &-sm,
32 | &-xs {
33 | font-size: 12px;
34 | }
35 | }
36 |
37 | // Typography =================================================================
38 |
39 | body {
40 | font-weight: 300;
41 | }
42 |
43 | .text-primary,
44 | .text-primary:hover {
45 | color: @brand-primary;
46 | }
47 |
48 | .text-success,
49 | .text-success:hover {
50 | color: @brand-success;
51 | }
52 |
53 | .text-danger,
54 | .text-danger:hover {
55 | color: @brand-danger;
56 | }
57 |
58 | .text-warning,
59 | .text-warning:hover {
60 | color: @brand-warning;
61 | }
62 |
63 | .text-info,
64 | .text-info:hover {
65 | color: @brand-info;
66 | }
67 |
68 | .page-header {
69 | border-bottom-color: @table-border-color;
70 | }
71 |
72 | .dropdown-menu {
73 |
74 | border: none;
75 | margin: 0;
76 | .box-shadow(none);
77 |
78 | > li > a {
79 | font-size: 12px;
80 | font-weight: 300;
81 | }
82 | }
83 |
84 | .btn-group.open .dropdown-toggle {
85 | .box-shadow(none);
86 | }
87 |
88 | .dropdown-header {
89 | font-size: 12px;
90 | }
91 |
92 | // Tables =====================================================================
93 |
94 | table,
95 | .table {
96 | font-size: 12px;
97 |
98 | a {
99 | color: #fff;
100 | text-decoration: underline;
101 | }
102 |
103 | > thead > tr > th,
104 | > tbody > tr > th,
105 | > tfoot > tr > th,
106 | > thead > tr > td,
107 | > tbody > tr > td,
108 | > tfoot > tr > td {
109 | border-color: transparent;
110 | }
111 | }
112 |
113 | // Forms ======================================================================
114 |
115 | label,
116 | .radio label,
117 | .checkbox label,
118 | .help-block {
119 | font-size: 12px;
120 | font-weight: 300;
121 | }
122 |
123 | .input-addon,
124 | .input-group-addon {
125 | color: @text-color;
126 | }
127 |
128 | .has-warning {
129 | .help-block,
130 | .control-label {
131 | color: @brand-warning;
132 | }
133 | }
134 |
135 | .has-error {
136 | .help-block,
137 | .control-label {
138 | color: @brand-danger;
139 | }
140 | }
141 |
142 | .has-success {
143 | .help-block,
144 | .control-label {
145 | color: @brand-success;
146 | }
147 | }
148 |
149 | .form-control:focus {
150 | .box-shadow(none);
151 | }
152 |
153 | .has-warning,
154 | .has-error,
155 | .has-success {
156 | .form-control:focus {
157 | .box-shadow(none);
158 | }
159 | }
160 |
161 | // Navs =======================================================================
162 |
163 | .nav {
164 | .open > a,
165 | .open > a:hover,
166 | .open > a:focus {
167 | border-color: transparent;
168 | }
169 | }
170 |
171 | .nav-tabs {
172 | > li > a {
173 | color: @text-color;
174 | }
175 | }
176 |
177 | .nav-pills {
178 | > li > a {
179 | color: @text-color;
180 | }
181 | }
182 |
183 | .pager {
184 | a {
185 | color: @text-color;
186 | }
187 | }
188 |
189 | // Indicators =================================================================
190 |
191 | .label {
192 | font-weight: 300;
193 | }
194 |
195 | .alert {
196 | color: #fff;
197 |
198 | a,
199 | .alert-link {
200 | color: #fff;
201 | }
202 | }
203 |
204 | // Progress bars ==============================================================
205 |
206 | // Containers =================================================================
207 |
208 | .well {
209 | .box-shadow(none);
210 | }
211 |
212 | .panel {
213 | border: none;
214 |
215 | &-default > .panel-heading {
216 | background-color: @table-bg-hover;
217 | color: @text-color;
218 | }
219 | }
220 |
221 | .thumbnail {
222 | background-color: @well-bg;
223 | border: none;
224 | }
225 |
226 | .modal {
227 | padding: 0;
228 |
229 | &-header,
230 | &-footer {
231 | background-color: @table-bg-hover;
232 | border: none;
233 | border-radius: 0;
234 | }
235 | }
236 |
237 | .popover {
238 | &-title {
239 | border: none;
240 | }
241 | }
242 |
--------------------------------------------------------------------------------
/layout/secure.php:
--------------------------------------------------------------------------------
1 | .
16 |
17 | /**
18 | * The Modern theme is built upon Bootstrapbase 3 (non-core).
19 | *
20 | * @package theme
21 | * @subpackage theme_modern
22 | * @author Julian (@moodleman) Ridden
23 | * @author Based on code originally written by G J Bernard, Mary Evans, Bas Brands, Stuart Lamour and David Scotson.
24 | * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
25 | */
26 |
27 | $hassidepost = $PAGE->blocks->region_has_content('side-post', $OUTPUT);
28 | $hascopyright = (empty($PAGE->theme->settings->copyright)) ? false : $PAGE->theme->settings->copyright;
29 | $hasfootnote = (empty($PAGE->theme->settings->footnote)) ? false : $PAGE->theme->settings->footnote;
30 | $hastiles = (!empty($PAGE->theme->settings->tiles));
31 | $haslogo = (empty($PAGE->theme->settings->logo)) ? false : $PAGE->theme->settings->logo;
32 | $invert = (!empty($PAGE->theme->settings->invert)) ? true : $PAGE->theme->settings->invert;
33 | $fluid = (!empty($PAGE->layout_options['fluid']));
34 |
35 | if ($haslogo) {
36 | $logo = '';
37 | } else {
38 | $logo = $SITE->shortname;
39 | }
40 |
41 | if ($invert) {
42 | $navbartype = 'navbar-inverse';
43 | } else {
44 | $navbartype = 'navbar-default';
45 | }
46 |
47 | $container = 'container';
48 | if (isset($PAGE->theme->settings->fluidwidth) && ($PAGE->theme->settings->fluidwidth == true)) {
49 | $container = 'container-fluid';
50 | }
51 | if ($fluid) {
52 | $container = 'container-fluid';
53 | }
54 |
55 | $knownregionpost = $PAGE->blocks->is_known_region('side-post');
56 |
57 | echo $OUTPUT->doctype() ?>
58 | htmlattributes(); ?>>
59 |
60 | <?php echo $OUTPUT->page_title(); ?>
61 |
62 |
63 | standard_head_html() ?>
64 |
65 |
66 |
67 | body_attributes(); ?>>
68 |
69 | standard_top_of_body_html() ?>
70 |
71 |
92 |
93 |
94 |
95 |
96 |
100 |
101 |
117 |
118 |
119 |
120 |
121 |
--------------------------------------------------------------------------------
/less/moodle/tags.less:
--------------------------------------------------------------------------------
1 | #page-tag-coursetags_edit .coursetag_edit_centered {
2 | position: relative;
3 | width: 600px;
4 | margin: 20px auto;
5 | }
6 | #page-tag-coursetags_edit .coursetag_edit_row {
7 | clear: both;
8 | }
9 | #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {
10 | float: left;
11 | width: 50%;
12 | text-align: right;
13 | }
14 | #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {
15 | margin-left: 50%;
16 | }
17 | #page-tag-coursetags_edit .coursetag_edit_input3 {
18 | display: none;
19 | }
20 | #page-tag-coursetags_more .coursetag_more_large {
21 | font-size: 120%;
22 | }
23 | #page-tag-coursetags_more .coursetag_more_small {
24 | font-size: 80%;
25 | }
26 | #page-tag-coursetags_more .coursetag_more_link {
27 | font-size: 80%;
28 | }
29 | #tag-description,
30 | #tag-blogs {
31 | width: 100%;
32 | }
33 | #tag-management-box {
34 | margin-bottom: 10px;
35 | line-height: 20px;
36 | }
37 | img.user-image {
38 | height: 100px;
39 | width: 100px;
40 | }
41 | #small-tag-cloud-box {
42 | width: 300px;
43 | margin: 0 auto;
44 | }
45 | #big-tag-cloud-box {
46 | width: 600px;
47 | margin: 0 auto;
48 | float: none;
49 | }
50 | ul#tag-cloud-list {
51 | list-style: none;
52 | padding: 5px;
53 | margin: 0;
54 | }
55 | ul#tag-cloud-list li {
56 | margin: 0;
57 | display: inline;
58 | list-style-type: none;
59 | }
60 | #tag-search-box {
61 | text-align: center;
62 | margin: 10px auto;
63 | }
64 | #tag-search-results-container {
65 | padding: 0;
66 | width: 100%;
67 | }
68 | #tag-search-results {
69 | padding: 0;
70 | margin: 15px 20% 0 20%;
71 | float: left;
72 | width: 60%;
73 | display: block;
74 | }
75 | #tag-search-results li {
76 | width: 30%;
77 | float: left;
78 | padding-left: 1%;
79 | text-align: left;
80 | line-height: 20px;
81 | padding-right: 1%;
82 | list-style: none;
83 | }
84 | span.flagged-tag,
85 | span.flagged-tag a {
86 | color: @alert-danger-text;
87 | }
88 | .tag-management-form {
89 | text-align: center;
90 | }
91 | table#tag-management-list {
92 | text-align: left;
93 | }
94 | #relatedtags-autocomplete-container {
95 | margin-left: auto;
96 | margin-right: auto;
97 | min-height: 4.6em;
98 | width: 100%;
99 | }
100 | #relatedtags-autocomplete {
101 | position: relative;
102 | display: block;
103 | width: 60%;
104 | margin-left: auto;
105 | margin-right: auto;
106 | }
107 | #relatedtags-autocomplete .yui-ac-content {
108 | position: absolute;
109 | width: 420px;
110 | left: 20%;
111 | border: 1px solid #404040;
112 | background: #fff;
113 | overflow: hidden;
114 | z-index: 9050;
115 | }
116 | #relatedtags-autocomplete .ysearchquery {
117 | position: absolute;
118 | right: 10px;
119 | color: #808080;
120 | z-index: 10;
121 | }
122 | #relatedtags-autocomplete .yui-ac-shadow {
123 | position: absolute;
124 | margin: .3em;
125 | width: 100%;
126 | background: #a0a0a0;
127 | z-index: 9049;
128 | }
129 | #relatedtags-autocomplete ul {
130 | padding: 0;
131 | width: 100%;
132 | margin: 0;
133 | list-style-type: none;
134 | }
135 | #relatedtags-autocomplete li {
136 | padding: 0 5px;
137 | cursor: default;
138 | white-space: nowrap;
139 | }
140 | #relatedtags-autocomplete li.yui-ac-highlight{
141 | background: #FFFFCC;
142 | }
143 | h2.tag-heading,
144 | div#tag-description,
145 | div#tag-blogs,
146 | body.tag .managelink {
147 | padding: 5px;
148 | }
149 | .tag_cloud .s20 {
150 | font-size: 1.5em;
151 | font-weight: bold;
152 | }
153 | .tag_cloud .s19 {
154 | font-size: 1.5em;
155 | }
156 | .tag_cloud .s18 {
157 | font-size: 1.4em;
158 | font-weight: bold;
159 | }
160 | .tag_cloud .s17 {
161 | font-size: 1.4em;
162 | }
163 | .tag_cloud .s16 {
164 | font-size: 1.3em;
165 | font-weight: bold;
166 | }
167 | .tag_cloud .s15 {
168 | font-size: 1.3em;
169 | }
170 | .tag_cloud .s14 {
171 | font-size: 1.2em;
172 | font-weight: bold;
173 | }
174 | .tag_cloud .s13 {
175 | font-size: 1.2em;
176 | }
177 | .tag_cloud .s12,
178 | .tag_cloud .s11 {
179 | font-size: 1.1em;
180 | font-weight: bold;
181 | }
182 | .tag_cloud .s10,
183 | .tag_cloud .s9 {
184 | font-size: 1.1em;
185 | }
186 | .tag_cloud .s8,
187 | .tag_cloud .s7 {
188 | font-size: 1em;
189 | font-weight: bold;
190 | }
191 | .tag_cloud .s6,
192 | .tag_cloud .s5 {
193 | font-size: 1em;
194 | }
195 | .tag_cloud .s4,
196 | .tag_cloud .s3 {
197 | font-size: 0.9em;
198 | font-weight: bold;
199 | }
200 | .tag_cloud .s2,
201 | .tag_cloud .s1 {
202 | font-size: 0.9em;
203 | }
204 | .tag_cloud .s0 {
205 | font-size: 0.8em;
206 | }
207 |
--------------------------------------------------------------------------------
97 | course_header(); ?>
98 |
99 |
102 |
115 |
116 |
103 | course_content_header();
105 | echo $OUTPUT->main_content();
106 | echo $OUTPUT->course_content_footer();
107 | ?>
108 |
109 |
110 | blocks('side-post', $regions['post']);
113 | }?>
114 |