diff --git a/main/css/base.css b/main/css/base.css index eda4b11c85..46f6fa73b1 100644 --- a/main/css/base.css +++ b/main/css/base.css @@ -8,12 +8,12 @@ /* when doing a var_dump*/ pre { - margin-top:40px; + margin-top: 40px; } /* chzn-select fix */ select { - width : auto; + width: auto; } .invisible { @@ -29,7 +29,7 @@ legend { } #header_right #notifications { - padding:40px 0px 0px 0px; + padding: 40px 0px 0px 0px; } header #logo { @@ -37,19 +37,19 @@ header #logo { } .subnav .brand { - display:none; + display: none; } .subnav .navbar-inner { - box-shadow : none; + box-shadow: none; } .subnav .dropdown-menu li a { - color:#333; + color: #333; } .subnav li a { - margin:0px; + margin: 0px; } .subnav { @@ -96,16 +96,16 @@ header #logo { background-color: #eeeeee; /* Old browsers */ background-repeat: repeat-x; /* Repeat the gradient */ background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */ - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ - background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */ - background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */ - background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ - background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */ + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */ + background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* Chrome 10+,Safari 5.1+ */ + background-image: -ms-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* IE10+ */ + background-image: -o-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* Opera 11.10+ */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f5f5', endColorstr = '#eeeeee', GradientType = 0); /* IE6-9 */ + background-image: linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* W3C */ border: 1px solid #e5e5e5; margin-bottom: 0px; - padding-left:4px; - padding-right:4px; + padding-left: 4px; + padding-right: 4px; /* end default subnav background colors */ } @@ -123,6 +123,7 @@ header #logo { -moz-border-radius: 0; border-radius: 0; } + .subnav .nav > #current > a, .subnav .nav > #current > a:hover { padding-left: 13px; @@ -130,10 +131,11 @@ header #logo { background-color: #e9e9e9; border-right-color: #ddd; border-left: 0; - -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); - -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); - box-shadow: inset 0 3px 5px rgba(0,0,0,.05); + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .05); + -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .05); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .05); } + .subnav .nav > #current > a .caret, .subnav .nav > #current > a:hover .caret { border-top-color: #777; @@ -142,11 +144,13 @@ header #logo { .subnav .nav > li:last-child > a { border-right: 0; } + .subnav .dropdown-menu { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } + .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover { -webkit-border-radius: 0; @@ -160,7 +164,7 @@ header #logo { } .subnav .nav > li a { - text-shadow : none; + text-shadow: none; } header { @@ -182,8 +186,8 @@ label, input, button, select, textarea, p { } .badge-group .badge { - float:left; - position:relative; + float: left; + position: relative; } .badge-group > :first-child { @@ -197,9 +201,11 @@ label, input, button, select, textarea, p { .badge-group > :nth-child(3) { z-index: 800; } + .badge-group > :nth-child(4) { z-index: 700; } + .badge-group > :nth-child(5) { z-index: 600; } @@ -211,31 +217,32 @@ label, input, button, select, textarea, p { /* button with image */ button.add, button.save, button.cancel, button.refresh, button.upload, button.search, button.login, button.plus, button.minus, button.next, button.back { - padding-left:30px; - background-position:8px !important; - background-repeat:no-repeat; + padding-left: 30px; + background-position: 8px !important; + background-repeat: no-repeat; } /* button << */ -button.arrowl, button.arrowr, input.arrowl, input.arrowr { +button.arrowl, button.arrowr, input.arrowl, input.arrowr { margin: 0px 15px 0px 15px; - padding:15px 18px; - background-position:7px; + padding: 15px 18px; + background-position: 7px; } + /*including "arrowl" image*/ -button.arrowl, button.arrowr, input.arrowl, input.arrowr { - background-repeat:no-repeat; +button.arrowl, button.arrowr, input.arrowl, input.arrowr { + background-repeat: no-repeat; } -button.arrowl:hover, button.arrowr:hover , input.arrowl:hover, input.arrowr:hover { - background-position:7px; +button.arrowl:hover, button.arrowr:hover, input.arrowl:hover, input.arrowr:hover { + background-position: 7px; } /* Fixing old chamilo forms */ /* fixes the * */ -span.form_required { - padding-right:5px; +span.form_required { + padding-right: 5px; } form .formw { @@ -243,7 +250,7 @@ form .formw { } form .formw input { - float:left; + float: left; } .formw input[type="checkbox"], .formw input[type="radio"] { @@ -252,14 +259,12 @@ form .formw input { } #accept_licence, #checkbox { - margin-right: 5px; - margin-top: -1px; + margin-right: 5px; + margin-top: -1px; } /* end chamilo forms fixes */ - - /* New changes Chamilo 1.9 */ .well h4 { @@ -278,11 +283,11 @@ form .formw input { } .sidebar-nav { - padding: 8px 0px; + padding: 8px 0px; } .sidebar-nav-skill-wheel { - padding-top: 0px; + padding-top: 0px; } .well_border { @@ -305,10 +310,10 @@ form .formw input { } #progress_bar img { - height:26px; + height: 26px; } -#lp_navigation_elem .buttons{ +#lp_navigation_elem .buttons { margin-bottom: 5px; } @@ -329,7 +334,7 @@ html { body { /* hack ignored by non-IE to enable ie to support :hover on button */ - behavior:url("/main/css/csshover3.htc"); + behavior: url("/main/css/csshover3.htc"); margin: 0; padding: 0; background-color: #fff; @@ -345,7 +350,7 @@ body { } #topbar { - z-index:9000; /* bug when using full area fckeditor */ + z-index: 9000; /* bug when using full area fckeditor */ } footer { @@ -364,8 +369,8 @@ footer .container .row { padding-top: 50px; } -#footer_right #admin_name, #footer_right #software_name{ - text-align:right; +#footer_right #admin_name, #footer_right #software_name { + text-align: right; } .page-header { @@ -381,12 +386,12 @@ footer .container .row { } .actions { - background:#efefef; - border:1px solid #ccc; + background: #efefef; + border: 1px solid #ccc; margin-bottom: 11px; - height:32px; + height: 32px; padding: 2px 2px 2px 14px; - vertical-align:middle; + vertical-align: middle; } .actions form { @@ -394,48 +399,49 @@ footer .container .row { } .actions a img { - padding:0px; - margin:0px; - float:left; + padding: 0px; + margin: 0px; + float: left; } .actions fieldset { - margin-top:0px; + margin-top: 0px; } - .muted { color: #999999 !important; } .actions img { - padding-right:10px; + padding-right: 10px; border: none; text-decoration: none; - vertical-align:middle; + vertical-align: middle; } + .actions a { display: block; float: left; margin-right: 10px; - vertical-align:middle; + vertical-align: middle; } .actions .btn-toolbar { - margin : 0px; + margin: 0px; } .actions span { margin-right: 10px; - vertical-align:middle; + vertical-align: middle; } + .actions form { margin-right: 10px; - vertical-align:middle; + vertical-align: middle; } .actions fieldset { - margin-top:0px; + margin-top: 0px; } #friend-container .thumbnail { @@ -473,7 +479,7 @@ a.tag { /* User portal */ #settings h4 { - margin-bottom:10px; + margin-bottom: 10px; } /* Admin index.php */ @@ -488,6 +494,7 @@ a.tag { padding-right: 5px; width: auto; } + /* user_portal course list */ .courses { list-style-type: none; @@ -498,20 +505,21 @@ a.tag { /* user_portal session list */ .session_course_item .courses { margin-bottom: 5px; - height:35px; + height: 35px; } + .session_course_item { /* padding: 0px; */ margin: 0px; - margin-bottom:15px; - font-size:135%; + margin-bottom: 15px; + font-size: 135%; } .userportal-course-item { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; - background-color:#F9F9F9; + background-color: #F9F9F9; /*padding:5px 10px 5px 10px; margin:0px 0px 10px 0px; */ } @@ -521,31 +529,32 @@ a.tag { } .session_course_item .item_closed, .userportal-course-item-title .item_closed { - font-size:80%; + font-size: 80%; } + #maincontent .courseslist li { - margin-bottom:8px; + margin-bottom: 8px; } .independent_course_item a { - font-size:135%; + font-size: 135%; } .userportal-session-item { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; - background-color:#F9F9F9; - padding:5px 10px 10px 6px; - margin:10px 0px; + background-color: #F9F9F9; + padding: 5px 10px 10px 6px; + margin: 10px 0px; } .userportal-session-category-item { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; - background-color:#F9F9F9; - padding:5px 10px 10px 16px; + background-color: #F9F9F9; + padding: 5px 10px 10px 16px; /* height:40px; */ /*background-color:#f9f9f9; border:1px solid #dddddd; padding:5px 10px 5px 10px; margin-top: 10px; */ } @@ -559,6 +568,7 @@ a.tag { border: 1px solid #bbb; border-collapse: collapse; } + .agenda_month_divider { background-color: #dcdcdc; font-weight: bold; @@ -566,12 +576,15 @@ a.tag { color: #666; text-align: center; } + #agenda .title a { color: #fff; } + #agenda .agendaitem { font-size: 12px; } + #smallcalendar .title { background-color: #dcdcdc; font-weight: bold; @@ -580,9 +593,11 @@ a.tag { text-align: center; font-size: 11px; } + #smallcalendar .title a { color: #666; } + #agenda_select { list-style: none; border: 0px solid green; @@ -590,7 +605,6 @@ a.tag { padding: 0 0 0 10px; } - /* --------------------------------------------------- styles for the agenda (day, week, month view) -----------------------------------------------------*/ @@ -600,6 +614,7 @@ a.tag { border: 1px solid #fff; border-collapse: collapse; } + /*The caption of the calendar (displays the month and the << and >> links*/ #agenda_list .title { background-color: #dcdcdc; @@ -611,6 +626,7 @@ a.tag { text-align: center; border: 1px solid #bbb; } + #agenda_list .title a:link, #agenda_list #title a:visited { background-color: #dcdcdc; font-weight: bold; @@ -619,6 +635,7 @@ a.tag { padding: 2px 10px; text-align: center; } + #agenda_list .title a:hover { background-color: #dcdcdc; font-weight: bold; @@ -627,6 +644,7 @@ a.tag { padding: 2px 10px; text-align: center; } + /* The cells with the name of the days of the weeks (mon->sun)*/ #agenda_list .weekdays, .data_table .weekdays { background-color: #dcdcdc; @@ -635,6 +653,7 @@ a.tag { border: 1px solid #264269; border-collapse: collapse; } + /* The cells for the days (1->31) */ #agenda_list .days_week { height: 40px; @@ -645,6 +664,7 @@ a.tag { border-collapse: collapse; background-color: #fff; } + #agenda_list .days_week_selected { height: 40px; width: 12%; @@ -664,6 +684,7 @@ a.tag { border-collapse: collapse; background-color: #e6e6e6; } + #agenda_list .days_today { height: 40px; width: 12%; @@ -675,9 +696,9 @@ a.tag { } #agenda_list th { - background-color:#E5EDF9; - border:1px solid gray; - padding-right:12px; + background-color: #E5EDF9; + border: 1px solid gray; + padding-right: 12px; } /* text in the cells: display of agenda items (visible)*/ @@ -689,6 +710,7 @@ a.tag { border: 0px solid #dcdcdc; border-collapse: collapse; } + #agenda_list .datanotbold { background-color: #eee; text-align: left; @@ -697,6 +719,7 @@ a.tag { border: 0px solid #dcdcdc; border-collapse: collapse; } + #agenda_list .text { background-color: #fff; text-align: left; @@ -705,6 +728,7 @@ a.tag { border: 0px solid #dcdcdc; border-collapse: collapse; } + /*text in the cells: display of agenda items (invisible)*/ #agenda_list .data_hidden { background-color: #eee; @@ -715,6 +739,7 @@ a.tag { border-collapse: collapse; color: #999999; } + #agenda_list .datanotbold_hidden { background-color: #eee; text-align: left; @@ -724,6 +749,7 @@ a.tag { border-collapse: collapse; color: #999999; } + #agenda_list .text_hidden { background-color: #fff; text-align: left; @@ -733,6 +759,7 @@ a.tag { border-collapse: collapse; color: #999999; } + /*text in the cells: display of agenda items (highlighted)*/ #agenda_list .datanow { background-color: #FFCC00; @@ -742,6 +769,7 @@ a.tag { border: 0px solid #dcdcdc; border-collapse: collapse; } + #agenda_list .datanotboldnow { background-color: #FFCC00; text-align: left; @@ -750,6 +778,7 @@ a.tag { border: 0px solid #dcdcdc; border-collapse: collapse; } + #agenda_list .textnow { background-color: #fff; text-align: left; @@ -758,6 +787,7 @@ a.tag { border: 0px solid #dcdcdc; border-collapse: collapse; } + /* --------------------------------------------------- styles for the mini agenda -----------------------------------------------------*/ @@ -767,6 +797,7 @@ a.tag { border: 1px solid #fff; border-collapse: collapse; } + #smallcalendar .weekdays { background-color: #dcdcdc; text-align: center; @@ -775,12 +806,14 @@ a.tag { border: 1px solid #fff; border-collapse: collapse; } + #smallcalendar .days_week { background-color: #f5f5f5; text-align: center; font-size: 11px; border-collapse: collapse; } + #smallcalendar .days_weekend { background-color: #e6e6e6; text-align: center; @@ -788,6 +821,7 @@ a.tag { border: 1px solid #fff; border-collapse: collapse; } + #smallcalendar .days_today { width: 12%; text-align: center; @@ -803,15 +837,19 @@ a.tag { .personal_agenda { color: #008000; } + .personal_agenda a:link, .personal_agenda a:visited { color: #008000; } + a.personal_agenda:link, a.personal_agenda:visited { color: #008000; } + .personal_agenda a:hover, .personal_agenda a:hover { color: #666666; } + a.personal_agenda:hover, a.personal_agenda:hover { color: #666666; } @@ -845,23 +883,24 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .agenda_day { - float:left; - width:100%; + float: left; + width: 100%; background-color: #F8F9FF; color: #666666; line-height: 16px; overflow: hidden; - margin-bottom:5px; + margin-bottom: 5px; } + .days_today .agenda_day { - float:left; + float: left; - width:100%; + width: 100%; background-color: #FAD163; color: #666666; line-height: 16px; overflow: hidden; - margin-bottom:5px; + margin-bottom: 5px; } #agenda_list th { @@ -872,25 +911,23 @@ a.personal_agenda:hover, a.personal_agenda:hover { height: 100px; } - /* -------------- DOCUMENT --------------*/ #document_quota { - margin:15px; - font-weight:bold; - color:#006633; - text-align:center; + margin: 15px; + font-weight: bold; + color: #006633; + text-align: center; } - - /* Message and Social */ .online_grid_item { - float:left; - margin:10px; + float: left; + margin: 10px; width: 100%; } + .online_grid_element_0 { display: inline; float: left; @@ -898,11 +935,12 @@ a.personal_agenda:hover, a.personal_agenda:hover { overflow: hidden; width: 100px; } + .online_grid_element_1, .online_grid_element_2 { - font-size:13px; + font-size: 13px; float: left; margin: 25px 0px 0px 10px; - width:70%; + width: 70%; } /* input values to crop the image: top, right, bottom, left */ @@ -911,6 +949,7 @@ a.personal_agenda:hover, a.personal_agenda:hover { width: 200px; margin: -28px 0 0 -50px; } + .social-home-anonymous-online { width: 200px; } @@ -919,16 +958,16 @@ a.personal_agenda:hover, a.personal_agenda:hover { margin: 0px; list-style: none; padding: 3px 15px; - list-style-image:none; - list-style-position:outside; - list-style-type:none; + list-style-image: none; + list-style-position: outside; + list-style-type: none; } .menulist li { /* float:left; */ /* margin-left:10px; */ - margin-bottom:10px; - display:list-item; + margin-bottom: 10px; + display: list-item; } .menulist li { @@ -936,53 +975,52 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .group_social_item { - float:left; - width:95%; + float: left; + width: 95%; } .group_social_sub_item { - float:left; + float: left; /* width:600px; */ background-color: #E9F4FA; background-repeat: repeat-x; margin: 8px; - padding:5px; - width:100%; + padding: 5px; + width: 100%; } .group_social_sub_item_highlight { background-color: #FFFFDD; } - .message-group-content { - float:right; - width:90%; + float: right; + width: 90%; line-height: 100%; } -.message-group-date { - font-style:italic; - text-align:left; - margin-top:4px; +.message-group-date { + font-style: italic; + text-align: left; + margin-top: 4px; } + .message-reply-link { - float:right; + float: right; } -.group_social_main_item { - float:left; - width:600px; +.group_social_main_item { + float: left; + width: 600px; background-color: #fff; background-repeat: repeat-x; margin: 8px; - padding:5px; + padding: 5px; } - -.group_discussions_replies { +.group_discussions_replies { background-color: #E9F4FA; background-repeat: repeat-x; border: 1px solid #D0E2EC; @@ -1004,30 +1042,29 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .group_discussions_info { - width:400px; + width: 400px; height: 80px; overflow: hidden; width: 400px; } .group_social_grid { - float:left; - width:100%; + float: left; + width: 100%; } .message-attach { - float:left; + float: left; } - /** BUTTONS **/ .left { - float:left !important; + float: left !important; } .right { - float:right !important; + float: right !important; } /* Nice buttons v2 */ @@ -1054,25 +1091,28 @@ button.next.disabled { font-weight: bold; padding: .8em 2em .62em; } + .medium { font-size: 12px; padding: .4em 1.5em .42em; } + .small { font-size: 11px; padding: .2em 1em .275em; } .no_link { - cursor:default; + cursor: default; } .no_link:hover { - cursor:default; + cursor: default; } + .no_link:active { - cursor:default; + cursor: default; } @@ -1087,18 +1127,19 @@ button.next.disabled { border: 1px solid #bbb; padding: 10px 10px 10px 10px; } + .note b { margin: 10px 10px 5px 0px; } /* Breadcrumb */ .breadcrumb .home { - padding:0px; + padding: 0px; height: 22px; } .breadcrumb .home img { - float:left; + float: left; } /* Warning and error messages to the user */ @@ -1114,10 +1155,9 @@ button.next.disabled { position: relative; right: 0; top: -6px; - float:right; + float: right; } - .confirmation-message, .error-message, .normal-message, .warning-message { min-height: 15px; position: relative; @@ -1127,27 +1167,28 @@ button.next.disabled { border-radius: 10px; border-width: 1px; border-style: solid; - padding:6px; + padding: 6px; } + .confirmation-message img, .error-message img, .normal-message img, .warning-message img { position: relative; margin-top: 10px; margin-bottom: 10px; - float:left; + float: left; } /* Categories courses*/ #course-picture { - position:absolute; - top:8%; - left:85%; - padding:4px; - border:1pt solid #ccc; + position: absolute; + top: 8%; + left: 85%; + padding: 4px; + border: 1pt solid #ccc; } #categories-search { - text-align:center; + text-align: center; /*height:55px; */ float: left; } @@ -1168,20 +1209,21 @@ button.next.disabled { font-style: italic; text-align: right; background-color: #eeeeee; - min-height:95px; + min-height: 95px; padding-right: 5px; - -moz-border-radius-topleft:4px; - -moz-border-radius-topright:4px; + -moz-border-radius-topleft: 4px; + -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; - -moz-box-shadow:0 -1px 5px 2px #CCCCCC; - -Webkit-box-shadow: 0 -1px 5px 2px #CCCCCC; + -moz-box-shadow: 0 -1px 5px 2px #CCCCCC; + -Webkit-box-shadow: 0 -1px 5px 2px #CCCCCC; box-shadow: 0 -1px 5px 2px #CCCCCC; } + .course-block-popularity-score { font-size: 3em; text-align: center; @@ -1192,183 +1234,201 @@ button.next.disabled { /* THEMATIC ADVANCE */ .thematic-postit { - width:250px; - height:auto; - overflow:hidden; - float:right; + width: 250px; + height: auto; + overflow: hidden; + float: right; } + .thematic-postit-top { background-image: url('../img/postit_top.png'); height: 38px; } + .thematic-postit-top h3 { - margin:20px 5px 10px 20px; - padding-top:40px; + margin: 20px 5px 10px 20px; + padding-top: 40px; } .thematic-postit-bottom { background-image: url('../img/postit_bottom.png'); - height:40px; + height: 40px; } + .thematic-postit-center { background-image: url('../img/postit_center.png'); - height:auto; + height: auto; margin-top: 0px; - margin-bottom:-16px; + margin-bottom: -16px; padding: 28px 20px 0; } -#titlethematic{ +#titlethematic { text-transform: uppercase; } /* ATTENDANCE */ -div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw { +div.attendance-calendar-add div.row div.formw, div.attendance-calendar-edit div.row div.formw { float: left; - display:inline; - width:auto; - overflow:hidden; - margin-right:2px; - margin-top:5px; + display: inline; + width: auto; + overflow: hidden; + margin-right: 2px; + margin-top: 5px; } + .attendance-calendar-add div.row { - display:inline; + display: inline; } + .attendance-calendar-edit div.row { - display:inline; + display: inline; } + .attendance-calendar-row { - padding:5px; + padding: 5px; } + .attendance-faults-bar { - width:90%; - background-color:none; - padding:2px; - font-size:120%; + width: 90%; + background-color: none; + padding: 2px; + font-size: 120%; font-weight: bold; - padding:5px; + padding: 5px; } .attendance-users-table td { - height:66px; + height: 66px; } .attendance-calendar-table td { - height:66px; + height: 66px; } - - /********************************************** * MESSAGE TOOL * **********************************************/ #inbox-wrapper { - width:100%; + width: 100%; } + #inbox { - height:auto; - margin-left:auto; - margin-right:auto; - overflow:hidden; + height: auto; + margin-left: auto; + margin-right: auto; + overflow: hidden; } + #outbox { - height:auto; - margin-left:auto; - margin-right:auto; - overflow:hidden; + height: auto; + margin-left: auto; + margin-right: auto; + overflow: hidden; } -#inbox-menu { - width:150px; - float:left; - margin-right:10px; +#inbox-menu { + width: 150px; + float: left; + margin-right: 10px; } + #inbox-menu ul { - list-style-image:none; - list-style-position:outside; - list-style-type:none; - margin:0; - padding:0px; + list-style-image: none; + list-style-position: outside; + list-style-type: none; + margin: 0; + padding: 0px; } + #inbox-menu ul li { - padding:2px 0px; + padding: 2px 0px; } #message-reply-link { - float:right; + float: right; } + .message-item { - -moz-background-clip:border; - -moz-background-inline-policy:continuous; - -moz-background-origin:padding; - -moz-border-radius-bottomleft:8px; - -moz-border-radius-bottomright:8px; - -moz-border-radius-topleft:8px; - -moz-border-radius-topright:8px; - background:#F5F5F5 none repeat scroll 0 0; - margin:0 0 5px; - padding:10px; + -moz-background-clip: border; + -moz-background-inline-policy: continuous; + -moz-background-origin: padding; + -moz-border-radius-bottomleft: 8px; + -moz-border-radius-bottomright: 8px; + -moz-border-radius-topleft: 8px; + -moz-border-radius-topright: 8px; + background: #F5F5F5 none repeat scroll 0 0; + margin: 0 0 5px; + padding: 10px; } + .message-topic { - -moz-background-clip:border; - -moz-background-inline-policy:continuous; - -moz-background-origin:padding; - -moz-border-radius-bottomleft:8px; - -moz-border-radius-bottomright:8px; - -moz-border-radius-topleft:8px; - -moz-border-radius-topright:8px; - background:#E6EEFB none repeat scroll 0 0; - margin:0 0 5px; - padding:10px; + -moz-background-clip: border; + -moz-background-inline-policy: continuous; + -moz-background-origin: padding; + -moz-border-radius-bottomleft: 8px; + -moz-border-radius-bottomright: 8px; + -moz-border-radius-topleft: 8px; + -moz-border-radius-topright: 8px; + background: #E6EEFB none repeat scroll 0 0; + margin: 0 0 5px; + padding: 10px; } + .message-group-title-topic { - font-size:180%; - margin:5px 0px 5px 0px; + font-size: 180%; + margin: 5px 0px 5px 0px; } + .message-group-title { - font-size:120%; + font-size: 120%; } + .message-group-author { - margin:0px 5px 5px 0px; - float:left; + margin: 0px 5px 5px 0px; + float: left; } .message-group-content { margin: 5px 0px 8px 0px; } + .message-group-date { - color:#999; - width:100%; - font-size:98%; + color: #999; + width: 100%; + font-size: 98%; } + .view-message-content { - line-height:150%; - font-size:110%; + line-height: 150%; + font-size: 110%; } .message_view_table { - cellspacing:0; - cellpadding:0; - background-color:#dbeaf5; - border:0; + cellspacing: 0; + cellpadding: 0; + background-color: #dbeaf5; + border: 0; border-collapse: collapse; width: 100%; } + .message_view_table th { padding-right: 12px; border: 1px solid gray; background-color: #f0f0f0; } + .message-select-box { - float:left; - display:inline; - position:absolute; - margin-top:23px; - margin-left:20px; + float: left; + display: inline; + position: absolute; + margin-top: 23px; + margin-left: 20px; } /* styles from the my.profile.php file */ @@ -1379,146 +1439,163 @@ div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.r width:125px; position:relative;*/ } + .message-content .message-delete { position: absolute; top: 10px; right: 10px; cursor: pointer; } + .message-content-internal { - display:inline; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:100px; - position:relative; - margin-top:150px; - margin-right:-100px; + display: inline; + margin: 20px auto; + background: #F5E38E; + border: 2px solid #EBCA4F; + padding: 10px; + width: 100px; + position: relative; + margin-top: 150px; + margin-right: -100px; } + .message-title { - font-size:12px; + font-size: 12px; } + .message-body { padding: 0 0 11px; - color:#333; - font-size:100%; + color: #333; + font-size: 100%; } + .message-link { - color:#ff8400; + color: #ff8400; } + .message-view { - float:right; - margin:20px auto; - background:#F5E38E; - border:2px solid #EBCA4F; - padding:10px; - width:100px; - position:relative; - margin-top:115px; - margin-right:-100px; + float: right; + margin: 20px auto; + background: #F5E38E; + border: 2px solid #EBCA4F; + padding: 10px; + width: 100px; + position: relative; + margin-top: 115px; + margin-right: -100px; } + .message-content-table { - background-color:white; - border:1px solid black; - position:absolute; - width:200px; - height:60px; - z-index:3; - visibility:hidden; - top:85px; - left:10px; + background-color: white; + border: 1px solid black; + position: absolute; + width: 200px; + height: 60px; + z-index: 3; + visibility: hidden; + top: 85px; + left: 10px; margin: 0px; padding: 0px; } - #message { margin: 0 auto; text-align: center; } + #message select { margin: 10px 0; width: 220px; } + #message textarea { margin: 10px 0; } + #message td { padding: 4px; } + .message-top-title { - float:left; - margin-top:1px; - margin-bottom:1px; - background-color:#F2F2F2; - width:600px; - border-bottom:1px solid #CCCCCC; - margin-left:5px; -} + float: left; + margin-top: 1px; + margin-bottom: 1px; + background-color: #F2F2F2; + width: 600px; + border-bottom: 1px solid #CCCCCC; + margin-left: 5px; +} + .message-bottom-title { - height:22px; - float:left; - margin-top:1px; - margin-bottom:1px; - background-color:#F2F2F2; - width:600px; - border-bottom:1px solid #CCCCCC; + height: 22px; + float: left; + margin-top: 1px; + margin-bottom: 1px; + background-color: #F2F2F2; + width: 600px; + border-bottom: 1px solid #CCCCCC; } + .message-content-body-left { - float:left; - width:30%; + float: left; + width: 30%; } + .message-content-body-right { - float:right; - text-align:left; - width:60%; + float: right; + text-align: left; + width: 60%; } + .message-body-title { - float:right; - margin-top:1px; - margin-bottom:5px; - border-bottom:1px solid #CCCCCC; - border-collapse:collapse; + float: right; + margin-top: 1px; + margin-bottom: 5px; + border-bottom: 1px solid #CCCCCC; + border-collapse: collapse; } + .message-image-info { - float:left; - margin-top:10px; - margin-bottom:10px; - margin-left:10px; - text-align:left; - margin-right:20px; + float: left; + margin-top: 10px; + margin-bottom: 10px; + margin-left: 10px; + text-align: left; + margin-right: 20px; } + .message-content-body-right dd { - color:#333399; - border-bottom:1px solid #CCCCCC; - height:20px; - text-decoration:none; - outline-style:none; - background:#ffffff; + color: #333399; + border-bottom: 1px solid #CCCCCC; + height: 20px; + text-decoration: none; + outline-style: none; + background: #ffffff; } + .message-content-body-right:hover { } a.unread { - font-weight:bold; + font-weight: bold; } - /*SOCIAL TOOL*/ .clip-wrapper { - position:relative; - width:100px; - height:100px; - top:-1px; - left:-1px; + position: relative; + width: 100px; + height: 100px; + top: -1px; + left: -1px; } + .clip_vertical { - position:absolute; - clip:rect(0px 218px 185px 0px); - top:-50px; - left:-32px; + position: absolute; + clip: rect(0px 218px 185px 0px); + top: -50px; + left: -32px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); @@ -1526,10 +1603,10 @@ a.unread { } .clip_horizontal { - position:absolute; - clip:rect(0px 218px 155px 0px); - top:-25px; - left:-48px; + position: absolute; + clip: rect(0px 218px 155px 0px); + top: -25px; + left: -48px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); @@ -1537,89 +1614,101 @@ a.unread { } .social-plugin-item { - float:left; - width:50%; - background-color:#ccc; + float: left; + width: 50%; + background-color: #ccc; margin: 0px; } + #social-plugins { - float:left; - background-color:#f00; - width:100%; + float: left; + background-color: #f00; + width: 100%; margin: 0px; - padding:2px; + padding: 2px; } .social-profile-extended { - width:320px; - overflow:hidden; + width: 320px; + overflow: hidden; } div.image-social-content { - float:left; + float: left; /*border:1px dotted #ccc;*/ - margin:2px; + margin: 2px; padding: 8px 4px 4px 4px; background: #ffffff; - height:105px; - width:82px; - z-index:5; - cursor:pointer; - position:relative; - overflow:hidden; + height: 105px; + width: 82px; + z-index: 5; + cursor: pointer; + position: relative; + overflow: hidden; } + div.image-social-content span { - overflow:hidden; - display:block; - height:75px; + overflow: hidden; + display: block; + height: 75px; } + div.image-social-content img { - vertical-align:middle; + vertical-align: middle; } + div.image-social-content center.friend { - overflow:hidden; - height:30px; + overflow: hidden; + height: 30px; } + .image-social-content .image-delete { position: absolute; top: 1px; right: 1px; cursor: pointer; } + .social-info { - background:#B8C8DC; - color:#4475B0; - font-size:12px; - font-weight:bold; + background: #B8C8DC; + color: #4475B0; + font-size: 12px; + font-weight: bold; } + .social-display-image { - float:right; - margin-top:-130px; - margin-right:5px; + float: right; + margin-top: -130px; + margin-right: 5px; } + .social-search-image { - color:#000033; - margin-top:2px; - width:200px; + color: #000033; + margin-top: 2px; + width: 200px; } + .social-subtitle-search { - background:#ffffff; - border-top:1px #9DACBF solid; - border-bottom:1px #9DACBF solid; + background: #ffffff; + border-top: 1px #9DACBF solid; + border-bottom: 1px #9DACBF solid; } + .social-align-box { - text-align:left; - float:left; + text-align: left; + float: left; } + .social-header { - margin-bottom:8px; + margin-bottom: 8px; } + #social-content { - width:100%; - height:auto; - overflow:hidden; - margin-left:auto; - margin-right:auto; + width: 100%; + height: auto; + overflow: hidden; + margin-left: auto; + margin-right: auto; } #social-content-right { @@ -1630,92 +1719,100 @@ div.image-social-content center.friend { } .social-content-image { - margin-bottom:10px; - margin-top:2px; - overflow:hidden; + margin-bottom: 10px; + margin-top: 2px; + overflow: hidden; } -#social-content-left { - display:block; - float:left; - height:auto; +#social-content-left { + display: block; + float: left; + height: auto; - min-height:300px; - overflow:hidden; - width:180px; + min-height: 300px; + overflow: hidden; + width: 180px; } .social-content-description { - background:#ECE9D8; + background: #ECE9D8; } + .social-content-body { - background:#ffffff; + background: #ffffff; } + .social-content-table { - border-top:1px #9DACBF solid; - border-left:1px #9DACBF solid; - border-right:1px #9DACBF solid; - border-bottom:1px #9DACBF solid; + border-top: 1px #9DACBF solid; + border-left: 1px #9DACBF solid; + border-right: 1px #9DACBF solid; + border-bottom: 1px #9DACBF solid; } + .social-profile-info { - width:100%; + width: 100%; } /* general layout of the profile page */ #social-profile-wrapper { width: 100%; - text-align:left; - margin:0 auto; + text-align: left; + margin: 0 auto; float: left; } + #social-profile-container { /* width: 705px; */ } + #social-profile-left { - float:left; - width:22%; + float: left; + width: 22%; } + #social-profile-content { - float:right; - width:47%; + float: right; + width: 47%; margin-left: 4px; } + #social-profile-right { - float:right; - width:30%; + float: right; + width: 30%; margin-left: 4px; } /* SOCIAL MENU VERTICAL */ -.social-menu { - width:100%; - height:auto; +.social-menu { + width: 100%; + height: auto; } - - .social-menu-sub-level { - margin-left:20px; + margin-left: 20px; } - /* BOX SHARED PROFILE */ .social-menu-groups { - border-top:1px solid #ddd; - margin-top:2px; + border-top: 1px solid #ddd; + margin-top: 2px; } + .social-menu-groups li { - padding:5px; + padding: 5px; } -.social-menu-groups li a{ - margin-left:6px; + +.social-menu-groups li a { + margin-left: 6px; } -.social_menu_items ul li{ - padding:5px; + +.social_menu_items ul li { + padding: 5px; } -.social_menu_items ul li a{ - padding-left:6px; + +.social_menu_items ul li a { + padding-left: 6px; } .social_menu_option { @@ -1723,164 +1820,174 @@ div.image-social-content center.friend { font-size: 9px; font-weight: bold; margin-top: 12px; - margin-bottom:10px; + margin-bottom: 10px; } .social-friend-container { - width:100%; - overflow:hidden; + width: 100%; + overflow: hidden; } .shared_profile_mygroups_grid_container { - width:100%; - overflow:hidden; + width: 100%; + overflow: hidden; } + .shared_profile_mygroups_grid_item { - width:42%; - float:left; - height:140px; - margin:20px; + width: 42%; + float: left; + height: 140px; + margin: 20px; } .social-menu-group-member { - float:left; - height:120px; - margin:5px; - overflow:hidden; - padding:2px; - width:76px; + float: left; + height: 120px; + margin: 5px; + overflow: hidden; + padding: 2px; + width: 76px; } .box_shared_profile_group_title { - border-bottom:1pt dotted #000; - padding:5px; - vertical-align:middle; - font-size:12pt; - font-weight:bold; - margin-bottom:5px + border-bottom: 1pt dotted #000; + padding: 5px; + vertical-align: middle; + font-size: 12pt; + font-weight: bold; + margin-bottom: 5px } + .box_shared_profile_group_description { - height:100px; - margin-left:65px; + height: 100px; + margin-left: 65px; } + .box_shared_profile_group_image { - height:80px; - width:60px; - float:left; + height: 80px; + width: 60px; + float: left; } + .box_shared_profile_group_actions { - text-align:right; + text-align: right; } .social-groups-text1 { - font-size:12px; - color:#669; + font-size: 12px; + color: #669; } + .social-groups-text2 { - font-size:12px; - color:#686868; - font-weight:bold; + font-size: 12px; + color: #686868; + font-weight: bold; } + .social-groups-text3 { - font-size:12px; - color:#000; - font-weight:bold; - text-transform:capitalize; - margin-top:5px; + font-size: 12px; + color: #000; + font-weight: bold; + text-transform: capitalize; + margin-top: 5px; } + .social-groups-text4 { - font-size:12px; - color:#666666; + font-size: 12px; + color: #666666; } + .social-groups-image { /* border: 2px solid #cac9c9; */ } + .social-groups-home-title { border-top: 1px solid #E2E2E2; - padding:2px; - margin-bottom:5px; - font-weight:bold; + padding: 2px; + margin-bottom: 5px; + font-weight: bold; background: #F2F2F2; } + .social-home-users-online { - border:3px solid #E6E6E6; + border: 3px solid #E6E6E6; } #social-content-online { - margin-bottom:5px; - margin-top:2px; - padding:1px; + margin-bottom: 5px; + margin-top: 2px; + padding: 1px; } #social-group-details { - margin-bottom:20px; + margin-bottom: 20px; } + .social-group-details-info span { - color:#777; + color: #777; } .social-group-details-info { - padding:2px 0px 2px 0px; + padding: 2px 0px 2px 0px; } .social-background-content { - z-index:5; + z-index: 5; text-align: center; } .social-background-content .hidden_message { - cursor:pointer; - position:absolute; - top:0px; - right:0px; + cursor: pointer; + position: absolute; + top: 0px; + right: 0px; } .hidden_message { - background-color:#5A5A5A; - padding:2px; - margin:0px; + background-color: #5A5A5A; + padding: 2px; + margin: 0px; } .hidden_message a { - color:#fff !important; + color: #fff !important; /* text-decoration: underline; */ } #social-forum-main-title { - font-size:130%; - font-weight:bold; + font-size: 130%; + font-weight: bold; padding: 0px 8px 0px 8px; } #social-forum-title { - font-size:130%; - font-weight:bold; + font-size: 130%; + font-weight: bold; padding: 0px 8px 0px 8px; } #social-thread { /*-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; */ - -moz-border-radius-topleft:5px; - -moz-border-radius-topright:5px; - border:1px solid #E1E1E0; - background-color:#E1E1E0; - padding:8px; - font-size:110%; - font-weight:bold; + -moz-border-radius-topleft: 5px; + -moz-border-radius-topright: 5px; + border: 1px solid #E1E1E0; + background-color: #E1E1E0; + padding: 8px; + font-size: 110%; + font-weight: bold; } #social-post { - -moz-border-radius-bottomleft:5px; - -moz-border-radius-bottomright:5px; + -moz-border-radius-bottomleft: 5px; + -moz-border-radius-bottomright: 5px; /* -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; */ - border:1px solid #E1E1E0; - background-color:#ECECEB; - padding:12px; + border: 1px solid #E1E1E0; + background-color: #ECECEB; + padding: 12px; } - /* GROUP TOOL */ #group_description { @@ -1892,23 +1999,23 @@ div.image-social-content center.friend { } #group_permissions { - -moz-background-clip:border; - -moz-background-inline-policy:continuous; - -moz-background-origin:padding; - -moz-border-radius-bottomleft:8px; - -moz-border-radius-bottomright:8px; - -moz-border-radius-topleft:8px; - -moz-border-radius-topright:8px; - background:#EEE none repeat scroll 0 0; + -moz-background-clip: border; + -moz-background-inline-policy: continuous; + -moz-background-origin: padding; + -moz-border-radius-bottomleft: 8px; + -moz-border-radius-bottomright: 8px; + -moz-border-radius-topleft: 8px; + -moz-border-radius-topright: 8px; + background: #EEE none repeat scroll 0 0; margin: 20px 0px 20px 0px; } #group_permissions ul { - list-style-image:none; - list-style-position:outside; - list-style-type:none; - margin:0; - padding:0; + list-style-image: none; + list-style-position: outside; + list-style-type: none; + margin: 0; + padding: 0; } #group_permissions ul li { @@ -1918,31 +2025,48 @@ div.image-social-content center.friend { /* Groups boxes */ .groups_grid_container { - width:100%; + width: 100%; } + .groups_grid_item { - width:80px; - float:left; - margin:5px; + width: 80px; + float: left; + margin: 5px; +} + +.groups_grid_element_0 { + width: 100px; + float: left; + text-align: center; + margin-bottom: 5px; +} + +.groups_grid_element_1 { + width: 100px; + float: left; + text-align: left; + margin-bottom: 5px; +} + +.groups_grid_element_2 { + width: 150px; + float: left; } -.groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} -.groups_grid_element_1 { width:100px; float:left; text-align:left; margin-bottom:5px;} -.groups_grid_element_2 { width:150px; float:left;} /*MY GROUPS*/ .mygroups_grid_item { - border-bottom:1px solid #EAEAEA; + border-bottom: 1px solid #EAEAEA; float: left; height: 70px; margin: 0 8px 15px 15px; padding: 16px 12px 40px 0px; - width:600px; + width: 600px; } .topic_div { - width:620px; - border-bottom:1px solid #EAEAEA; + width: 620px; + border-bottom: 1px solid #EAEAEA; margin-bottom: 20px; height: 96px; } @@ -1953,35 +2077,37 @@ div.image-social-content center.friend { } .mygroups_grid_element_1 { - width:600px; - height:100px; - overflow:hidden; + width: 600px; + height: 100px; + overflow: hidden; } .box_description_group_title h2 { - margin-bottom:4px; + margin-bottom: 4px; margin-top: 0px; } .box_description_group_title { - float:right; - width:530px; + float: right; + width: 530px; } + .box_description_group_content { - float:right; - width:530px; - margin-top:5px; + float: right; + width: 530px; + margin-top: 5px; /* height:45px;*/ - font-family:Verdana, Geneva, sans-serif; - font-size:12px; - color:#666666; + font-family: Verdana, Geneva, sans-serif; + font-size: 12px; + color: #666666; } + .box_description_group_actions { - float:right; - width:530px; - text-align:right; - margin-top:4px; - margin-right:4px; + float: right; + width: 530px; + text-align: right; + margin-top: 4px; + margin-right: 4px; } /* @@ -2009,38 +2135,38 @@ select { /* Fixes the FB input*/ input.maininput:focus { - box-shadow:0 0 0px #fff; - border:none; + box-shadow: 0 0 0px #fff; + border: none; } /* Big icons course home page styles */ #course_tools .big_icon { - padding:10px; - text-align:center; + padding: 10px; + text-align: center; } #course_tools .content { - text-align:center; + text-align: center; margin-bottom: 20px; } /* session.php */ #session_course_list .big_icon { - padding:10px; - text-align:center; + padding: 10px; + text-align: center; } #session_course_list .content { - text-align:center; + text-align: center; margin-bottom: 20px; } .big_icon img { - padding:5px; - -moz-border-radius:10px; - -border-radius:10px; - -webkit-border-radius:10px; - border-radius:10px; + padding: 5px; + -moz-border-radius: 10px; + -border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; -webkit-box-shadow: 0 4px 8px #C8C8C8; -opera-box-shadow: 0 4px 8px #C8C8C8; -moz-box-shadow: 0 4px 8px #C8C8C8; @@ -2056,7 +2182,7 @@ input.maininput:focus { } .courseadminview .big_icon a { - font-size:12px; + font-size: 12px; } /* Fixes the administration block section */ @@ -2074,9 +2200,9 @@ input.maininput:focus { border-radius: 11px; -webkit-box-shadow: 0 4px 18px #C8C8C8; - -opera-box-shadow: 0 4px 18px #C8C8C8; - -moz-box-shadow: 0 4px 18px #C8C8C8; - box-shadow: 0 4px 18px #C8C8C8; + -opera-box-shadow: 0 4px 18px #C8C8C8; + -moz-box-shadow: 0 4px 18px #C8C8C8; + box-shadow: 0 4px 18px #C8C8C8; float: left; height: auto; @@ -2090,25 +2216,25 @@ input.maininput:focus { } .lp_resource { - padding:5px 10px; + padding: 5px 10px; list-style-type: none; margin: 0; padding: 0; - float:left; - width:100%; + float: left; + width: 100%; } .lp_resource_element, .lp_resource_element_no_link { - background-image:-moz-linear-gradient(top,#fefefe,#eee); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1,#eee)); + background-image: -moz-linear-gradient(top, #fefefe, #eee); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #eee)); border: 1px solid #CCCCCC; color: #444444; cursor: pointer; font-weight: bold; text-decoration: none; text-shadow: 0 1px 1px #F6F6F6; - margin:5px; - padding:5px; + margin: 5px; + padding: 5px; list-style: none outside none; } @@ -2117,203 +2243,420 @@ input.maininput:focus { } .doc_resource { - margin:6px; + margin: 6px; } table.lp_build td.tree { - border:none; + border: none; } + #resource_tab { - min-height:380px; + min-height: 380px; +} + +div.system_announcement { + background-color: #EEEEEE; +} + +.RequirementHeading, .RequirementText, .RequirementContent { + margin-top: 12px; + line-height: 18px; +} + +#toolshortcuts_horizontal { + padding: 0px 20px 2px 0px; + clear: right; + margin-left: auto; + margin-right: auto; + text-align: right; + width: 98%; +} + +#toolshortcuts_vertical { + padding: 0px 0px 2px 0px; + clear: right; + margin-left: auto; + margin-right: auto; + text-align: right; + width: 98%; +} + +div.admin_section { + min-height: 260px; +} + +.admin_section li { + padding: 2px 0px 2px; +} + +div.admin_section h4 { + font-size: 16px; + letter-spacing: -1px; +} + +.actions span { + margin-right: 0px; +} + +#courseintro_empty { + float: right; + margin: 2px auto; + padding: 0; +} + +/*PROFILE*/ + +.profile_grid_container { + width: 100%; +} + +.profile_grid_item { + border: 1px dotted #CCCCCC; + float: left; + height: 90px; + margin: 5px; + padding: 5px; + width: 270px; +} + +.profile_grid_element_0 { + width: 100px; + float: left; + text-align: center; + margin-bottom: 5px; +} + +.profile_grid_element_1 { + width: 170px; + float: left; + text-align: left; + margin-bottom: 1px; +} + +/* pagination grid sortable */ +.sub_header { + width: 100% +} + +.grid_selectbox { + float: left; + width: 35% +} + +.grid_title { + float: left; + width: 30%; + text-align: center +} + +.grid_nav { + float: left; + width: 35%; + text-align: right +} + +/* Groups boxes */ + +.group_invitation_grid_container { + width: 100%; +} + +.group_invitation_grid_item { + border: 1px dotted #CCCCCC; + float: left; + height: 85px; + margin: 8px; + padding: 5px; + width: 300px; +} + +.group_invitation_grid_element_0 { + width: 100px; + float: left; + text-align: center; + margin-bottom: 5px; +} + +.group_invitation_grid_element_1 { + width: 100px; + float: left; + text-align: left; + margin-bottom: 5px; +} + +.group_invitation_grid_element_2 { + width: 150px; + float: left; +} + +/* home group boxes */ + +.home_group_grid_container { + margin-bottom: 70px; + height: 65px; +} + +.home_group_grid_element_1 { + font-family: Verdana, Geneva, sans-serif; + font-size: 12px; + color: #686868; + font-weight: bold; + margin: 2px; + padding: 2px; +} + +.home_group_grid_element_2 { + float: right; + width: 80%; + height: 45px; + font-family: Verdana, Geneva, sans-serif; + font-size: 12px; + color: #666666; +} + +/*INVITATION IN PROFILE*/ + +.invitation_profile_grid_container { + width: 100%; +} + +.invitation_profile_grid_item { + border: 1px dotted #CCCCCC; + float: left; + height: 110px; + margin: 5px; + padding: 5px; + width: 100px; +} + +.invitation_profile_grid_element_0 { + width: 100px; + float: left; + text-align: center; + margin-bottom: 5px; +} + +.invitation_profile_grid_element_0 img { + width: 50px; + height: 50px; + border: 3px solid #E6E6E6; +} + +.invitation_profile_grid_element_2 { + width: 100px; + float: left; + text-align: center; +} + +.invitation_profile_grid_element_3 { + width: 100px; + float: left; + text-align: center; } -div.system_announcement { - background-color: #EEEEEE; +/* User boxes */ +.search_users_grid_container { + width: 100%; } -.RequirementHeading, .RequirementText, .RequirementContent { - margin-top:12px; - line-height: 18px; +.search_users_grid_item { + width: 400px; + height: 90px; + border: 1px dotted #ccc; + float: left; + padding: 5px; + margin: 8px; } -#toolshortcuts_horizontal { - padding: 0px 20px 2px 0px; - clear: right; - margin-left: auto; - margin-right: auto; - text-align: right; - width: 98%; +.search_users_grid_element_0 { + width: 100px; + float: left; + text-align: center; + margin-bottom: 5px; } -#toolshortcuts_vertical { - padding: 0px 0px 2px 0px; - clear: right; - margin-left: auto; - margin-right: auto; - text-align: right; - width: 98%; +.search_users_grid_element_1 { + width: 100px; + float: left; + text-align: center; + margin-bottom: 5px; } -div.admin_section { - min-height: 260px; -} -.admin_section li { - padding: 2px 0px 2px; +.search_users_grid_element_2 { + width: 150px; + float: left; } -div.admin_section h4 { - font-size:16px; - letter-spacing:-1px; +.search_users_grid_selectbox { + width: 50%; + float: left; } -.actions span { - margin-right:0px; +.search_users_grid_title { + width: 30%; + float: left; } -#courseintro_empty { +.search_users_grid_nav { float: right; - margin: 2px auto; - padding: 0; } +/*WAITING USER*/ +.waiting_user_grid_container { + width: 100%; +} +.waiting_user_grid_item { + width: 500px; + height: 120px; + border: 1px dotted #ccc; + float: left; + padding: 5px; + margin: 5px; +} -/*PROFILE*/ +.waiting_user_grid_element_0 { + width: 100px; + height: 90px; + float: left; + text-align: center; + margin-bottom: 5px; + padding-top: 15px; +} -.profile_grid_container { width:100%;} -.profile_grid_item { - border:1px dotted #CCCCCC; - float:left; - height:90px; - margin:5px; - padding:5px; - width:270px; +.waiting_user_grid_element_1 { + width: 400px; + float: left; + text-align: left; + margin-bottom: 5px } -.profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} -.profile_grid_element_1 { width:170px; float:left; text-align:left; margin-bottom:1px; } +.waiting_user_grid_element_2 { + width: 400px; + float: left; + text-align: justify; + margin-bottom: 5px +} -/* pagination grid sortable */ -.sub_header {width:100%} -.grid_selectbox {float:left;width:35%} -.grid_title {float:left;width:30%;text-align:center} -.grid_nav {float:left;width:35%;text-align:right} +.waiting_user_grid_element_5 { + width: 100%; + text-align: left; +} +.waiting_user_grid_element_6 { + width: 100%; + text-align: left; +} -/* Groups boxes */ +/*LIST MEMBERS*/ +.list_members_grid_container { + width: 100%; +} -.group_invitation_grid_container { width:100%;} -.group_invitation_grid_item { - border:1px dotted #CCCCCC; - float:left; - height:85px; - margin:8px; - padding:5px; - width:300px; +.list_members_grid_item { + width: 105px; + height: 150px; + border: 1px dotted #ccc; + float: left; + padding: 5px; + margin: 8px; } -.group_invitation_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} -.group_invitation_grid_element_1 { width:100px; float:left; text-align:left;margin-bottom:5px;} -.group_invitation_grid_element_2 { width:150px; float:left;} +.list_members_grid_element_0 { + width: 100px; + float: left; + text-align: center; + margin-bottom: 5px; +} -/* home group boxes */ +.list_members_grid_element_0 img { + width: 50px; + height: 50px; + border: 3px solid #E6E6E6; +} -.home_group_grid_container { - margin-bottom:70px; - height:65px; +.list_members_grid_element_2 { + width: 100px; + float: left; + text-align: center; + margin-bottom: 5px; } -.home_group_grid_element_1 { - font-family:Verdana, Geneva, sans-serif; - font-size:12px; - color:#686868; - font-weight:bold; - margin:2px; - padding:2px; +.list_members_grid_element_3 { + width: 100px; + float: left; + text-align: center; + margin-bottom: 5px; } -.home_group_grid_element_2 { - float:right; - width:80%; - height:45px; - font-family:Verdana, Geneva, sans-serif; - font-size:12px; - color:#666666; + +.list_members_grid_element_5 { + width: 100%; + text-align: center; } -/*INVITATION IN PROFILE*/ +/*SEARCH USER*/ +.search_user_grid_container { + width: 100%; +} -.invitation_profile_grid_container { width:100%;} -.invitation_profile_grid_item { - border:1px dotted #CCCCCC; - float:left; - height:110px; - margin:5px; - padding:5px; - width:100px; +.search_user_grid_item { + width: 100px; + height: 100px; + border: 1px dotted #ccc; + float: left; + padding: 5px; + margin: 5px; + overflow: hidden; } -.invitation_profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} -.invitation_profile_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} -.invitation_profile_grid_element_2 { width:100px; float:left; text-align:center;} -.invitation_profile_grid_element_3 { width:100px; float:left; text-align:center;} -/* User boxes */ -.search_users_grid_container { width:100%;} -.search_users_grid_item { width:400px; height: 90px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} -.search_users_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} -.search_users_grid_element_1 { width:100px; float:left; text-align:center;margin-bottom:5px;} -.search_users_grid_element_2 { width:150px; float:left;} +.search_user_grid_element_0 { + width: 100px; + float: left; + text-align: center; + margin-bottom: 5px; +} -.search_users_grid_selectbox { width:50%; float:left;} -.search_users_grid_title { width:30%; float:left;} -.search_users_grid_nav { float:right;} +.search_user_grid_element_0 img { + width: 50px; + height: 50px; + border: 2px solid #E6E6E6; +} -/*WAITING USER*/ -.waiting_user_grid_container { width:100%;} -.waiting_user_grid_item { width:500px; height: 120px; border:1px dotted #ccc; float:left; padding:5px; margin:5px;} -.waiting_user_grid_element_0 { width:100px; height: 90px; float:left; text-align:center; margin-bottom:5px; padding-top:15px;} -.waiting_user_grid_element_1 { width:400px; float:left; text-align:left; margin-bottom:5px} -.waiting_user_grid_element_2 { width:400px; float:left; text-align:justify;margin-bottom:5px} -.waiting_user_grid_element_5 { width:100%; text-align:left;} -.waiting_user_grid_element_6 { width:100%; text-align:left;} +.search_user_grid_element_1 { + width: 100%; + text-align: center; +} -/*LIST MEMBERS*/ -.list_members_grid_container { width:100%;} -.list_members_grid_item { width:105px; height: 150px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;} -.list_members_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} -.list_members_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;} -.list_members_grid_element_2 { width:100px; float:left; text-align:center; margin-bottom:5px;} -.list_members_grid_element_3 { width:100px; float:left; text-align:center; margin-bottom:5px;} -.list_members_grid_element_5 { width:100%; text-align:center;} +.search_user_grid_element_2 { + width: 100%; + text-align: center; +} -/*SEARCH USER*/ -.search_user_grid_container { width:100%;} -.search_user_grid_item { width:100px; height:100px; border:1px dotted #ccc; float:left; padding:5px; margin:5px; overflow:hidden;} -.search_user_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} -.search_user_grid_element_0 img {width:50px;height:50px;border:2px solid #E6E6E6;} -.search_user_grid_element_1 { width:100%; text-align:center;} -.search_user_grid_element_2 { width:100%; text-align:center;} -.search_user_grid_element_3 { width:100%; text-align:center;} +.search_user_grid_element_3 { + width: 100%; + text-align: center; +} /*SEARCH GROUP*/ .search_group_grid_item { - float:left; - width:345px; - height:165px; - margin-top:20px; + float: left; + width: 345px; + height: 165px; + margin-top: 20px; } .search_group_grid_container { - margin-top:0px; + margin-top: 0px; } .search_group_grid_element_1 { - width:330px; - height:165px; - padding-left:10px; - padding-right:10px; - background-repeat:repeat-y; - overflow:hidden; + width: 330px; + height: 165px; + padding-left: 10px; + padding-right: 10px; + background-repeat: repeat-y; + overflow: hidden; } /* chosen javascript checkbox select width fix */ @@ -2324,9 +2667,11 @@ div.admin_section h4 { .lp_tree { padding: 15px; } + #lp_item_list { - margin:0px; + margin: 0px; } + #lp_item_list, #lp_item_list li { list-style-type: none; /* float:left;*/ @@ -2336,47 +2681,48 @@ div.admin_section h4 { border: 2px dotted #BDB76B; } -#lp_item_list ul, #lp_item_list li{ +#lp_item_list ul, #lp_item_list li { /* float:left;*/ - width:100%; + width: 100%; } #lp_item_list .item_data { - padding:5px 0px 5px 0px; + padding: 5px 0px 5px 0px; /* float:left;*/ } #lp_item_list .item { - border:none; + border: none; } #lp_item_list .empty { - height:5px; + height: 5px; } -#question_list .ui-state-highlight{ +#question_list .ui-state-highlight { height: 80px; } .ui-state-highlight { - height:25px; + height: 25px; } #question_list .header_operations { - height:40px; - margin-bottom:5px; + height: 40px; + margin-bottom: 5px; } + .question-list-description-block { - margin-bottom:10px !important; + margin-bottom: 10px !important; margin-top: -6px !important; } .thematic_advance_content { - padding:10px; + padding: 10px; } .thematic_advance_actions { - width:100px; + width: 100px; } .document_preview_container { @@ -2395,15 +2741,14 @@ div.admin_section h4 { position: absolute; z-index: 20; - margin:5px; - padding:5px; + margin: 5px; + padding: 5px; width: 400px; - height:280px; + height: 280px; overflow-y: auto; } - #course_settings h3 img { margin-left: 25px; } @@ -2415,36 +2760,35 @@ div.admin_section h4 { /* Exercise comment*/ #comments { - position:absolute; - left:795px; - top:0px; - width:200px; - height:75px; - z-index:1; + position: absolute; + left: 795px; + top: 0px; + width: 200px; + height: 75px; + z-index: 1; } #questions { - width:40%; - height:50px; - float:left; - padding:5px; + width: 40%; + height: 50px; + float: left; + padding: 5px; } - .question_item { - height:50px; - padding:5px; - margin:10px 0px 10px 0px; + height: 50px; + padding: 5px; + margin: 10px 0px 10px 0px; } .option_item { - width:150px; - padding:3px; - margin:10px; + width: 150px; + padding: 3px; + margin: 10px; } .ui-jqgrid tr.jqgrow td { - height:38px !important; + height: 38px !important; } .exercise_overview_options { @@ -2459,37 +2803,37 @@ div.admin_section h4 { } .exercise_overview_options .left_option { - float:left; - margin:12px 5px; - width:33%; + float: left; + margin: 12px 5px; + width: 33%; } .exercise_overview_options .center_option { - float:left; - margin:15px 5px; + float: left; + margin: 15px 5px; text-align: center; - width:33%; + width: 33%; } .exercise_overview_options .right_option { - float:right; - margin:12px 5px; + float: right; + margin: 12px 5px; text-align: right; - font-size : 14px; + font-size: 14px; } -.remind_highlight { +.remind_highlight { background-color: #FFF7C0; } .exercise_header { border-bottom: 1px dotted #ccc; - margin-bottom:20px; + margin-bottom: 20px; } /* Table */ .exercise_options { - width:720px; + width: 720px; border-collapse: collapse; border-spacing: 0; } @@ -2505,17 +2849,19 @@ div.admin_section h4 { /* Fixes questions list */ .question_options { - min-height:150px; + min-height: 150px; } + .question_options label { margin-bottom: 14px; - display:block; + display: block; } .question_options .radio, .question_options .checkbox { min-height: 18px; padding-left: 25px; } + .question_options .radio input[type="radio"], .question_options .checkbox input[type="checkbox"] { float: left; margin-left: -25px; @@ -2525,18 +2871,20 @@ div.admin_section h4 { /* margin-right:10px; */ } + .question_description { padding: 0px; } .exercise_description { - padding:0px 0px 10px 0px; + padding: 0px 0px 10px 0px; border-bottom: 1px solid #CCCCCC; } + .exercise_title { font-size: 1.6em; font-weight: bold; - padding:10px 0px 10px 0px; + padding: 10px 0px 10px 0px; } .question_title { @@ -2559,8 +2907,9 @@ div.admin_section h4 { margin: 0 0 0 0px; padding: 0px 0px 5px 0px; } + .question_answer label { - float:left; + float: left; margin: 0px 0 0 8px; } @@ -2570,15 +2919,15 @@ div.admin_section h4 { } #question_description { - padding-left:5px; - padding-top:10px; + padding-left: 5px; + padding-top: 10px; } #question_score { - padding-top:10px; - padding-bottom:10px; - font-weight:bold; - font-size:130%; + padding-top: 10px; + padding-bottom: 10px; + font-weight: bold; + font-size: 130%; } .question_row { @@ -2586,12 +2935,12 @@ div.admin_section h4 { } .ribbon { - float:left; - width:100%; + float: left; + width: 100%; margin-bottom: 20px; border: 1px solid #d2d2d2; border-radius: 3px; - box-shadow: 0 1px 3px rgba(0,0,0,0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); position: relative; background-image: -ms-linear-gradient(top, #FDFDFD, #F3F5F7); @@ -2626,14 +2975,14 @@ div.admin_section h4 { background-image: linear-gradient(top, #414B57, #2F3741); border-radius: 5px 2px 0 0; - box-shadow: 0 1px 2px rgba(0,0,0,0.3); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); float: left; } .ribbon .rib h3 { color: white; font-size: 16px; - float:left; + float: left; line-height: 16px; padding-top: 5px; margin-top: 0px; @@ -2644,7 +2993,7 @@ div.admin_section h4 { } .ribbon .rib-error, .ribbon .ribbon-total-error { - background:#C83F25; + background: #C83F25; background-image: -ms-linear-gradient(top, #992800, #C83F25); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#992800), to(#C83F25)); @@ -2673,8 +3022,7 @@ div.admin_section h4 { float: left; } - -.ribbon .rib-success, .ribbon .ribbon-total-success{ +.ribbon .rib-success, .ribbon .ribbon-total-success { background-color: #768E00; background-image: -ms-linear-gradient(top, #9CB80A, #768E00); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9CB80A), to(#768E00)); @@ -2692,7 +3040,7 @@ div.admin_section h4 { margin: 0; padding: 8px 10px; color: #444; - float:left; + float: left; } .ribbon-total h4 { @@ -2734,11 +3082,13 @@ div.admin_section h4 { border-color: #ccc transparent transparent transparent; } +.ribbon .rib::before { + left: 0; +} - -.ribbon .rib::before {left: 0;} -.ribbon .rib::after {right: 0;} - +.ribbon .rib::after { + right: 0; +} .ribbon .success { @@ -2747,6 +3097,7 @@ div.admin_section h4 { .ribbon .error { color: red; } + .ribbon .success { color: green; } @@ -2757,30 +3108,31 @@ div.admin_section h4 { } .exercise_save_now_button { - margin-top:10px; + margin-top: 10px; } -.exercise_save_now_button, .exercise_button{ + +.exercise_save_now_button, .exercise_button { /* padding:5px; */ } .time_container_warning { - background-color:#FFD700; - border:1px solid #B8860B; + background-color: #FFD700; + border: 1px solid #B8860B; } /* Exercise clock*/ .count_down { padding: 3px; - font-size:22px; - font-weight:bold; - color:#222; + font-size: 22px; + font-weight: bold; + color: #222; padding: 12px; text-align: center; - width:200px; + width: 200px; } .red_alert { - color:red; + color: red; font-weight: bold; } @@ -2789,14 +3141,14 @@ div.admin_section h4 { -moz-border-radius: 10px; border-radius: 10px; - background-color:#FCF7BA; - border:1px solid #EADC31; - color:#555; - font-size:12px; - font-weight:bold; - list-style-type:none; - margin-top:5px; - padding:5px; + background-color: #FCF7BA; + border: 1px solid #EADC31; + color: #555; + font-size: 12px; + font-weight: bold; + list-style-type: none; + margin-top: 5px; + padding: 5px; } .userportal-order-courses-link { @@ -2808,13 +3160,13 @@ div.admin_section h4 { } .userportal-order-courses-link a { - float:right; + float: right; } .course_social_content { - background : #EFEFEF; - margin:10px 21px; - padding:10px; + background: #EFEFEF; + margin: 10px 21px; + padding: 10px; } .topics_grid_item { @@ -2823,30 +3175,28 @@ div.admin_section h4 { } #div_content_table { - border-bottom:1px solid #EAEAEA; - margin-bottom:20px; - padding-bottom:10px; + border-bottom: 1px solid #EAEAEA; + margin-bottom: 20px; + padding-bottom: 10px; } .group_description { word-wrap: break-word; - font-size:11px; + font-size: 11px; } - /* Forms */ - /***************************************************** * FORM STYLES * *****************************************************/ div.row div.form_header { white-space: nowrap; padding: 2px; - margin : 0px 0px 10px 0px; + margin: 0px 0px 10px 0px; background-color: #E5EDF9; border: 1px solid #E5EDF9; - font-size:20px; + font-size: 20px; } /* @@ -2862,6 +3212,7 @@ div.row div.form_header { span.form_required { color: #f00; } + span.form_error { color: #f00; font-size: x-small; @@ -2878,12 +3229,10 @@ form .formw .freeze { } - .course_activity_home { - width:100%; + width: 100%; } - .course_activity_home td { line-height: normal; padding: 4px; @@ -2897,7 +3246,7 @@ form .formw .freeze { /* agenda js */ #add_event_form fieldset { - width:400px; + width: 400px; } .tag { @@ -2913,7 +3262,7 @@ form .formw .freeze { .label_tag { padding: 1px 3px 2px; - margin:2px 3px 2px 0px; + margin: 2px 3px 2px 0px; /* padding:5px;*/ background-color: #bfbfbf; font-size: 10px; @@ -2927,33 +3276,37 @@ form .formw .freeze { } .label_tag.personal_event { - background:#3366CC; + background: #3366CC; } + .label_tag.admin_event { - background:red; + background: red; } .label_tag.course_event { - background:#458B00; + background: #458B00; } .label_tag.group_event { - background:#A0522D; + background: #A0522D; } + .label_tag.session_event { - background:#00496D; + background: #00496D; } - .label_tag.important { background-color: #c43c35; } + .label_tag.warning { background-color: #f89406; } + .label_tag.success { background-color: #46a546; } + .label_tag.notice { background-color: #62cffc; } @@ -2962,13 +3315,9 @@ form .formw .freeze { background-color: #46a546; } - .label_tag.course { - background-color: #62cffc; -} - - - + background-color: #62cffc; +} .invisible { color: #999; @@ -2979,7 +3328,7 @@ form .formw .freeze { } .requirements td { - padding:5px; + padding: 5px; } /* header cell in data table in tools */ @@ -3003,6 +3352,7 @@ form .formw .freeze { background-color: #F2F2F2; border-bottom: 1px solid #DDDDDD; } + .data_table td { } @@ -3026,19 +3376,21 @@ form .formw .freeze { .data_table tr.row_odd { background-color: #F9F9F9; } + .data_table tr.row_odd:hover, .data_table tr.row_even:hover { background-color: #E5EDF9; } + .data_table tr.row_even { background-color: #fff; } -.data_table_no_border td .highlight{ +.data_table_no_border td .highlight { font-weight: bold; } .data_table_pagination { - width:100%; + width: 100%; margin-top: 8px; } @@ -3065,12 +3417,12 @@ form .formw .freeze { } #install_form .data_table_no_border td { - width:30%; + width: 30%; } .lp_content_type_label { font-style: italic; - color:#999; + color: #999; font-size: 11px; } @@ -3079,8 +3431,9 @@ form .formw .freeze { .tableWithFloatingHeader th { padding: 5px 5px 0px 5px; } -.tableFloatingHeaderOriginal th, .tableWithFloatingHeader th{ - height:40px; + +.tableFloatingHeaderOriginal th, .tableWithFloatingHeader th { + height: 40px; } /* jsPlumb */ @@ -3106,7 +3459,7 @@ form .formw .freeze { text-align: center; width: 120px; z-index: 40; - position:relative; + position: relative; } .skill_child { @@ -3132,32 +3485,30 @@ form .formw .freeze { text-align: center; width: 120px; z-index: 40; - float:left; - margin-left:20px; - margin-bottom:20px; - margin-top:10px; - position:relative; + float: left; + margin-left: 20px; + margin-bottom: 20px; + margin-top: 10px; + position: relative; } - .done_window { background-color: #73982C; } - .first_window { border: 1px solid red; - cursor:pointer; + cursor: pointer; } .second_window { border: 1px solid blue; - margin-left:0px; + margin-left: 0px; } .third_window { border: 1px solid blue; - cursor:pointer; + cursor: pointer; } @@ -3168,12 +3519,15 @@ form .formw .freeze { .drag-locked { border: 1px solid red; } + ._jsPlumb_endpoint { z-index: 50; } + ._jsPlumb_connector { z-index: 1; } + .dropHover { border: 1px dotted red; } @@ -3187,7 +3541,7 @@ form .formw .freeze { } #language_list { - width:80px !important; + width: 80px !important; min-width: 140px !important; } @@ -3204,7 +3558,7 @@ form .formw .freeze { } #formLogin label { - color:#666666; + color: #666666; } #login_fail { @@ -3214,26 +3568,27 @@ form .formw .freeze { background-color: #fff; font-size: 12px; color: #f00; - width:185px; + width: 185px; } + input.mainoption { - font-weight : bold; - -moz-border-radius-bottomleft:5px; - -moz-border-radius-bottomright:5px; - -moz-border-radius-topleft:5px; - -moz-border-radius-topright:5px; - border:1px solid #E1E1E0; + font-weight: bold; + -moz-border-radius-bottomleft: 5px; + -moz-border-radius-bottomright: 5px; + -moz-border-radius-topleft: 5px; + -moz-border-radius-topright: 5px; + border: 1px solid #E1E1E0; } + input.liteoption { - font-weight : normal; - -moz-border-radius-bottomleft:5px; - -moz-border-radius-bottomright:5px; - -moz-border-radius-topleft:5px; - -moz-border-radius-topright:5px; - border:1px solid #E1E1E0; + font-weight: normal; + -moz-border-radius-bottomleft: 5px; + -moz-border-radius-bottomright: 5px; + -moz-border-radius-topleft: 5px; + -moz-border-radius-topright: 5px; + border: 1px solid #E1E1E0; } - .row_selected { border-color: #478ced #1f6fe2 #1f6fe2; background-color: #FFFFCC; @@ -3249,7 +3604,7 @@ input.liteoption { box-shadow: 0px 1px 0px transparent; } -.row_selected a, .row_selected .invisible, .row_selected td { +.row_selected a, .row_selected .invisible, .row_selected td { /* color: #FFFFFF !important; */ } @@ -3270,7 +3625,6 @@ input.liteoption { vertical-align: middle; } - .data_table_exercise_result_left td { line-height: normal; padding: 6px; @@ -3287,7 +3641,6 @@ div#no-data-view img { margin-bottom: 25px; } - div#no-data-view h2 { border: 0 none; color: #212121; @@ -3301,76 +3654,87 @@ div#no-data-view div.controls { padding-top: 1px; } - - - /* styles for the star rater */ -.star-rating{ - list-style:none; +.star-rating { + list-style: none; margin: 0px; - padding:0px; + padding: 0px; width: 125px; height: 25px; position: relative; - overflow:hidden; + overflow: hidden; background: url(../img/alt_star.png) top left repeat-x; } -.star-rating li{ - padding:0px; - margin:0px; - width:25px; - height:25px; + +.star-rating li { + padding: 0px; + margin: 0px; + width: 25px; + height: 25px; float: left; } -.star-rating li a{ - display:block; - width:25px; + +.star-rating li a { + display: block; + width: 25px; height: 25px; - line-height:25px; + line-height: 25px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; - overflow:hidden; + overflow: hidden; } -.star-rating li a:hover{ + +.star-rating li a:hover { background: url(../img/alt_star.png) left bottom; z-index: 2; left: 0px; - border:none; + border: none; } -.star-rating a.one-star{ + +.star-rating a.one-star { left: 0px; } -.star-rating a.one-star:hover{ - width:25px; + +.star-rating a.one-star:hover { + width: 25px; } -.star-rating a.two-stars{ - left:25px; + +.star-rating a.two-stars { + left: 25px; } -.star-rating a.two-stars:hover{ + +.star-rating a.two-stars:hover { width: 50px; } -.star-rating a.three-stars{ + +.star-rating a.three-stars { left: 50px; } -.star-rating a.three-stars:hover{ + +.star-rating a.three-stars:hover { width: 75px; } -.star-rating a.four-stars{ + +.star-rating a.four-stars { left: 75px; } -.star-rating a.four-stars:hover{ + +.star-rating a.four-stars:hover { width: 100px; } -.star-rating a.five-stars{ + +.star-rating a.five-stars { left: 100px; } -.star-rating a.five-stars:hover{ + +.star-rating a.five-stars:hover { width: 125px; } -.star-rating li.current-rating{ + +.star-rating li.current-rating { background: url(../img/alt_star.png) left center; position: absolute; height: 25px; @@ -3380,30 +3744,29 @@ div#no-data-view div.controls { } /* remove halo effect in firefox */ -a:active{ +a:active { outline: none; } .skills-profiles, .skills-users, .skills-skills { margin-top: 10px; margin-bottom: 10px; - padding:10px; + padding: 10px; border: 1px solid #ccc; } + .skills-skills ul.holder, .skills-users ul.holder, -.skills-profiles ul.holder -{ +.skills-profiles ul.holder { margin-bottom: 8px; border: 0px; } - .offline_user { display: block; height: 20px; width: 20px; - position:absolute; + position: absolute; background: url("offline.png") no-repeat scroll right center transparent; } @@ -3411,7 +3774,7 @@ a:active{ display: block; height: 20px; width: 20px; - position:absolute; + position: absolute; background: url("online.png") no-repeat scroll right center transparent; } @@ -3438,8 +3801,9 @@ a:active{ display: inline-block; margin-right: 4px; } + #online_grid_container .thumbnail .caption { - text-align:center; + text-align: center; } .offline_user_in_text { @@ -3451,7 +3815,7 @@ a:active{ } .subnav .nav .hide_menu { - display:none; + display: none; } .homepage_notice { @@ -3459,7 +3823,7 @@ a:active{ } .welcome_course li { - float:left; + float: left; list-style-type: none; width: 175px } @@ -3479,48 +3843,47 @@ a:active{ /* Nanogong - exercise player*/ .nanogong_player_container { - width:370px; + width: 370px; margin: 0 auto; } .nanogong_player { - float:left; + float: left; } .action_player { - float:right; - width:120px; + float: right; + width: 120px; } .audio_preview_container { margin-left: 50px; } - /* ie fixes */ /* Disabling help/bug notifications */ .lt-ie7 #navigation { - display:none; + display: none; } /* Disabling top bar */ .lt-ie7 #topbar { - display:none + display: none } .lt-ie7 .subnav .nav > li { - float:left !important; + float: left !important; } - .lt-ie7 #announcements_page { - width:450px !important; + width: 450px !important; } + /* Disabling chat */ .lt-ie7 #chatmain { - display:none; + display: none; } #my_timeline { @@ -3542,14 +3905,14 @@ a:active{ background: url("../img/action_next.png") no-repeat transparent; height: 32px; width: 32px; - float:right; + float: right; } #my_timeline #prev { background: url("../img/action_prev.png") no-repeat transparent; height: 32px; width: 32px; - float:left; + float: left; } #dates .selected { @@ -3597,7 +3960,7 @@ a:active{ } #course_tools .row h3 { - margin-top:10px; + margin-top: 10px; } .td_actions { @@ -3619,7 +3982,6 @@ a:active{ } */ - /***************************************************** * THE NEW FORUM * *****************************************************/ @@ -3628,20 +3990,25 @@ a:active{ background-color: #0066CC; color: #fff; } + .forum_category a { color: #fff; } + .forum_category_header { background-color: #0066CC; color: #fff; } + tr.forum_category_header a { color: #fff; } + /* **** FORUM **** */ .forum_header { background-color: #EEF; } + /* **** THREAD **** */ .forum_threadheader { color: #aaa; @@ -3656,6 +4023,7 @@ tr.forum_category_header a { border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; } + .forum-thread-body { color: #000000; background-color: #FFFFFF; @@ -3664,6 +4032,7 @@ tr.forum_category_header a { border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; } + /* **** POST **** */ .quote { background-color: #a0e5fc; @@ -3672,33 +4041,40 @@ tr.forum_category_header a { .current { font-weight: bold; } + .structure { /*border-bottom: 1px solid #666666;*/ font-weight: bold; background-color: #F7F7F7; height: 20px; } + a.forum_group_link { font-weight: lighter; - display:inline; + display: inline; } + .forum_description { color: #000; font-weight: normal; font-size: 11px; } -.forum_description p{ + +.forum_description p { font-size: 11px; } + .forum_title { color: #000; font-size: 14px; } + .forum_low_description { color: #737780; font-style: italic; font-weight: normal; } + .forum_attach_comment { color: #737780; font-style: italic; @@ -3712,8 +4088,6 @@ a.forum_group_link { background-color: #F7F7F7; } - - .forum_message_left_2_be_approved { width: 150px; vertical-align: top; @@ -3721,13 +4095,15 @@ a.forum_group_link { background-color: #F7F7F7; color: #999; } + .forum_message_post_title { /*border-bottom: 1px solid #666666;*/ font-weight: bold; background-color: #F7F7F7; height: 20px; - font-size:20px; + font-size: 20px; } + .forum_message_post_title_2_be_approved { /*border-bottom: 1px solid #666666;*/ color: #999; @@ -3735,11 +4111,13 @@ a.forum_group_link { background-color: #F7F7F7; height: 20px; } + .forum_message_post_text { /*border-bottom: 1px solid #666666;*/ margin-bottom: 10px; vertical-align: top; } + .forum_message_post_text_2_be_approved { /*border-bottom: 1px solid #666666;*/ color: #999; @@ -3756,7 +4134,7 @@ a.forum_group_link { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; - padding:5px; + padding: 5px; } .forum_table_title th { @@ -3764,33 +4142,38 @@ a.forum_group_link { /*border: 1px solid gray;*/ background-color: #E5EDF9; } + .forum_table { border-collapse: collapse; width: 100%; padding: 5px; border: 1px solid #ccc; - margin-bottom:15px; + margin-bottom: 15px; } -.forum_table .forum_head{ - padding:5px; +.forum_table .forum_head { + padding: 5px; text-align: left; - font-size:14px; + font-size: 14px; } .forum_table th { padding-right: 12px; background-color: #E5EDF9; } + .forum_table tr.row_odd { background-color: #F2F2F2; } + .forum_table tr.row_odd:hover, .data_table tr.row_even:hover { background-color: #E5EDF9; } + .forum_table tr.row_even { background-color: #fff; } + .forum_table td { padding: 5px; vertical-align: top; @@ -3799,22 +4182,25 @@ a.forum_group_link { border-left: 1px dotted #e1e1e1; border-top: 1px solid #ccc; } + .post { border: 1px solid #ccc; - margin-bottom:5px; + margin-bottom: 5px; } /* User list */ .blackboard_show { - float:left; - position:absolute; - border:1px solid black; + float: left; + position: absolute; + border: 1px solid black; width: 200px; - background-color:white; - z-index:99; padding: 3px; + background-color: white; + z-index: 99; + padding: 3px; display: inline; } + .blackboard_hide { display: none; } @@ -3830,12 +4216,12 @@ a.forum_group_link { #hide_bar_template { width: 10px; display: inline; - float:left; + float: left; height: 100%; padding-bottom: 90em; margin-bottom: -90em; - cursor:pointer; - background-color:#eee; + cursor: pointer; + background-color: #eee; margin-left: 4px !important; background-image: url("../img/hide0.png"); background-repeat: no-repeat; @@ -3843,7 +4229,7 @@ a.forum_group_link { } #hide_bar_template:hover { - background-color:#aaa; + background-color: #aaa; } .timeline-example { @@ -3869,28 +4255,33 @@ a.forum_group_link { /* actions */ .actions_lp { - background:#F8F8F8; + background: #F8F8F8; margin: 0px; - padding:9px 0px 9px 0px; - width:100%; + padding: 9px 0px 9px 0px; + width: 100%; text-align: center; } + .actions_lp .btn-group { margin-left: 25px; } + .actions_lp img { - vertical-align:middle; + vertical-align: middle; } + .actions_lp a { } + .actions_lp span { margin-right: 10px; - vertical-align:middle; + vertical-align: middle; } + .actions_lp form { margin-right: 10px; - vertical-align:middle; + vertical-align: middle; } .exercise_overview_options { @@ -3899,7 +4290,7 @@ a.forum_group_link { .new_actions { background-color: #EEEEEE; - background-image: -moz-linear-gradient(center top , #F5F5F5 0%, #EEEEEE 100%); + background-image: -moz-linear-gradient(center top, #F5F5F5 0%, #EEEEEE 100%); background-repeat: repeat-x; border: 1px solid #E5E5E5; border-radius: 4px 4px 4px 4px; @@ -3941,7 +4332,7 @@ a.forum_group_link { } .subnav .nav > li > .logout { - padding-top:8px; + padding-top: 8px; } footer { @@ -3949,37 +4340,36 @@ footer { background-color: #F5F5F5; /* Old browsers */ background-repeat: repeat-x; /* Repeat the gradient */ background-image: -moz-linear-gradient(top, #F5F5F5 0%, #EEEEEE 100%); /* FF3.6+ */ - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#EEEEEE)); /* Chrome,Safari4+ */ + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F5), color-stop(100%, #EEEEEE)); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #EEEEEE 100%); /* Chrome 10+,Safari 5.1+ */ - background-image: -ms-linear-gradient(top, #F5F5F5 0%,#EEEEEE 100%); /* IE10+ */ - background-image: -o-linear-gradient(top, #F5F5F5 0%,#EEEEEE 100%); /* Opera 11.10+ */ + background-image: -ms-linear-gradient(top, #F5F5F5 0%, #EEEEEE 100%); /* IE10+ */ + background-image: -o-linear-gradient(top, #F5F5F5 0%, #EEEEEE 100%); /* Opera 11.10+ */ /* Fixes bug in ie8 */ - /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#EEEEEE',GradientType=0 ); */ /* IE6-9 */ + /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#EEEEEE',GradientType=0 ); */ + /* IE6-9 */ background-image: linear-gradient(top, #F5F5F5 0%, #EEEEEE 100%); /* W3C */ } - - /* Default LP left column values */ #learning_path_left_zone { - float:left; - width:280px; - height:100%; + float: left; + width: 280px; + height: 100%; padding-left: 8px; padding-right: 4px; } #learning_path_left_zone #header { - font-size:14px; + font-size: 14px; } #author_icon { - float:left; + float: left; } #lp_navigation_elem { - float:left; + float: left; } #author_image { @@ -3993,7 +4383,7 @@ footer { #author_name { float: left; - text-align:center; + text-align: center; width: 100%; font-size: 11px; color: #888; @@ -4002,13 +4392,13 @@ footer { #lp_media_file { float: left; - text-align:center; + text-align: center; width: 94%; } #learning_path_toc { - font-size:9pt; - margin:0; + font-size: 9pt; + margin: 0; } #scorm_title { @@ -4042,41 +4432,42 @@ footer { font-weight: normal; margin-right: 10px; } + .inner_lp_toc .scorm_item_highlight { border: 1px solid #999; - background:#999; - font-weight:bold; - text-shadow:0 -1px 1px #666; - background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999)); - background-image:-webkit-linear-gradient(top,#666,#999); - background-image:-moz-linear-gradient(top,#666,#999); - background-image:-ms-linear-gradient(top,#666,#999); - background-image:-o-linear-gradient(top,#666,#999); - background-image:linear-gradient(top,#666,#999); + background: #999; + font-weight: bold; + text-shadow: 0 -1px 1px #666; + background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#999)); + background-image: -webkit-linear-gradient(top, #666, #999); + background-image: -moz-linear-gradient(top, #666, #999); + background-image: -ms-linear-gradient(top, #666, #999); + background-image: -o-linear-gradient(top, #666, #999); + background-image: linear-gradient(top, #666, #999); margin-right: 0px; padding: 10px 0px 10px 0px; text-decoration: none; } .inner_lp_toc .scorm_item_highlight a { - color:#fff; + color: #fff; margin-right: 1px; text-decoration: none; font-weight: bold; } .inner_lp_toc .scorm_item_section { - border:1px solid #222; - background:#333; - font-weight:bold; - color:#fff; - text-shadow:0 -1px 1px #000; - background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333)); - background-image:-webkit-linear-gradient(top,#555,#333); - background-image:-moz-linear-gradient(top,#555,#333); - background-image:-ms-linear-gradient(top,#555,#333); - background-image:-o-linear-gradient(top,#555,#333); - background-image:linear-gradient(top,#555,#333); + border: 1px solid #222; + background: #333; + font-weight: bold; + color: #fff; + text-shadow: 0 -1px 1px #000; + background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); + background-image: -webkit-linear-gradient(top, #555, #333); + background-image: -moz-linear-gradient(top, #555, #333); + background-image: -ms-linear-gradient(top, #555, #333); + background-image: -o-linear-gradient(top, #555, #333); + background-image: linear-gradient(top, #555, #333); margin-right: 1px; padding: 10px 0px 10px 0px; text-decoration: none; @@ -4086,23 +4477,23 @@ footer { .inner_lp_toc .scorm_item { font-size: 16px; margin-left: 10px; - margin-right:10px; + margin-right: 10px; text-decoration: none; border-color: rgba(255, 255, 255, 0.3); } .inner_lp_toc .scorm_item_1 { border-bottom: 1px solid #CCCCCC; - background:#eee; - font-weight:bold; - color:#444; - text-shadow:0 1px 1px #f6f6f6; - background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee)); - background-image:-webkit-linear-gradient(top,#fdfdfd,#eee); - background-image:-moz-linear-gradient(top,#fdfdfd,#eee); - background-image:-ms-linear-gradient(top,#fdfdfd,#eee); - background-image:-o-linear-gradient(top,#fdfdfd,#eee); - background-image:linear-gradient(top,#fdfdfd,#eee); + background: #eee; + font-weight: bold; + color: #444; + text-shadow: 0 1px 1px #f6f6f6; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee)); + background-image: -webkit-linear-gradient(top, #fdfdfd, #eee); + background-image: -moz-linear-gradient(top, #fdfdfd, #eee); + background-image: -ms-linear-gradient(top, #fdfdfd, #eee); + background-image: -o-linear-gradient(top, #fdfdfd, #eee); + background-image: linear-gradient(top, #fdfdfd, #eee); margin-right: 1px; padding: 10px 0px 10px 0px; text-decoration: none; @@ -4111,12 +4502,12 @@ footer { } .inner_lp_toc .scorm_item_2 { - background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee)); - background-image:-webkit-linear-gradient(top,#fdfdfd,#eee); - background-image:-moz-linear-gradient(top,#fdfdfd,#eee); - background-image:-ms-linear-gradient(top,#fdfdfd,#eee); - background-image:-o-linear-gradient(top,#fdfdfd,#eee); - background-image:linear-gradient(top,#fdfdfd,#eee); + background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee)); + background-image: -webkit-linear-gradient(top, #fdfdfd, #eee); + background-image: -moz-linear-gradient(top, #fdfdfd, #eee); + background-image: -ms-linear-gradient(top, #fdfdfd, #eee); + background-image: -o-linear-gradient(top, #fdfdfd, #eee); + background-image: linear-gradient(top, #fdfdfd, #eee); border-bottom: 1px solid #CCCCCC; color: #444444; font-weight: bold; @@ -4131,11 +4522,10 @@ footer { border: 1px solid #FEAA18; background: #FFB738; color: #363636; - height:20px; + height: 20px; width: 70%; } - .bottom_actions { display: block; } @@ -4149,16 +4539,16 @@ footer { } .doc_folder { - margin-right:5px; - margin-top:5px; + margin-right: 5px; + margin-top: 5px; width: 100%; - float:left; + float: left; } -.doc_resource{ +.doc_resource { margin: 5px; width: 100%; - float:left; + float: left; } .lp_resource_element_new { @@ -4169,198 +4559,197 @@ footer { text-align: center; } -.handle{ +.handle { background-image: url('../img/div_show.gif'); background-repeat: no-repeat; - background-position:left center; + background-position: left center; padding-left: 25px; - box-shadow:none; + box-shadow: none; } -.handle.collapsed{ - background-image: url('../img/div_show.gif'); +.handle.collapsed { + background-image: url('../img/div_show.gif'); background-repeat: no-repeat; - background-position:left center; + background-position: left center; padding-left: 25px; - box-shadow:none; + box-shadow: none; } -.handle.expanded{ - background-image: url('../img/div_hide.gif'); +.handle.expanded { + background-image: url('../img/div_hide.gif'); background-repeat: no-repeat; - background-position:left center; + background-position: left center; padding-left: 25px; - box-shadow:none; + box-shadow: none; } -.collapsible .handle{ +.collapsible .handle { background-image: url('../img/div_hide.gif'); background-repeat: no-repeat; - background-position:left center; + background-position: left center; padding-left: 25px; - box-shadow:none; + box-shadow: none; } -.collapsible .handle.collapsed{ - background-image: url('../img/div_show.gif'); +.collapsible .handle.collapsed { + background-image: url('../img/div_show.gif'); background-repeat: no-repeat; - background-position:left center; + background-position: left center; padding-left: 25px; - box-shadow:none; + box-shadow: none; } -.collapsible.expanded .handle{ - background-image: url('../img/div_hide.gif'); +.collapsible.expanded .handle { + background-image: url('../img/div_hide.gif'); background-repeat: no-repeat; - background-position:left center; + background-position: left center; padding-left: 25px; - box-shadow:none; + box-shadow: none; } -.btn.show{ - border:none; +.btn.show { + border: none; border-radius: 0; background-color: transparent; - width:22px; - height:22px; - margin:0; - padding:0; - display:inline-block; - background-image: url('../img/icons/22/invisible.png'); + width: 22px; + height: 22px; + margin: 0; + padding: 0; + display: inline-block; + background-image: url('../img/icons/22/invisible.png'); background-repeat: no-repeat; - background-position:center center; - box-shadow:none; + background-position: center center; + box-shadow: none; } -.btn.hide{ - border:none; +.btn.hide { + border: none; border-radius: 0; - margin:0; - padding:0; + margin: 0; + padding: 0; background-color: transparent; - width:22px; - height:22px; - display:inline-block; - background-image: url('../img/icons/22/visible.png'); + width: 22px; + height: 22px; + display: inline-block; + background-image: url('../img/icons/22/visible.png'); background-repeat: no-repeat; - background-position:center center; - box-shadow:none; + background-position: center center; + box-shadow: none; } -.btn.loading{ - border:none; +.btn.loading { + border: none; border-radius: 0; background-color: transparent; - width:22px; - height:22px; - margin:0; - padding:0; - display:inline-block; - background-image: url('../img/loading1.gif') !important; + width: 22px; + height: 22px; + margin: 0; + padding: 0; + display: inline-block; + background-image: url('../img/loading1.gif') !important; background-repeat: no-repeat; - background-position:center center; - box-shadow:none; + background-position: center center; + box-shadow: none; } -i.size-32{ - width:32px; - height:32px; +i.size-32 { + width: 32px; + height: 32px; line-height: 32px; - margin:0; - padding:0; - border:none; + margin: 0; + padding: 0; + border: none; border-radius: 0; background-repeat: no-repeat; - background-position:center center; - box-shadow:none; + background-position: center center; + box-shadow: none; background-color: transparent; - display:inline-block; + display: inline-block; } -i.size-32.icon-new-folder{ - background-image: url('../img/icons/32/new_folder.png'); +i.size-32.icon-new-folder { + background-image: url('../img/icons/32/new_folder.png'); } -i.size-32.icon-new-link{ - background-image: url('../img/icons/32/new_link.png'); +i.size-32.icon-new-link { + background-image: url('../img/icons/32/new_link.png'); } -i.size-32.icon-export-csv{ - background-image: url('../img/icons/32/export_csv.png'); +i.size-32.icon-export-csv { + background-image: url('../img/icons/32/export_csv.png'); } -i.size-32.icon-import-csv{ - background-image: url('../img/icons/32/import_csv.png'); +i.size-32.icon-import-csv { + background-image: url('../img/icons/32/import_csv.png'); } -i.size-32.icon-delete-all{ - background-image: url('../img/icons/32/delete.png'); +i.size-32.icon-delete-all { + background-image: url('../img/icons/32/delete.png'); } -i.size-32.icon-back{ - background-image: url('../img/icons/32/back.png'); +i.size-32.icon-back { + background-image: url('../img/icons/32/back.png'); } -i.size-32.icon-settings{ - background-image: url('../img/icons/32/settings.png'); +i.size-32.icon-settings { + background-image: url('../img/icons/32/settings.png'); } -i.size-32.icon-view-detailed{ - background-image: url('../img/icons/32/view_detailed.png'); +i.size-32.icon-view-detailed { + background-image: url('../img/icons/32/view_detailed.png'); } -i.size-32.icon-view-text{ - background-image: url('../img/icons/32/view_text.png'); +i.size-32.icon-view-text { + background-image: url('../img/icons/32/view_text.png'); } -i.size-32.icon-sort-by-created-date{ - background-image: url('../img/icons/32/notes_order_by_date_new.png'); +i.size-32.icon-sort-by-created-date { + background-image: url('../img/icons/32/notes_order_by_date_new.png'); } -i.size-32.icon-sort-by-modified-date{ - background-image: url('../img/icons/32/notes_order_by_date_mod.png'); +i.size-32.icon-sort-by-modified-date { + background-image: url('../img/icons/32/notes_order_by_date_mod.png'); } -i.size-32.icon-sort-by-title{ - background-image: url('../img/icons/32/notes_order_by_title.png'); +i.size-32.icon-sort-by-title { + background-image: url('../img/icons/32/notes_order_by_title.png'); } -i.size-32.icon-new-announce{ - background-image: url('../img/icons/32/new_announce.png'); +i.size-32.icon-new-announce { + background-image: url('../img/icons/32/new_announce.png'); } -i.size-22{ - width:22px; - height:22px; +i.size-22 { + width: 22px; + height: 22px; line-height: 22px; - margin:0; - padding:0; - border:none; + margin: 0; + padding: 0; + border: none; border-radius: 0; background-repeat: no-repeat; - background-position:center center; - box-shadow:none; + background-position: center center; + box-shadow: none; background-color: transparent; - display:inline-block; + display: inline-block; } -i.size-22.icon-edit{ - background-image: url('../img/icons/22/edit.png'); +i.size-22.icon-edit { + background-image: url('../img/icons/22/edit.png'); } -i.size-22.icon-delete{ - background-image: url('../img/icons/22/delete.png'); +i.size-22.icon-delete { + background-image: url('../img/icons/22/delete.png'); } -i.icon-collapse{ - background-image: url('../img/div_show.gif'); +i.icon-collapse { + background-image: url('../img/div_show.gif'); } -i.icon-expand{ - background-image: url('../img/div_hide.gif'); +i.icon-expand { + background-image: url('../img/div_hide.gif'); } - .announcement { /* background: none repeat scroll 0 0 #F2F2F2;*/ border: 1px solid #D3D3D3; @@ -4372,44 +4761,45 @@ i.icon-expand{ text-align: left; width: 100%; } -.announcement .title{ + +.announcement .title { background: none repeat scroll 0 0 #F2F2F2; - color:black; + color: black; } .announcement .title a:link, .announcement .title a:active, -.announcement .title a:visited{ +.announcement .title a:visited { color: #555555; } -.announcement .icon.attachement{ - border:none; +.announcement .icon.attachement { + border: none; border-radius: 0; background-color: transparent; - width:16px; - height:16px; - margin:0; - padding:0; - display:inline-block; - background-image: url('../img/attachment.gif'); + width: 16px; + height: 16px; + margin: 0; + padding: 0; + display: inline-block; + background-image: url('../img/attachment.gif'); background-repeat: no-repeat; - background-position:center center; - box-shadow:none; + background-position: center center; + box-shadow: none; } -li.annoucement{ +li.annoucement { min-height: 76px; } -.announcement .details{ +.announcement .details { font-style: italic; text-align: right; } -.control-text{ +.control-text { padding-top: 5px; - display:inline-block; + display: inline-block; } .boot-tooltip { @@ -4420,7 +4810,7 @@ li.annoucement{ link */ -.link_category{ +.link_category { background-color: #FFFFFF; margin-bottom: 5px; } @@ -4435,7 +4825,7 @@ li.annoucement{ vertical-align: middle; } -.link_category .body{ +.link_category .body { margin-left: 32px; } @@ -4443,19 +4833,19 @@ li.annoucement{ background-color: #F9F9F9; } -.link{ +.link { border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; } -.link:last-child{ +.link:last-child { border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; } -.link{ +.link { border-collapse: collapse; /*border: 1px solid #CCCCCC;*/ padding-top: 6px; @@ -4465,133 +4855,133 @@ li.annoucement{ vertical-align: middle; } -.link .icon{ +.link .icon { position: absolute; float: left; } -.link:hover{ +.link:hover { background-color: #E5EDF9; } .link .title, -.link .description{ +.link .description { margin-left: 32px; } -.link .description{ +.link .description { font-weight: normal; color: #000000; } -.link.invisible img{ - opacity:0.4; - filter:alpha(opacity=40); /* For IE8 and earlier */ +.link.invisible img { + opacity: 0.4; + filter: alpha(opacity = 40); /* For IE8 and earlier */ } -.link.invisible .description{ +.link.invisible .description { color: #999999; } -.link .status{ - border:none; +.link .status { + border: none; border-radius: 0; background-color: transparent; - width:22px; - height:22px; - margin:0; - padding:0; - display:inline-block; + width: 22px; + height: 22px; + margin: 0; + padding: 0; + display: inline-block; background-repeat: no-repeat; - background-position:center center; - box-shadow:none; + background-position: center center; + box-shadow: none; } -.link.invalid .status{ - background-image: url('../img/icons/22/error.png'); +.link.invalid .status { + background-image: url('../img/icons/22/error.png'); } -.link.valid .status{ - background-image: url('../img/icons/22/accept.png'); +.link.valid .status { + background-image: url('../img/icons/22/accept.png'); } -.btn.validate_link{ - border:none; +.btn.validate_link { + border: none; border-radius: 0; background-color: transparent; - width:22px; - height:22px; - margin:0; - padding:0; - display:inline-block; - background-image: url('../img/icons/22/preview_view.png'); + width: 22px; + height: 22px; + margin: 0; + padding: 0; + display: inline-block; + background-image: url('../img/icons/22/preview_view.png'); background-repeat: no-repeat; - background-position:center center; - box-shadow:none; + background-position: center center; + box-shadow: none; } /* Glossary */ -i.size-32.icon-new-glossary-term{ - background-image: url('../img/icons/32/new_glossary_term.png'); +i.size-32.icon-new-glossary-term { + background-image: url('../img/icons/32/new_glossary_term.png'); } /* * Notebook */ -i.size-32.icon-new-note{ - background-image: url('../img/icons/32/new_note.png'); +i.size-32.icon-new-note { + background-image: url('../img/icons/32/new_note.png'); } -.notebook.entries li{ +.notebook.entries li { vertical-align: text-top; } -.notebook.note{ - display:inline-block; - width:49%; - margin-left:0px; - margin-right:1px; - padding:0; +.notebook.note { + display: inline-block; + width: 49%; + margin-left: 0px; + margin-right: 1px; + padding: 0; } -.notebook.note{ +.notebook.note { background-color: #D2ECF5; } -.notebook.note .title{ - padding:1; - display:block; - margin-top:0; - margin-right:0; - margin-left:0; - padding-top:5px; - padding-bottom:12px; +.notebook.note .title { + padding: 1; + display: block; + margin-top: 0; + margin-right: 0; + margin-left: 0; + padding-top: 5px; + padding-bottom: 12px; vertical-align: baseline; - background-color: #028DC2 ; - color:#ffffff; + background-color: #028DC2; + color: #ffffff; } -.notebook.note .footer{ +.notebook.note .footer { text-align: right; - font-style:italic + font-style: italic } #learning_path_main #control { text-align: center; - background-image:-webkit-gradient(linear,left top,left bottom,from(#ececec),to(#fff)); - background-image:-webkit-linear-gradient(top,#ececec,#fff); - background-image:-moz-linear-gradient(top,#ececec,#fff); - background-image:-ms-linear-gradient(top,#ececec,#fff); - background-image:-o-linear-gradient(top,#ececec,#fff); - background-image:linear-gradient(top,#ececec,#fff); - - height:32px; - padding:8px 0px 8px 0px; - opacity:0.9; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#fff)); + background-image: -webkit-linear-gradient(top, #ececec, #fff); + background-image: -moz-linear-gradient(top, #ececec, #fff); + background-image: -ms-linear-gradient(top, #ececec, #fff); + background-image: -o-linear-gradient(top, #ececec, #fff); + background-image: linear-gradient(top, #ececec, #fff); + + height: 32px; + padding: 8px 0px 8px 0px; + opacity: 0.9; bottom: 0px; margin: auto; width: 100%; @@ -4599,12 +4989,11 @@ i.size-32.icon-new-note{ position: absolute } - /* data table */ -.dataTables_wrapper{ +.dataTables_wrapper { clear: both; } @@ -4648,7 +5037,7 @@ data table background: url("../img/action_next.png") no-repeat scroll left top; } -.dataTables_wrapper .paginate_disabled_previous, .dataTables_wrapper .paginate_disabled_next{ +.dataTables_wrapper .paginate_disabled_previous, .dataTables_wrapper .paginate_disabled_next { opacity: 0.4; } @@ -4659,14 +5048,13 @@ data table background-position: right center; } -.dataTables_wrapper .sorting_desc{ +.dataTables_wrapper .sorting_desc { background-image: url("../img/sort_desc.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; } - #course_category_well { padding: 9px 0; } @@ -4697,16 +5085,15 @@ data table select#question_type_hidden option[value="14"] {background-image: url(../img/icons/32/mcmagl.gif);} } - -.btn-success.btn-install{ +.btn-success.btn-install { float: right; } /* * work */ -i.size-32.icon-new-work{ - background-image: url('../img/icons/32/new_work.png'); +i.size-32.icon-new-work { + background-image: url('../img/icons/32/new_work.png'); } /* Default skill partition colors */ @@ -4717,12 +5104,12 @@ i.size-32.icon-new-work{ } #skill_holder li { - float:left; + float: left; /*width: 120px;*/ } -#filepaths input{ - margin-bottom:5px; +#filepaths input { + margin-bottom: 5px; } /* Fixing z-index */ @@ -4730,7 +5117,6 @@ i.size-32.icon-new-work{ z-index: 1005 !important; } - .exercise_save_mini_message { padding-left: 5px; } @@ -4738,13 +5124,16 @@ i.size-32.icon-new-work{ .xdebug-error { margin-top: 20px; } + .multiple_select_header { height: 35px; margin-bottom: 15px; } + .exercise_save_mini_message { margin-left: 5px; } + #learning_path_left_zone .no-border { border: 0px; } diff --git a/main/css/font/FontAwesome.otf b/main/css/font/FontAwesome.otf new file mode 100644 index 0000000000..64049bf2e7 Binary files /dev/null and b/main/css/font/FontAwesome.otf differ diff --git a/main/css/font/fontawesome-webfont.eot b/main/css/font/fontawesome-webfont.eot new file mode 100755 index 0000000000..7d81019e4f Binary files /dev/null and b/main/css/font/fontawesome-webfont.eot differ diff --git a/main/css/font/fontawesome-webfont.svg b/main/css/font/fontawesome-webfont.svg new file mode 100755 index 0000000000..ba0afe5ef6 --- /dev/null +++ b/main/css/font/fontawesome-webfont.svg @@ -0,0 +1,284 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/main/css/font/fontawesome-webfont.ttf b/main/css/font/fontawesome-webfont.ttf new file mode 100755 index 0000000000..d46172476a Binary files /dev/null and b/main/css/font/fontawesome-webfont.ttf differ diff --git a/main/css/font/fontawesome-webfont.woff b/main/css/font/fontawesome-webfont.woff new file mode 100755 index 0000000000..3c89ae09b8 Binary files /dev/null and b/main/css/font/fontawesome-webfont.woff differ diff --git a/main/css/font_awesome/font-awesome-ie7.min.css b/main/css/font_awesome/font-awesome-ie7.min.css new file mode 100644 index 0000000000..0fc3614e99 --- /dev/null +++ b/main/css/font_awesome/font-awesome-ie7.min.css @@ -0,0 +1,1063 @@ +/*! + * Font Awesome 3.0.2 + * the iconic font designed for use with Twitter Bootstrap + * ------------------------------------------------------- + * The full suite of pictographic icons, examples, and documentation + * can be found at: http://fortawesome.github.com/Font-Awesome/ + * + * License + * ------------------------------------------------------- + * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL + * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - + * http://opensource.org/licenses/mit-license.html + * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ + * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: + * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" + + * Contact + * ------------------------------------------------------- + * Email: dave@davegandy.com + * Twitter: http://twitter.com/fortaweso_me + * Work: Lead Product Designer @ http://kyruus.com + */ +.icon-large { + font-size: 1.3333333333333333em; + margin-top: -4px; + padding-top: 3px; + margin-bottom: -4px; + padding-bottom: 3px; + vertical-align: middle +} + +.nav [class^="icon-"], .nav [class*=" icon-"] { + vertical-align: inherit; + margin-top: -4px; + padding-top: 3px; + margin-bottom: -4px; + padding-bottom: 3px +} + +.nav [class^="icon-"].icon-large, .nav [class*=" icon-"].icon-large { + vertical-align: -25% +} + +.nav-pills [class^="icon-"].icon-large, .nav-tabs [class^="icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large { + line-height: .75em; + margin-top: -7px; + padding-top: 5px; + margin-bottom: -5px; + padding-bottom: 4px +} + +.btn [class^="icon-"].pull-left, .btn [class*=" icon-"].pull-left, .btn [class^="icon-"].pull-right, .btn [class*=" icon-"].pull-right { + vertical-align: inherit +} + +.btn [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large { + margin-top: -0.5em +} + +a [class^="icon-"], a [class*=" icon-"] { + cursor: pointer +} + +ul.icons { + text-indent: -1.5em; + margin-left: 3em +} + +.icon-glass { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-music { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-search { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-envelope { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-heart { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-star { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-star-empty { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-user { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-film { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-th-large { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-th { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-th-list { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-ok { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-remove { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-zoom-in { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-zoom-out { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-off { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-signal { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-cog { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-trash { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-home { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-file { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-time { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-road { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-download-alt { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-download { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-upload { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-inbox { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-play-circle { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-repeat { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-refresh { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-list-alt { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-lock { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-flag { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-headphones { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-volume-off { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-volume-down { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-volume-up { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-qrcode { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-barcode { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-tag { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-tags { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-book { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-bookmark { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-print { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-camera { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-font { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-bold { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-italic { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-text-height { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-text-width { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-align-left { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-align-center { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-align-right { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-align-justify { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-list { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-indent-left { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-indent-right { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-facetime-video { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-picture { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-pencil { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-map-marker { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-adjust { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-tint { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-edit { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-share { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-check { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-move { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-step-backward { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-fast-backward { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-backward { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-play { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-pause { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-stop { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-forward { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-fast-forward { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-step-forward { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-eject { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-chevron-left { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-chevron-right { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-plus-sign { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-minus-sign { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-remove-sign { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-ok-sign { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-question-sign { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-info-sign { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-screenshot { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-remove-circle { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-ok-circle { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-ban-circle { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-arrow-left { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-arrow-right { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-arrow-up { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-arrow-down { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-share-alt { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-resize-full { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-resize-small { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-plus { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-minus { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-asterisk { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-exclamation-sign { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-gift { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-leaf { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-fire { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-eye-open { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-eye-close { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-warning-sign { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-plane { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-calendar { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-random { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-comment { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-magnet { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-chevron-up { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-chevron-down { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-retweet { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-shopping-cart { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-folder-close { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-folder-open { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-resize-vertical { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-resize-horizontal { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-bar-chart { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-twitter-sign { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-facebook-sign { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-camera-retro { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-key { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-cogs { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-comments { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-thumbs-up { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-thumbs-down { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-star-half { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-heart-empty { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-signout { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-linkedin-sign { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-pushpin { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-external-link { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-signin { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-trophy { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-github-sign { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-upload-alt { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-lemon { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-phone { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-check-empty { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-bookmark-empty { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-phone-sign { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-twitter { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-facebook { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-github { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-unlock { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-credit-card { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-rss { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-hdd { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-bullhorn { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-bell { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-certificate { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-hand-right { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-hand-left { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-hand-up { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-hand-down { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-circle-arrow-left { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-circle-arrow-right { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-circle-arrow-up { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-circle-arrow-down { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-globe { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-wrench { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-tasks { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-filter { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-briefcase { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-fullscreen { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-group { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-link { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-cloud { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-beaker { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-cut { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-copy { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-paper-clip { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-save { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-sign-blank { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-reorder { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-list-ul { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-list-ol { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-strikethrough { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-underline { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-table { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-magic { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-truck { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-pinterest { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-pinterest-sign { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-google-plus-sign { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-google-plus { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-money { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-caret-down { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-caret-up { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-caret-left { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-caret-right { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-columns { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-sort { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-sort-down { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-sort-up { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-envelope-alt { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-linkedin { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-undo { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-legal { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-dashboard { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-comment-alt { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-comments-alt { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-bolt { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-sitemap { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-umbrella { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-paste { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-lightbulb { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-exchange { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-cloud-download { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-cloud-upload { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-user-md { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-stethoscope { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-suitcase { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-bell-alt { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-coffee { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-food { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-file-alt { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-building { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-hospital { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-ambulance { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-medkit { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-fighter-jet { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-beer { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-h-sign { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-plus-sign-alt { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-double-angle-left { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-double-angle-right { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-double-angle-up { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-double-angle-down { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-angle-left { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-angle-right { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-angle-up { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-angle-down { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-desktop { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-laptop { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-tablet { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-mobile-phone { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-circle-blank { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-quote-left { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-quote-right { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-spinner { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-circle { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-reply { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-github-alt { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-folder-close-alt { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} + +.icon-folder-open-alt { + *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '') +} \ No newline at end of file diff --git a/main/css/font_awesome/font-awesome.css b/main/css/font_awesome/font-awesome.css new file mode 100644 index 0000000000..238d293576 --- /dev/null +++ b/main/css/font_awesome/font-awesome.css @@ -0,0 +1,1322 @@ +/*! + * Font Awesome 3.0.2 + * the iconic font designed for use with Twitter Bootstrap + * ------------------------------------------------------- + * The full suite of pictographic icons, examples, and documentation + * can be found at: http://fortawesome.github.com/Font-Awesome/ + * + * License + * ------------------------------------------------------- + * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL + * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - + * http://opensource.org/licenses/mit-license.html + * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ + * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: + * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" + + * Contact + * ------------------------------------------------------- + * Email: dave@davegandy.com + * Twitter: http://twitter.com/fortaweso_me + * Work: Lead Product Designer @ http://kyruus.com + */ +@font-face { + font-family: 'FontAwesome'; + src: url('../font/fontawesome-webfont.eot?v=3.0.1'); + src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); + font-weight: normal; + font-style: normal; +} + +/* Font Awesome styles + ------------------------------------------------------- */ +[class^="icon-"], +[class*=" icon-"] { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + + /* sprites.less reset */ + display: inline; + width: auto; + height: auto; + line-height: normal; + vertical-align: baseline; + background-image: none; + background-position: 0% 0%; + background-repeat: repeat; + margin-top: 0; +} + +/* more sprites.less reset */ +.icon-white, +.nav-pills > .active > a > [class^="icon-"], +.nav-pills > .active > a > [class*=" icon-"], +.nav-list > .active > a > [class^="icon-"], +.nav-list > .active > a > [class*=" icon-"], +.navbar-inverse .nav > .active > a > [class^="icon-"], +.navbar-inverse .nav > .active > a > [class*=" icon-"], +.dropdown-menu > li > a:hover > [class^="icon-"], +.dropdown-menu > li > a:hover > [class*=" icon-"], +.dropdown-menu > .active > a > [class^="icon-"], +.dropdown-menu > .active > a > [class*=" icon-"], +.dropdown-submenu:hover > a > [class^="icon-"], +.dropdown-submenu:hover > a > [class*=" icon-"] { + background-image: none; +} + +[class^="icon-"]:before, +[class*=" icon-"]:before { + text-decoration: inherit; + display: inline-block; + speak: none; +} + +/* makes sure icons active on rollover in links */ +a [class^="icon-"], +a [class*=" icon-"] { + display: inline-block; +} + +/* makes the font 33% larger relative to the icon container */ +.icon-large:before { + vertical-align: -10%; + font-size: 1.3333333333333333em; +} + +.btn [class^="icon-"], +.nav [class^="icon-"], +.btn [class*=" icon-"], +.nav [class*=" icon-"] { + display: inline; + /* keeps button heights with and without icons the same */ + +} + +.btn [class^="icon-"].icon-large, +.nav [class^="icon-"].icon-large, +.btn [class*=" icon-"].icon-large, +.nav [class*=" icon-"].icon-large { + line-height: .9em; +} + +.btn [class^="icon-"].icon-spin, +.nav [class^="icon-"].icon-spin, +.btn [class*=" icon-"].icon-spin, +.nav [class*=" icon-"].icon-spin { + display: inline-block; +} + +.nav-tabs [class^="icon-"], +.nav-pills [class^="icon-"], +.nav-tabs [class*=" icon-"], +.nav-pills [class*=" icon-"] { + /* keeps button heights with and without icons the same */ + +} + +.nav-tabs [class^="icon-"], +.nav-pills [class^="icon-"], +.nav-tabs [class*=" icon-"], +.nav-pills [class*=" icon-"], +.nav-tabs [class^="icon-"].icon-large, +.nav-pills [class^="icon-"].icon-large, +.nav-tabs [class*=" icon-"].icon-large, +.nav-pills [class*=" icon-"].icon-large { + line-height: .9em; +} + +li [class^="icon-"], +.nav li [class^="icon-"], +li [class*=" icon-"], +.nav li [class*=" icon-"] { + display: inline-block; + width: 1.25em; + text-align: center; +} + +li [class^="icon-"].icon-large, +.nav li [class^="icon-"].icon-large, +li [class*=" icon-"].icon-large, +.nav li [class*=" icon-"].icon-large { + /* increased font size for icon-large */ + + width: 1.5625em; +} + +ul.icons { + list-style-type: none; + text-indent: -0.75em; +} + +ul.icons li [class^="icon-"], +ul.icons li [class*=" icon-"] { + width: .75em; +} + +.icon-muted { + color: #eeeeee; +} + +.icon-border { + border: solid 1px #eeeeee; + padding: .2em .25em .15em; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.icon-2x { + font-size: 2em; +} + +.icon-2x.icon-border { + border-width: 2px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.icon-3x { + font-size: 3em; +} + +.icon-3x.icon-border { + border-width: 3px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.icon-4x { + font-size: 4em; +} + +.icon-4x.icon-border { + border-width: 4px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.pull-right { + float: right; +} + +.pull-left { + float: left; +} + +[class^="icon-"].pull-left, +[class*=" icon-"].pull-left { + margin-right: .3em; +} + +[class^="icon-"].pull-right, +[class*=" icon-"].pull-right { + margin-left: .3em; +} + +.btn [class^="icon-"].pull-left.icon-2x, +.btn [class*=" icon-"].pull-left.icon-2x, +.btn [class^="icon-"].pull-right.icon-2x, +.btn [class*=" icon-"].pull-right.icon-2x { + margin-top: .18em; +} + +.btn [class^="icon-"].icon-spin.icon-large, +.btn [class*=" icon-"].icon-spin.icon-large { + line-height: .8em; +} + +.btn.btn-small [class^="icon-"].pull-left.icon-2x, +.btn.btn-small [class*=" icon-"].pull-left.icon-2x, +.btn.btn-small [class^="icon-"].pull-right.icon-2x, +.btn.btn-small [class*=" icon-"].pull-right.icon-2x { + margin-top: .25em; +} + +.btn.btn-large [class^="icon-"], +.btn.btn-large [class*=" icon-"] { + margin-top: 0; +} + +.btn.btn-large [class^="icon-"].pull-left.icon-2x, +.btn.btn-large [class*=" icon-"].pull-left.icon-2x, +.btn.btn-large [class^="icon-"].pull-right.icon-2x, +.btn.btn-large [class*=" icon-"].pull-right.icon-2x { + margin-top: .05em; +} + +.btn.btn-large [class^="icon-"].pull-left.icon-2x, +.btn.btn-large [class*=" icon-"].pull-left.icon-2x { + margin-right: .2em; +} + +.btn.btn-large [class^="icon-"].pull-right.icon-2x, +.btn.btn-large [class*=" icon-"].pull-right.icon-2x { + margin-left: .2em; +} + +.icon-spin { + display: inline-block; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + -webkit-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} + +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + } + 100% { + -moz-transform: rotate(359deg); + } +} + +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + } +} + +@-o-keyframes spin { + 0% { + -o-transform: rotate(0deg); + } + 100% { + -o-transform: rotate(359deg); + } +} + +@-ms-keyframes spin { + 0% { -ms-transform: rotate(0deg); } + 100% { -ms-transform: rotate(359deg); } +} +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} + +@-moz-document url-prefix() { + .icon-spin { + height: .9em; + } + .btn .icon-spin { + height: auto; + } + .icon-spin.icon-large { + height: 1.25em; + } + .btn .icon-spin.icon-large { + height: .75em; + } +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.icon-glass:before { + content: "\f000"; +} + +.icon-music:before { + content: "\f001"; +} + +.icon-search:before { + content: "\f002"; +} + +.icon-envelope:before { + content: "\f003"; +} + +.icon-heart:before { + content: "\f004"; +} + +.icon-star:before { + content: "\f005"; +} + +.icon-star-empty:before { + content: "\f006"; +} + +.icon-user:before { + content: "\f007"; +} + +.icon-film:before { + content: "\f008"; +} + +.icon-th-large:before { + content: "\f009"; +} + +.icon-th:before { + content: "\f00a"; +} + +.icon-th-list:before { + content: "\f00b"; +} + +.icon-ok:before { + content: "\f00c"; +} + +.icon-remove:before { + content: "\f00d"; +} + +.icon-zoom-in:before { + content: "\f00e"; +} + +.icon-zoom-out:before { + content: "\f010"; +} + +.icon-off:before { + content: "\f011"; +} + +.icon-signal:before { + content: "\f012"; +} + +.icon-cog:before { + content: "\f013"; +} + +.icon-trash:before { + content: "\f014"; +} + +.icon-home:before { + content: "\f015"; +} + +.icon-file:before { + content: "\f016"; +} + +.icon-time:before { + content: "\f017"; +} + +.icon-road:before { + content: "\f018"; +} + +.icon-download-alt:before { + content: "\f019"; +} + +.icon-download:before { + content: "\f01a"; +} + +.icon-upload:before { + content: "\f01b"; +} + +.icon-inbox:before { + content: "\f01c"; +} + +.icon-play-circle:before { + content: "\f01d"; +} + +.icon-repeat:before { + content: "\f01e"; +} + +/* \f020 doesn't work in Safari. all shifted one down */ +.icon-refresh:before { + content: "\f021"; +} + +.icon-list-alt:before { + content: "\f022"; +} + +.icon-lock:before { + content: "\f023"; +} + +.icon-flag:before { + content: "\f024"; +} + +.icon-headphones:before { + content: "\f025"; +} + +.icon-volume-off:before { + content: "\f026"; +} + +.icon-volume-down:before { + content: "\f027"; +} + +.icon-volume-up:before { + content: "\f028"; +} + +.icon-qrcode:before { + content: "\f029"; +} + +.icon-barcode:before { + content: "\f02a"; +} + +.icon-tag:before { + content: "\f02b"; +} + +.icon-tags:before { + content: "\f02c"; +} + +.icon-book:before { + content: "\f02d"; +} + +.icon-bookmark:before { + content: "\f02e"; +} + +.icon-print:before { + content: "\f02f"; +} + +.icon-camera:before { + content: "\f030"; +} + +.icon-font:before { + content: "\f031"; +} + +.icon-bold:before { + content: "\f032"; +} + +.icon-italic:before { + content: "\f033"; +} + +.icon-text-height:before { + content: "\f034"; +} + +.icon-text-width:before { + content: "\f035"; +} + +.icon-align-left:before { + content: "\f036"; +} + +.icon-align-center:before { + content: "\f037"; +} + +.icon-align-right:before { + content: "\f038"; +} + +.icon-align-justify:before { + content: "\f039"; +} + +.icon-list:before { + content: "\f03a"; +} + +.icon-indent-left:before { + content: "\f03b"; +} + +.icon-indent-right:before { + content: "\f03c"; +} + +.icon-facetime-video:before { + content: "\f03d"; +} + +.icon-picture:before { + content: "\f03e"; +} + +.icon-pencil:before { + content: "\f040"; +} + +.icon-map-marker:before { + content: "\f041"; +} + +.icon-adjust:before { + content: "\f042"; +} + +.icon-tint:before { + content: "\f043"; +} + +.icon-edit:before { + content: "\f044"; +} + +.icon-share:before { + content: "\f045"; +} + +.icon-check:before { + content: "\f046"; +} + +.icon-move:before { + content: "\f047"; +} + +.icon-step-backward:before { + content: "\f048"; +} + +.icon-fast-backward:before { + content: "\f049"; +} + +.icon-backward:before { + content: "\f04a"; +} + +.icon-play:before { + content: "\f04b"; +} + +.icon-pause:before { + content: "\f04c"; +} + +.icon-stop:before { + content: "\f04d"; +} + +.icon-forward:before { + content: "\f04e"; +} + +.icon-fast-forward:before { + content: "\f050"; +} + +.icon-step-forward:before { + content: "\f051"; +} + +.icon-eject:before { + content: "\f052"; +} + +.icon-chevron-left:before { + content: "\f053"; +} + +.icon-chevron-right:before { + content: "\f054"; +} + +.icon-plus-sign:before { + content: "\f055"; +} + +.icon-minus-sign:before { + content: "\f056"; +} + +.icon-remove-sign:before { + content: "\f057"; +} + +.icon-ok-sign:before { + content: "\f058"; +} + +.icon-question-sign:before { + content: "\f059"; +} + +.icon-info-sign:before { + content: "\f05a"; +} + +.icon-screenshot:before { + content: "\f05b"; +} + +.icon-remove-circle:before { + content: "\f05c"; +} + +.icon-ok-circle:before { + content: "\f05d"; +} + +.icon-ban-circle:before { + content: "\f05e"; +} + +.icon-arrow-left:before { + content: "\f060"; +} + +.icon-arrow-right:before { + content: "\f061"; +} + +.icon-arrow-up:before { + content: "\f062"; +} + +.icon-arrow-down:before { + content: "\f063"; +} + +.icon-share-alt:before { + content: "\f064"; +} + +.icon-resize-full:before { + content: "\f065"; +} + +.icon-resize-small:before { + content: "\f066"; +} + +.icon-plus:before { + content: "\f067"; +} + +.icon-minus:before { + content: "\f068"; +} + +.icon-asterisk:before { + content: "\f069"; +} + +.icon-exclamation-sign:before { + content: "\f06a"; +} + +.icon-gift:before { + content: "\f06b"; +} + +.icon-leaf:before { + content: "\f06c"; +} + +.icon-fire:before { + content: "\f06d"; +} + +.icon-eye-open:before { + content: "\f06e"; +} + +.icon-eye-close:before { + content: "\f070"; +} + +.icon-warning-sign:before { + content: "\f071"; +} + +.icon-plane:before { + content: "\f072"; +} + +.icon-calendar:before { + content: "\f073"; +} + +.icon-random:before { + content: "\f074"; +} + +.icon-comment:before { + content: "\f075"; +} + +.icon-magnet:before { + content: "\f076"; +} + +.icon-chevron-up:before { + content: "\f077"; +} + +.icon-chevron-down:before { + content: "\f078"; +} + +.icon-retweet:before { + content: "\f079"; +} + +.icon-shopping-cart:before { + content: "\f07a"; +} + +.icon-folder-close:before { + content: "\f07b"; +} + +.icon-folder-open:before { + content: "\f07c"; +} + +.icon-resize-vertical:before { + content: "\f07d"; +} + +.icon-resize-horizontal:before { + content: "\f07e"; +} + +.icon-bar-chart:before { + content: "\f080"; +} + +.icon-twitter-sign:before { + content: "\f081"; +} + +.icon-facebook-sign:before { + content: "\f082"; +} + +.icon-camera-retro:before { + content: "\f083"; +} + +.icon-key:before { + content: "\f084"; +} + +.icon-cogs:before { + content: "\f085"; +} + +.icon-comments:before { + content: "\f086"; +} + +.icon-thumbs-up:before { + content: "\f087"; +} + +.icon-thumbs-down:before { + content: "\f088"; +} + +.icon-star-half:before { + content: "\f089"; +} + +.icon-heart-empty:before { + content: "\f08a"; +} + +.icon-signout:before { + content: "\f08b"; +} + +.icon-linkedin-sign:before { + content: "\f08c"; +} + +.icon-pushpin:before { + content: "\f08d"; +} + +.icon-external-link:before { + content: "\f08e"; +} + +.icon-signin:before { + content: "\f090"; +} + +.icon-trophy:before { + content: "\f091"; +} + +.icon-github-sign:before { + content: "\f092"; +} + +.icon-upload-alt:before { + content: "\f093"; +} + +.icon-lemon:before { + content: "\f094"; +} + +.icon-phone:before { + content: "\f095"; +} + +.icon-check-empty:before { + content: "\f096"; +} + +.icon-bookmark-empty:before { + content: "\f097"; +} + +.icon-phone-sign:before { + content: "\f098"; +} + +.icon-twitter:before { + content: "\f099"; +} + +.icon-facebook:before { + content: "\f09a"; +} + +.icon-github:before { + content: "\f09b"; +} + +.icon-unlock:before { + content: "\f09c"; +} + +.icon-credit-card:before { + content: "\f09d"; +} + +.icon-rss:before { + content: "\f09e"; +} + +.icon-hdd:before { + content: "\f0a0"; +} + +.icon-bullhorn:before { + content: "\f0a1"; +} + +.icon-bell:before { + content: "\f0a2"; +} + +.icon-certificate:before { + content: "\f0a3"; +} + +.icon-hand-right:before { + content: "\f0a4"; +} + +.icon-hand-left:before { + content: "\f0a5"; +} + +.icon-hand-up:before { + content: "\f0a6"; +} + +.icon-hand-down:before { + content: "\f0a7"; +} + +.icon-circle-arrow-left:before { + content: "\f0a8"; +} + +.icon-circle-arrow-right:before { + content: "\f0a9"; +} + +.icon-circle-arrow-up:before { + content: "\f0aa"; +} + +.icon-circle-arrow-down:before { + content: "\f0ab"; +} + +.icon-globe:before { + content: "\f0ac"; +} + +.icon-wrench:before { + content: "\f0ad"; +} + +.icon-tasks:before { + content: "\f0ae"; +} + +.icon-filter:before { + content: "\f0b0"; +} + +.icon-briefcase:before { + content: "\f0b1"; +} + +.icon-fullscreen:before { + content: "\f0b2"; +} + +.icon-group:before { + content: "\f0c0"; +} + +.icon-link:before { + content: "\f0c1"; +} + +.icon-cloud:before { + content: "\f0c2"; +} + +.icon-beaker:before { + content: "\f0c3"; +} + +.icon-cut:before { + content: "\f0c4"; +} + +.icon-copy:before { + content: "\f0c5"; +} + +.icon-paper-clip:before { + content: "\f0c6"; +} + +.icon-save:before { + content: "\f0c7"; +} + +.icon-sign-blank:before { + content: "\f0c8"; +} + +.icon-reorder:before { + content: "\f0c9"; +} + +.icon-list-ul:before { + content: "\f0ca"; +} + +.icon-list-ol:before { + content: "\f0cb"; +} + +.icon-strikethrough:before { + content: "\f0cc"; +} + +.icon-underline:before { + content: "\f0cd"; +} + +.icon-table:before { + content: "\f0ce"; +} + +.icon-magic:before { + content: "\f0d0"; +} + +.icon-truck:before { + content: "\f0d1"; +} + +.icon-pinterest:before { + content: "\f0d2"; +} + +.icon-pinterest-sign:before { + content: "\f0d3"; +} + +.icon-google-plus-sign:before { + content: "\f0d4"; +} + +.icon-google-plus:before { + content: "\f0d5"; +} + +.icon-money:before { + content: "\f0d6"; +} + +.icon-caret-down:before { + content: "\f0d7"; +} + +.icon-caret-up:before { + content: "\f0d8"; +} + +.icon-caret-left:before { + content: "\f0d9"; +} + +.icon-caret-right:before { + content: "\f0da"; +} + +.icon-columns:before { + content: "\f0db"; +} + +.icon-sort:before { + content: "\f0dc"; +} + +.icon-sort-down:before { + content: "\f0dd"; +} + +.icon-sort-up:before { + content: "\f0de"; +} + +.icon-envelope-alt:before { + content: "\f0e0"; +} + +.icon-linkedin:before { + content: "\f0e1"; +} + +.icon-undo:before { + content: "\f0e2"; +} + +.icon-legal:before { + content: "\f0e3"; +} + +.icon-dashboard:before { + content: "\f0e4"; +} + +.icon-comment-alt:before { + content: "\f0e5"; +} + +.icon-comments-alt:before { + content: "\f0e6"; +} + +.icon-bolt:before { + content: "\f0e7"; +} + +.icon-sitemap:before { + content: "\f0e8"; +} + +.icon-umbrella:before { + content: "\f0e9"; +} + +.icon-paste:before { + content: "\f0ea"; +} + +.icon-lightbulb:before { + content: "\f0eb"; +} + +.icon-exchange:before { + content: "\f0ec"; +} + +.icon-cloud-download:before { + content: "\f0ed"; +} + +.icon-cloud-upload:before { + content: "\f0ee"; +} + +.icon-user-md:before { + content: "\f0f0"; +} + +.icon-stethoscope:before { + content: "\f0f1"; +} + +.icon-suitcase:before { + content: "\f0f2"; +} + +.icon-bell-alt:before { + content: "\f0f3"; +} + +.icon-coffee:before { + content: "\f0f4"; +} + +.icon-food:before { + content: "\f0f5"; +} + +.icon-file-alt:before { + content: "\f0f6"; +} + +.icon-building:before { + content: "\f0f7"; +} + +.icon-hospital:before { + content: "\f0f8"; +} + +.icon-ambulance:before { + content: "\f0f9"; +} + +.icon-medkit:before { + content: "\f0fa"; +} + +.icon-fighter-jet:before { + content: "\f0fb"; +} + +.icon-beer:before { + content: "\f0fc"; +} + +.icon-h-sign:before { + content: "\f0fd"; +} + +.icon-plus-sign-alt:before { + content: "\f0fe"; +} + +.icon-double-angle-left:before { + content: "\f100"; +} + +.icon-double-angle-right:before { + content: "\f101"; +} + +.icon-double-angle-up:before { + content: "\f102"; +} + +.icon-double-angle-down:before { + content: "\f103"; +} + +.icon-angle-left:before { + content: "\f104"; +} + +.icon-angle-right:before { + content: "\f105"; +} + +.icon-angle-up:before { + content: "\f106"; +} + +.icon-angle-down:before { + content: "\f107"; +} + +.icon-desktop:before { + content: "\f108"; +} + +.icon-laptop:before { + content: "\f109"; +} + +.icon-tablet:before { + content: "\f10a"; +} + +.icon-mobile-phone:before { + content: "\f10b"; +} + +.icon-circle-blank:before { + content: "\f10c"; +} + +.icon-quote-left:before { + content: "\f10d"; +} + +.icon-quote-right:before { + content: "\f10e"; +} + +.icon-spinner:before { + content: "\f110"; +} + +.icon-circle:before { + content: "\f111"; +} + +.icon-reply:before { + content: "\f112"; +} + +.icon-github-alt:before { + content: "\f113"; +} + +.icon-folder-close-alt:before { + content: "\f114"; +} + +.icon-folder-open-alt:before { + content: "\f115"; +} diff --git a/main/css/font_awesome/font-awesome.min.css b/main/css/font_awesome/font-awesome.min.css new file mode 100644 index 0000000000..bbbbdbd507 --- /dev/null +++ b/main/css/font_awesome/font-awesome.min.css @@ -0,0 +1,1230 @@ +/*! + * Font Awesome 3.0.2 + * the iconic font designed for use with Twitter Bootstrap + * ------------------------------------------------------- + * The full suite of pictographic icons, examples, and documentation + * can be found at: http://fortawesome.github.com/Font-Awesome/ + * + * License + * ------------------------------------------------------- + * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL + * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - + * http://opensource.org/licenses/mit-license.html + * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ + * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: + * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" + + * Contact + * ------------------------------------------------------- + * Email: dave@davegandy.com + * Twitter: http://twitter.com/fortaweso_me + * Work: Lead Product Designer @ http://kyruus.com + */ + +@font-face { + font-family: 'FontAwesome'; + src: url('../font/fontawesome-webfont.eot?v=3.0.1'); + src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); + font-weight: normal; + font-style: normal +} + +[class^="icon-"], [class*=" icon-"] { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + display: inline; + width: auto; + height: auto; + line-height: normal; + vertical-align: baseline; + background-image: none; + background-position: 0 0; + background-repeat: repeat; + margin-top: 0 +} + +.icon-white, .nav-pills>.active>a>[class^="icon-"], .nav-pills>.active>a>[class*=" icon-"], .nav-list>.active>a>[class^="icon-"], .nav-list>.active>a>[class*=" icon-"], .navbar-inverse .nav>.active>a>[class^="icon-"], .navbar-inverse .nav>.active>a>[class*=" icon-"], .dropdown-menu>li>a:hover>[class^="icon-"], .dropdown-menu>li>a:hover>[class*=" icon-"], .dropdown-menu>.active>a>[class^="icon-"], .dropdown-menu>.active>a>[class*=" icon-"], .dropdown-submenu:hover>a>[class^="icon-"], .dropdown-submenu:hover>a>[class*=" icon-"] { + background-image: none +} + +[class^="icon-"]:before, [class*=" icon-"]:before { + text-decoration: inherit; + display: inline-block; + speak: none +} + +a [class^="icon-"], a [class*=" icon-"] { + display: inline-block +} + +.icon-large:before { + vertical-align: -10%; + font-size: 1.3333333333333333em +} + +.btn [class^="icon-"], .nav [class^="icon-"], .btn [class*=" icon-"], .nav [class*=" icon-"] { + display: inline +} + +.btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { + line-height: .9em +} + +.btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { + display: inline-block +} + +.nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { + line-height: .9em +} + +li [class^="icon-"], .nav li [class^="icon-"], li [class*=" icon-"], .nav li [class*=" icon-"] { + display: inline-block; + width: 1.25em; + text-align: center +} + +li [class^="icon-"].icon-large, .nav li [class^="icon-"].icon-large, li [class*=" icon-"].icon-large, .nav li [class*=" icon-"].icon-large { + width: 1.5625em +} + +ul.icons { + list-style-type: none; + text-indent: -0.75em +} + +ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] { + width: .75em +} + +.icon-muted { + color: #eee +} + +.icon-border { + border: solid 1px #eee; + padding: .2em .25em .15em; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px +} + +.icon-2x { + font-size: 2em +} + +.icon-2x.icon-border { + border-width: 2px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px +} + +.icon-3x { + font-size: 3em +} + +.icon-3x.icon-border { + border-width: 3px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px +} + +.icon-4x { + font-size: 4em +} + +.icon-4x.icon-border { + border-width: 4px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px +} + +.pull-right { + float: right +} + +.pull-left { + float: left +} + +[class^="icon-"].pull-left, [class*=" icon-"].pull-left { + margin-right: .3em +} + +[class^="icon-"].pull-right, [class*=" icon-"].pull-right { + margin-left: .3em +} + +.btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { + margin-top: .18em +} + +.btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { + line-height: .8em +} + +.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { + margin-top: .25em +} + +.btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { + margin-top: 0 +} + +.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { + margin-top: .05em +} + +.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { + margin-right: .2em +} + +.btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { + margin-left: .2em +} + +.icon-spin { + display: inline-block; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + -webkit-animation: spin 2s infinite linear; + animation: spin 2s infinite linear +} + +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg) + } + 100% { + -moz-transform: rotate(359deg) + } +} + +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg) + } + 100% { + -webkit-transform: rotate(359deg) + } +} + +@-o-keyframes spin { + 0% { + -o-transform: rotate(0deg) + } + 100% { + -o-transform: rotate(359deg) + } +} + +@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}} @keyframes spin { + 0% { + transform: rotate(0deg) + } + 100% { + transform: rotate(359deg) + } + } + +@-moz-document url-prefix(){.icon-spin{height:.9em}.btn .icon-spin{height:auto}.icon-spin.icon-large{height:1.25em}.btn .icon-spin.icon-large{height:.75em}} .icon-glass:before { + content: "\f000" + } + +.icon-music:before { + content: "\f001" +} + +.icon-search:before { + content: "\f002" +} + +.icon-envelope:before { + content: "\f003" +} + +.icon-heart:before { + content: "\f004" +} + +.icon-star:before { + content: "\f005" +} + +.icon-star-empty:before { + content: "\f006" +} + +.icon-user:before { + content: "\f007" +} + +.icon-film:before { + content: "\f008" +} + +.icon-th-large:before { + content: "\f009" +} + +.icon-th:before { + content: "\f00a" +} + +.icon-th-list:before { + content: "\f00b" +} + +.icon-ok:before { + content: "\f00c" +} + +.icon-remove:before { + content: "\f00d" +} + +.icon-zoom-in:before { + content: "\f00e" +} + +.icon-zoom-out:before { + content: "\f010" +} + +.icon-off:before { + content: "\f011" +} + +.icon-signal:before { + content: "\f012" +} + +.icon-cog:before { + content: "\f013" +} + +.icon-trash:before { + content: "\f014" +} + +.icon-home:before { + content: "\f015" +} + +.icon-file:before { + content: "\f016" +} + +.icon-time:before { + content: "\f017" +} + +.icon-road:before { + content: "\f018" +} + +.icon-download-alt:before { + content: "\f019" +} + +.icon-download:before { + content: "\f01a" +} + +.icon-upload:before { + content: "\f01b" +} + +.icon-inbox:before { + content: "\f01c" +} + +.icon-play-circle:before { + content: "\f01d" +} + +.icon-repeat:before { + content: "\f01e" +} + +.icon-refresh:before { + content: "\f021" +} + +.icon-list-alt:before { + content: "\f022" +} + +.icon-lock:before { + content: "\f023" +} + +.icon-flag:before { + content: "\f024" +} + +.icon-headphones:before { + content: "\f025" +} + +.icon-volume-off:before { + content: "\f026" +} + +.icon-volume-down:before { + content: "\f027" +} + +.icon-volume-up:before { + content: "\f028" +} + +.icon-qrcode:before { + content: "\f029" +} + +.icon-barcode:before { + content: "\f02a" +} + +.icon-tag:before { + content: "\f02b" +} + +.icon-tags:before { + content: "\f02c" +} + +.icon-book:before { + content: "\f02d" +} + +.icon-bookmark:before { + content: "\f02e" +} + +.icon-print:before { + content: "\f02f" +} + +.icon-camera:before { + content: "\f030" +} + +.icon-font:before { + content: "\f031" +} + +.icon-bold:before { + content: "\f032" +} + +.icon-italic:before { + content: "\f033" +} + +.icon-text-height:before { + content: "\f034" +} + +.icon-text-width:before { + content: "\f035" +} + +.icon-align-left:before { + content: "\f036" +} + +.icon-align-center:before { + content: "\f037" +} + +.icon-align-right:before { + content: "\f038" +} + +.icon-align-justify:before { + content: "\f039" +} + +.icon-list:before { + content: "\f03a" +} + +.icon-indent-left:before { + content: "\f03b" +} + +.icon-indent-right:before { + content: "\f03c" +} + +.icon-facetime-video:before { + content: "\f03d" +} + +.icon-picture:before { + content: "\f03e" +} + +.icon-pencil:before { + content: "\f040" +} + +.icon-map-marker:before { + content: "\f041" +} + +.icon-adjust:before { + content: "\f042" +} + +.icon-tint:before { + content: "\f043" +} + +.icon-edit:before { + content: "\f044" +} + +.icon-share:before { + content: "\f045" +} + +.icon-check:before { + content: "\f046" +} + +.icon-move:before { + content: "\f047" +} + +.icon-step-backward:before { + content: "\f048" +} + +.icon-fast-backward:before { + content: "\f049" +} + +.icon-backward:before { + content: "\f04a" +} + +.icon-play:before { + content: "\f04b" +} + +.icon-pause:before { + content: "\f04c" +} + +.icon-stop:before { + content: "\f04d" +} + +.icon-forward:before { + content: "\f04e" +} + +.icon-fast-forward:before { + content: "\f050" +} + +.icon-step-forward:before { + content: "\f051" +} + +.icon-eject:before { + content: "\f052" +} + +.icon-chevron-left:before { + content: "\f053" +} + +.icon-chevron-right:before { + content: "\f054" +} + +.icon-plus-sign:before { + content: "\f055" +} + +.icon-minus-sign:before { + content: "\f056" +} + +.icon-remove-sign:before { + content: "\f057" +} + +.icon-ok-sign:before { + content: "\f058" +} + +.icon-question-sign:before { + content: "\f059" +} + +.icon-info-sign:before { + content: "\f05a" +} + +.icon-screenshot:before { + content: "\f05b" +} + +.icon-remove-circle:before { + content: "\f05c" +} + +.icon-ok-circle:before { + content: "\f05d" +} + +.icon-ban-circle:before { + content: "\f05e" +} + +.icon-arrow-left:before { + content: "\f060" +} + +.icon-arrow-right:before { + content: "\f061" +} + +.icon-arrow-up:before { + content: "\f062" +} + +.icon-arrow-down:before { + content: "\f063" +} + +.icon-share-alt:before { + content: "\f064" +} + +.icon-resize-full:before { + content: "\f065" +} + +.icon-resize-small:before { + content: "\f066" +} + +.icon-plus:before { + content: "\f067" +} + +.icon-minus:before { + content: "\f068" +} + +.icon-asterisk:before { + content: "\f069" +} + +.icon-exclamation-sign:before { + content: "\f06a" +} + +.icon-gift:before { + content: "\f06b" +} + +.icon-leaf:before { + content: "\f06c" +} + +.icon-fire:before { + content: "\f06d" +} + +.icon-eye-open:before { + content: "\f06e" +} + +.icon-eye-close:before { + content: "\f070" +} + +.icon-warning-sign:before { + content: "\f071" +} + +.icon-plane:before { + content: "\f072" +} + +.icon-calendar:before { + content: "\f073" +} + +.icon-random:before { + content: "\f074" +} + +.icon-comment:before { + content: "\f075" +} + +.icon-magnet:before { + content: "\f076" +} + +.icon-chevron-up:before { + content: "\f077" +} + +.icon-chevron-down:before { + content: "\f078" +} + +.icon-retweet:before { + content: "\f079" +} + +.icon-shopping-cart:before { + content: "\f07a" +} + +.icon-folder-close:before { + content: "\f07b" +} + +.icon-folder-open:before { + content: "\f07c" +} + +.icon-resize-vertical:before { + content: "\f07d" +} + +.icon-resize-horizontal:before { + content: "\f07e" +} + +.icon-bar-chart:before { + content: "\f080" +} + +.icon-twitter-sign:before { + content: "\f081" +} + +.icon-facebook-sign:before { + content: "\f082" +} + +.icon-camera-retro:before { + content: "\f083" +} + +.icon-key:before { + content: "\f084" +} + +.icon-cogs:before { + content: "\f085" +} + +.icon-comments:before { + content: "\f086" +} + +.icon-thumbs-up:before { + content: "\f087" +} + +.icon-thumbs-down:before { + content: "\f088" +} + +.icon-star-half:before { + content: "\f089" +} + +.icon-heart-empty:before { + content: "\f08a" +} + +.icon-signout:before { + content: "\f08b" +} + +.icon-linkedin-sign:before { + content: "\f08c" +} + +.icon-pushpin:before { + content: "\f08d" +} + +.icon-external-link:before { + content: "\f08e" +} + +.icon-signin:before { + content: "\f090" +} + +.icon-trophy:before { + content: "\f091" +} + +.icon-github-sign:before { + content: "\f092" +} + +.icon-upload-alt:before { + content: "\f093" +} + +.icon-lemon:before { + content: "\f094" +} + +.icon-phone:before { + content: "\f095" +} + +.icon-check-empty:before { + content: "\f096" +} + +.icon-bookmark-empty:before { + content: "\f097" +} + +.icon-phone-sign:before { + content: "\f098" +} + +.icon-twitter:before { + content: "\f099" +} + +.icon-facebook:before { + content: "\f09a" +} + +.icon-github:before { + content: "\f09b" +} + +.icon-unlock:before { + content: "\f09c" +} + +.icon-credit-card:before { + content: "\f09d" +} + +.icon-rss:before { + content: "\f09e" +} + +.icon-hdd:before { + content: "\f0a0" +} + +.icon-bullhorn:before { + content: "\f0a1" +} + +.icon-bell:before { + content: "\f0a2" +} + +.icon-certificate:before { + content: "\f0a3" +} + +.icon-hand-right:before { + content: "\f0a4" +} + +.icon-hand-left:before { + content: "\f0a5" +} + +.icon-hand-up:before { + content: "\f0a6" +} + +.icon-hand-down:before { + content: "\f0a7" +} + +.icon-circle-arrow-left:before { + content: "\f0a8" +} + +.icon-circle-arrow-right:before { + content: "\f0a9" +} + +.icon-circle-arrow-up:before { + content: "\f0aa" +} + +.icon-circle-arrow-down:before { + content: "\f0ab" +} + +.icon-globe:before { + content: "\f0ac" +} + +.icon-wrench:before { + content: "\f0ad" +} + +.icon-tasks:before { + content: "\f0ae" +} + +.icon-filter:before { + content: "\f0b0" +} + +.icon-briefcase:before { + content: "\f0b1" +} + +.icon-fullscreen:before { + content: "\f0b2" +} + +.icon-group:before { + content: "\f0c0" +} + +.icon-link:before { + content: "\f0c1" +} + +.icon-cloud:before { + content: "\f0c2" +} + +.icon-beaker:before { + content: "\f0c3" +} + +.icon-cut:before { + content: "\f0c4" +} + +.icon-copy:before { + content: "\f0c5" +} + +.icon-paper-clip:before { + content: "\f0c6" +} + +.icon-save:before { + content: "\f0c7" +} + +.icon-sign-blank:before { + content: "\f0c8" +} + +.icon-reorder:before { + content: "\f0c9" +} + +.icon-list-ul:before { + content: "\f0ca" +} + +.icon-list-ol:before { + content: "\f0cb" +} + +.icon-strikethrough:before { + content: "\f0cc" +} + +.icon-underline:before { + content: "\f0cd" +} + +.icon-table:before { + content: "\f0ce" +} + +.icon-magic:before { + content: "\f0d0" +} + +.icon-truck:before { + content: "\f0d1" +} + +.icon-pinterest:before { + content: "\f0d2" +} + +.icon-pinterest-sign:before { + content: "\f0d3" +} + +.icon-google-plus-sign:before { + content: "\f0d4" +} + +.icon-google-plus:before { + content: "\f0d5" +} + +.icon-money:before { + content: "\f0d6" +} + +.icon-caret-down:before { + content: "\f0d7" +} + +.icon-caret-up:before { + content: "\f0d8" +} + +.icon-caret-left:before { + content: "\f0d9" +} + +.icon-caret-right:before { + content: "\f0da" +} + +.icon-columns:before { + content: "\f0db" +} + +.icon-sort:before { + content: "\f0dc" +} + +.icon-sort-down:before { + content: "\f0dd" +} + +.icon-sort-up:before { + content: "\f0de" +} + +.icon-envelope-alt:before { + content: "\f0e0" +} + +.icon-linkedin:before { + content: "\f0e1" +} + +.icon-undo:before { + content: "\f0e2" +} + +.icon-legal:before { + content: "\f0e3" +} + +.icon-dashboard:before { + content: "\f0e4" +} + +.icon-comment-alt:before { + content: "\f0e5" +} + +.icon-comments-alt:before { + content: "\f0e6" +} + +.icon-bolt:before { + content: "\f0e7" +} + +.icon-sitemap:before { + content: "\f0e8" +} + +.icon-umbrella:before { + content: "\f0e9" +} + +.icon-paste:before { + content: "\f0ea" +} + +.icon-lightbulb:before { + content: "\f0eb" +} + +.icon-exchange:before { + content: "\f0ec" +} + +.icon-cloud-download:before { + content: "\f0ed" +} + +.icon-cloud-upload:before { + content: "\f0ee" +} + +.icon-user-md:before { + content: "\f0f0" +} + +.icon-stethoscope:before { + content: "\f0f1" +} + +.icon-suitcase:before { + content: "\f0f2" +} + +.icon-bell-alt:before { + content: "\f0f3" +} + +.icon-coffee:before { + content: "\f0f4" +} + +.icon-food:before { + content: "\f0f5" +} + +.icon-file-alt:before { + content: "\f0f6" +} + +.icon-building:before { + content: "\f0f7" +} + +.icon-hospital:before { + content: "\f0f8" +} + +.icon-ambulance:before { + content: "\f0f9" +} + +.icon-medkit:before { + content: "\f0fa" +} + +.icon-fighter-jet:before { + content: "\f0fb" +} + +.icon-beer:before { + content: "\f0fc" +} + +.icon-h-sign:before { + content: "\f0fd" +} + +.icon-plus-sign-alt:before { + content: "\f0fe" +} + +.icon-double-angle-left:before { + content: "\f100" +} + +.icon-double-angle-right:before { + content: "\f101" +} + +.icon-double-angle-up:before { + content: "\f102" +} + +.icon-double-angle-down:before { + content: "\f103" +} + +.icon-angle-left:before { + content: "\f104" +} + +.icon-angle-right:before { + content: "\f105" +} + +.icon-angle-up:before { + content: "\f106" +} + +.icon-angle-down:before { + content: "\f107" +} + +.icon-desktop:before { + content: "\f108" +} + +.icon-laptop:before { + content: "\f109" +} + +.icon-tablet:before { + content: "\f10a" +} + +.icon-mobile-phone:before { + content: "\f10b" +} + +.icon-circle-blank:before { + content: "\f10c" +} + +.icon-quote-left:before { + content: "\f10d" +} + +.icon-quote-right:before { + content: "\f10e" +} + +.icon-spinner:before { + content: "\f110" +} + +.icon-circle:before { + content: "\f111" +} + +.icon-reply:before { + content: "\f112" +} + +.icon-github-alt:before { + content: "\f113" +} + +.icon-folder-close-alt:before { + content: "\f114" +} + +.icon-folder-open-alt:before { + content: "\f115" +} \ No newline at end of file diff --git a/main/css/responsive.css b/main/css/responsive.css index 04f0a8b7f9..bb292fc467 100644 --- a/main/css/responsive.css +++ b/main/css/responsive.css @@ -21,15 +21,18 @@ The more frequent ones have been marked with * @media (max-width: 320px) { header #header_center, header #header_right, header #header_left { - display:none; + display: none; } + .navbar { - margin-top: 0em; + margin-top: 0em; } + #main_content .span3 #login_block { width: 160px; float: left; } + #main_content .span3 #help_block { width: 60px; float: right; @@ -39,29 +42,34 @@ The more frequent ones have been marked with * /* No view as link*/ #view_as_link { - display:none; + display: none; } + /* Smaller brand */ .navbar .brand { - font-size: 14px; - text-shadow: 0px; + font-size: 14px; + text-shadow: 0px; } /* In order to avoid clicking in the main title instead of the expand button */ - .subnav .navbar-inner .in{ + .subnav .navbar-inner .in { margin-top: 45px; } + #main_content .span3 #login_block { width: 180px; } + #main_content .span3 #help_block { width: 100px; } + /* only for the course tools */ #course_tools .row > [class*="span"], #course_tools .row-fluid > [class*="span"] { float: left; margin-left: 20px; } + /* Course- home - Show 2 icons instead of one */ .course-tool { float: left; @@ -72,18 +80,22 @@ The more frequent ones have been marked with * .course-tool h4 { font-size: 15px; } + /* in admin, reduce block height but increase width (from 47%) as there will be only one for the whole width */ #settings .span6 { min-height: none; width: 95%; } + .section-mycourses .menu-column, .section-mycampus .menu-column { width: 95%; } + .section-mycampus .menu-column #login_block { width: 95%; } + .section-mycourses .menu-column #user_image_block, .section-mycourses .menu-column #profile_block, .section-mycourses .menu-column #skill_block, @@ -95,25 +107,32 @@ The more frequent ones have been marked with * .section-mycourses .menu-column #notice_block { display: none; } + .section-mycampus #homepage { width: 260px; } + .section-mycampus #hot_courses { width: 260px; } + .section-mycourses #top_main_content { margin-right: 15px; } + .section-mycourses #main_content { margin-right: 15px; width: 260px; } + .section-mycourses .course-box .course-box-actions { display: none; } + .section-mycampus .hot-course-box, .section-mycourses .course-box { width: 95%; } + footer { margin-top: 0px; } @@ -121,28 +140,30 @@ The more frequent ones have been marked with * @media (min-width: 321px) and (max-width: 480px) { header #header_center, header #header_right, header #header_left { - display:none; + display: none; } + .navbar { - margin-top: 0em; + margin-top: 0em; } - .subnav .navbar-inner .in{ + + .subnav .navbar-inner .in { margin-top: 45px; } /* No chat in mobiles */ #chatmain { - display:none; + display: none; } /* No topbar */ #topbar { - display:none; + display: none; } /* No view as link*/ #view_as_link { - display:none; + display: none; } /* Brand fix */ @@ -152,7 +173,7 @@ The more frequent ones have been marked with * } .subnav .dropdown-toggle { - display:none; + display: none; } .subnav .nav > li > a, .navbar .dropdown-menu a { @@ -169,10 +190,10 @@ The more frequent ones have been marked with * } footer #footer_left a, footer #footer_center a, footer #footer_right a { - color : #999; + color: #999; } - #footer_left , #footer_right #admin_name, #footer_right #software_name { + #footer_left, #footer_right #admin_name, #footer_right #software_name { text-align: center !important; } @@ -182,7 +203,7 @@ The more frequent ones have been marked with * /* No resize font */ .resize_font { - display:none; + display: none; } h3 { @@ -195,7 +216,7 @@ The more frequent ones have been marked with * /* No notifications */ .notification-panel { - display:none; + display: none; } /* only for the course tools */ @@ -203,6 +224,7 @@ The more frequent ones have been marked with * float: left; margin-left: 10px; } + /* Course- home - Show 2 icons instead of one */ .course-tool { float: left; @@ -218,28 +240,34 @@ The more frequent ones have been marked with * .subbav .dropdown-menu a:hover { background-color: #555; } + #main_content .span3 #login_block { width: 280px; float: left; } + #main_content .span3 #help_block { width: 100px; float: right; margin-left: 10px; margin-right: 10px; } + /* in admin, reduce block height but increase width (from 47%) as there will be only one for the whole width */ #settings .span6 { min-height: none; width: 95%; } + .section-mycourses .menu-column, .section-mycampus .menu-column { width: 95%; } + .section-mycampus .menu-column #login_block { width: 95%; } + .section-mycourses .menu-column #user_image_block, .section-mycourses .menu-column #profile_block, .section-mycourses .menu-column #skill_block, @@ -251,25 +279,32 @@ The more frequent ones have been marked with * .section-mycourses .menu-column #notice_block { display: none; } + .section-mycampus #homepage { width: 400px; } + .section-mycampus #hot_courses { width: 400px; } + .section-mycourses #top_main_content { margin-right: 15px; } + .section-mycourses #main_content { margin-right: 15px; width: 400px; } + .section-mycourses .course-box .course-box-actions { display: none; } + .section-mycampus .hot-course-box, .section-mycourses .course-box { width: 95%; } + footer { margin-top: 0px; } @@ -278,29 +313,31 @@ The more frequent ones have been marked with * @media (min-width: 481px) and (max-width: 800px) { /* No topbar */ #topbar { - display:none; + display: none; } /* only for the course tools */ #course_tools .row > [class*="span"], #course_tools .row-fluid > [class*="span"] { float: left; } + .course-tool { width: 210px; } + .course-tool h4 { font-size: 14px; } .subnav .dropdown-toggle { - display:none; + display: none; } header #header_center, header #header_right { - display:none; + display: none; } - #footer_right #admin_name, #footer_right #software_name { + #footer_right #admin_name, #footer_right #software_name { text-align: center !important; } @@ -311,8 +348,9 @@ The more frequent ones have been marked with * footer .container .row { padding-top: 15px; } + .notification-panel { - display:none; + display: none; } /* Remove any padding from the body */ @@ -326,30 +364,34 @@ The more frequent ones have been marked with * /* Subnav */ .subnav { - border:1px solid #fff; + border: 1px solid #fff; position: static; top: auto; z-index: auto; width: 100%; height: auto; -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } + .subnav .nav > li { float: none; } + .subnav .nav > li > a { border: 0; } + .subnav .nav > li + li > a { border-top: 1px solid #e5e5e5; } + .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover { -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; } .subnav .navbar-inner li a:hover { @@ -357,56 +399,66 @@ The more frequent ones have been marked with * color: #fff; } - /* .new_actions */ + /* .new_actions */ .new_actions { - border:1px solid #fff; + border: 1px solid #fff; position: static; top: auto; z-index: auto; width: 100%; height: auto; -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - text-align: center; + -moz-box-shadow: none; + box-shadow: none; + text-align: center; } + .new_actions .nav > li { float: none; } + .new_actions .nav > li > a { border: 0; } + .new_actions .nav > li + li > a { border-top: 1px solid #e5e5e5; } + .new_actions .nav > li:first-child > a, .new_actions .nav > li:first-child > a:hover { -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; } #section-social .row > [class*="span"], #section-social .row-fluid > [class*="span"] { float: left; } + /* Some fixes for w~720px */ .section-mycampus #top_main_content .content-column { float: none; } + .section-mycampus #homepage { float: left; width: 450px; } + .section-mycampus #hot_courses { float: left; width: 660px; } + .section-mycampus #hot_courses .page-header { width: 650px; } + .section-mycourses .course-box .course-box-actions { display: none; } + .section-mycampus .hot-course-box, .section-mycourses .course-box { width: 660px; } @@ -421,10 +473,10 @@ The more frequent ones have been marked with * } footer #footer_left a, footer #footer_center a, footer #footer_right a { - color : #999; + color: #999; } - #footer_left , #footer_right #admin_name, #footer_right #software_name { + #footer_left, #footer_right #admin_name, #footer_right #software_name { text-align: center !important; } @@ -433,10 +485,16 @@ The more frequent ones have been marked with * } } +@media (min-width: 800px) { + .advmultiselect [class*="span4"] { + margin-left: 10px; + } +} + @media (min-width: 801px) and (max-width: 979px) { /* No topbar */ #topbar { - display:none; + display: none; } /* fixes tabs */ @@ -446,16 +504,17 @@ The more frequent ones have been marked with * } .subnav .dropdown-toggle { - display:none; + display: none; } .subnav .nav > li > a, .navbar .dropdown-menu a { color: #ccc; } - .subnav .nav > li > a:hover, - .subnav .dropdown-menu a:hover { + .subnav .nav > li > a:hover, + .subnav .dropdown-menu a:hover { } + .course-tool { width: 220px; } @@ -470,6 +529,7 @@ The more frequent ones have been marked with * #topbar_push { height: 0px; } + .section-social .span9 { width: 530px; } @@ -486,15 +546,19 @@ The more frequent ones have been marked with * #course_tools .row > [class*="span"], #course_tools .row-fluid > [class*="span"] { float: left; } + .course-tool { width: 280px; } - .section-social .span9, .section-mycourses .span9{ + + .section-social .span9, .section-mycourses .span9 { width: 680px; } + .section-social .social-menu { width: 200px; } + .section-social .span5 { width: 350px; } @@ -503,13 +567,17 @@ The more frequent ones have been marked with * /* LARGE DESKTOP SCREENS */ @media (min-width: 1201px) { #top_main_content .span12 { - /* width: 98%; */ + /* width: 98%; */ } + /* only for the course tools */ #course_tools .row > [class*="span"], #course_tools .row-fluid > [class*="span"] { float: left; } + .course-tool { width: 260px; } } + + diff --git a/main/inc/lib/template.lib.php b/main/inc/lib/template.lib.php index d3d484aa1c..54375af102 100644 --- a/main/inc/lib/template.lib.php +++ b/main/inc/lib/template.lib.php @@ -2,13 +2,14 @@ /* For licensing terms, see /license.txt */ /** - * @author Julio Montoya - * @todo better organization of the class, methods and variables + * @author Julio Montoya + * @todo better organization of the class, methods and variables * * */ use \ChamiloSession as Session; -class Template { +class Template +{ public $style = 'default'; //see the template folder public $preview_theme = null; @@ -28,7 +29,8 @@ class Template { public $force_plugin_load = true; public $app; - function __construct($title = null, $app = null) { + function __construct($title = null, $app = null) + { if (empty($app)) { global $app; $this->app = $app; @@ -40,19 +42,19 @@ class Template { $this->app['template_style'] = 'default'; $this->app['default_layout'] = 'layout_1_col.tpl'; - $show_header = $app['template.show_header']; - $show_footer = $app['template.show_footer']; - $show_learnpath = $app['template.show_learnpath']; - $hide_global_chat = $app['template.hide_global_chat']; - $load_plugins = $app['template.load_plugins']; + $show_header = $app['template.show_header']; + $show_footer = $app['template.show_footer']; + $show_learnpath = $app['template.show_learnpath']; + $hide_global_chat = $app['template.hide_global_chat']; + $load_plugins = $app['template.load_plugins']; //Page title - $this->title = $title; + $this->title = $title; $this->show_learnpath = $show_learnpath; $this->hide_global_chat = $hide_global_chat; $this->load_plugins = $load_plugins; - // Current themes: cupertino, smoothness, ui-lightness. Find the themes folder in main/inc/lib/javascript/jquery-ui + // Current themes: cupertino, smoothness, ui-lightness. Find the themes folder in main/inc/lib/javascript/jquery-ui $this->jquery_ui_theme = 'smoothness'; //Setting system variables @@ -96,11 +98,13 @@ class Template { } - public static function get_icon_path($image, $size = ICON_SIZE_SMALL) { + public static function get_icon_path($image, $size = ICON_SIZE_SMALL) + { return Display:: return_icon($image, '', array(), $size, false, true); } - public static function format_date($timestamp, $format = null) { + public static function format_date($timestamp, $format = null) + { return api_format_date($timestamp, $format); } @@ -112,24 +116,26 @@ class Template { * @param object $item * @return string */ - public static function key($item){ + public static function key($item) + { $id = isset($item->id) ? $item->id : null; $c_id = isset($item->c_id) ? $item->c_id : null; $result = ''; - if($c_id){ + if ($c_id) { $result = "c_id=$c_id"; } - if($id){ - if($result){ + if ($id) { + if ($result) { $result .= "&id=$id"; - }else{ + } else { $result .= "&id=$id"; } } return $result; } - function set_help($help_input = null) { + function set_help($help_input = null) + { if (!empty($help_input)) { $help = $help_input; } else { @@ -141,8 +147,12 @@ class Template { if (!empty($help)) { $help = Security::remove_XSS($help); $help_content = '
  • '; - $help_content .= ''; - $help_content .= '' . get_lang('Help') . ''; + $help_content .= ''; + $help_content .= ''.get_lang(
+                    'Help'
+                ).''; $help_content .= '
  • '; } } @@ -153,7 +163,8 @@ class Template { * Use template system to parse the actions menu * @todo finish it! * */ - function set_actions($actions) { + function set_actions($actions) + { $action_string = ''; if (!empty($actions)) { foreach ($actions as $action) { @@ -166,7 +177,8 @@ class Template { /** * Shortcut to display a 1 col layout (index.php) * */ - function display_one_col_template() { + function display_one_col_template() + { $tpl = $this->get_template('layout/layout_1_col.tpl'); $this->display($tpl); } @@ -174,7 +186,8 @@ class Template { /** * Shortcut to display a 2 col layout (userportal.php) * */ - function display_two_col_template() { + function display_two_col_template() + { $tpl = $this->get_template('layout/layout_2_col.tpl'); $this->display($tpl); } @@ -182,7 +195,8 @@ class Template { /** * Displays an empty template */ - function display_blank_template() { + function display_blank_template() + { $tpl = $this->get_template('layout/blank.tpl'); $this->display($tpl); } @@ -190,7 +204,8 @@ class Template { /** * Displays an empty template */ - function display_no_layout_template() { + function display_no_layout_template() + { $tpl = $this->get_template('layout/no_layout.tpl'); $this->display($tpl); } @@ -199,7 +214,8 @@ class Template { * Sets the footer visibility * @param bool true if we show the footer */ - function set_footer($status) { + function set_footer($status) + { $this->show_footer = $status; $this->assign('show_footer', $status); } @@ -208,7 +224,8 @@ class Template { * Sets the header visibility * @param bool true if we show the header */ - function set_header($status) { + function set_header($status) + { $this->show_header = $status; $this->assign('show_header', $status); @@ -253,19 +270,22 @@ class Template { $this->assign('show_course_navigation_menu', $show_course_navigation_menu); } - function get_template($name) { - return $this->app['template_style'] . '/' . $name; + function get_template($name) + { + return $this->app['template_style'].'/'.$name; } /** Set course parameters */ - private function set_course_parameters() { + private function set_course_parameters() + { //Setting course id $course_id = api_get_course_int_id(); $this->course_id = $course_id; } /** Set user parameters */ - private function set_user_parameters() { + private function set_user_parameters() + { $user_info = array(); $user_info['logged'] = 0; $this->user_is_logged_in = false; @@ -280,8 +300,15 @@ class Template { } $new_messages = MessageManager::get_new_messages(); $user_info['messages_count'] = $new_messages != 0 ? Display::label($new_messages, 'warning') : null; - $messages_invitations_count = GroupPortalManager::get_groups_by_user_count($user_info['user_id'], GROUP_USER_PERMISSION_PENDING_INVITATION, false); - $user_info['messages_invitations_count'] = $messages_invitations_count != 0 ? Display::label($messages_invitations_count, 'warning') : null; + $messages_invitations_count = GroupPortalManager::get_groups_by_user_count( + $user_info['user_id'], + GROUP_USER_PERMISSION_PENDING_INVITATION, + false + ); + $user_info['messages_invitations_count'] = $messages_invitations_count != 0 ? Display::label( + $messages_invitations_count, + 'warning' + ) : null; $this->user_is_logged_in = true; } //Setting the $_u array that could be use in any template @@ -289,7 +316,8 @@ class Template { } /** Set system parameters */ - private function set_system_parameters() { + private function set_system_parameters() + { global $_configuration; //Setting app paths/URLs @@ -317,7 +345,8 @@ class Template { /** * Set theme, include CSS files */ - function set_css_files() { + function set_css_files() + { global $disable_js_and_css_files; $css = array(); @@ -336,18 +365,19 @@ class Template { $css[] = api_get_cdn_path(api_get_path(WEB_CSS_PATH).$this->theme.'/default.css'); $css[] = api_get_cdn_path(api_get_path(WEB_CSS_PATH).'bootstrap-responsive.css'); $css[] = api_get_cdn_path(api_get_path(WEB_CSS_PATH).'responsive.css'); + $css[] = api_get_cdn_path(api_get_path(WEB_CSS_PATH).'font_awesome/font-awesome.css'); //Extra CSS files - $css[] = api_get_path(WEB_LIBRARY_PATH) . 'javascript/thickbox.css'; - $css[] = api_get_path(WEB_LIBRARY_PATH) . 'javascript/chosen/chosen.css'; + $css[] = api_get_path(WEB_LIBRARY_PATH).'javascript/thickbox.css'; + $css[] = api_get_path(WEB_LIBRARY_PATH).'javascript/chosen/chosen.css'; if ($this->show_learnpath) { - $css[] = api_get_path(WEB_CSS_PATH) . $this->theme . '/learnpath.css'; - $css[] = api_get_path(WEB_CSS_PATH) . $this->theme . '/scorm.css'; + $css[] = api_get_path(WEB_CSS_PATH).$this->theme.'/learnpath.css'; + $css[] = api_get_path(WEB_CSS_PATH).$this->theme.'/scorm.css'; } if (api_is_global_chat_enabled()) { - $css[] = api_get_path(WEB_LIBRARY_PATH) . 'javascript/chat/css/chat.css'; + $css[] = api_get_path(WEB_LIBRARY_PATH).'javascript/chat/css/chat.css'; } $css[] = api_get_path(WEB_LIBRARY_PATH).'javascript/jquery-ui/'.$this->jquery_ui_theme.'/jquery-ui-custom.css'; @@ -355,7 +385,7 @@ class Template { $css_file_to_string = null; foreach ($css as $file) { - $css_file_to_string .= api_get_css($file); + $css_file_to_string .= api_get_css($file); } // @todo move this somewhere else. Special fix when using tablets in order to see the text near icons @@ -375,13 +405,15 @@ class Template { $navigator_info = api_get_navigator(); if ($navigator_info['name'] == 'Internet Explorer' && $navigator_info['version'] == '6') { - $css_file_to_string .= 'img, div { behavior: url(' . api_get_path(WEB_LIBRARY_PATH) . 'javascript/iepngfix/iepngfix.htc) } ' . "\n"; + $css_file_to_string .= 'img, div { behavior: url('.api_get_path( + WEB_LIBRARY_PATH + ).'javascript/iepngfix/iepngfix.htc) } '."\n"; } if (!$disable_js_and_css_files) { $this->assign('css_file_to_string', $css_file_to_string); - $style_print = api_get_css(api_get_cdn_path(api_get_path(WEB_CSS_PATH) . $this->theme . '/print.css'), 'print'); + $style_print = api_get_css(api_get_cdn_path(api_get_path(WEB_CSS_PATH).$this->theme.'/print.css'), 'print'); $this->assign('css_style_print', $style_print); } @@ -390,11 +422,12 @@ class Template { $this->assign('logo', $logo); } - function set_js_files() { + function set_js_files() + { global $disable_js_and_css_files, $htmlHeadXtra; //JS files $js_files = array( - 'modernizr.js', + 'modernizr.js', 'jquery.min.js', 'chosen/chosen.jquery.min.js', 'jquery-ui/'.$this->jquery_ui_theme.'/jquery-ui-custom.min.js', @@ -436,7 +469,7 @@ class Template { $extra_headers = null; if (isset($htmlHeadXtra) && $htmlHeadXtra) { foreach ($htmlHeadXtra as & $this_html_head) { - $extra_headers .= $this_html_head . "\n"; + $extra_headers .= $this_html_head."\n"; } } $this->assign('extra_headers', $extra_headers); @@ -446,7 +479,8 @@ class Template { /** * Set header parameters */ - private function set_header_parameters() { + private function set_header_parameters() + { global $httpHeadXtra, $_course, $interbreadcrumb, $language_file, $_configuration, $this_section; $nameTools = $this->title; $navigation = $this->return_navigation_array(); @@ -477,11 +511,12 @@ class Template { $title_string = ''; for ($i = 0; $i < count($title_list); $i++) { - $title_string .=$title_list[$i]; + $title_string .= $title_list[$i]; if (isset($title_list[$i + 1])) { $item = trim($title_list[$i + 1]); - if (!empty($item)) - $title_string .=' - '; + if (!empty($item)) { + $title_string .= ' - '; + } } } @@ -497,15 +532,15 @@ class Template { if (!empty($_configuration['cdn_enable'])) { $prefetch .= ''; foreach ($_configuration['cdn'] as $host => $exts) { - $prefetch .= ''; + $prefetch .= ''; } } $this->assign('prefetch', $prefetch); $this->assign('text_direction', api_get_text_direction()); - $this->assign('section_name', 'section-' . $this_section); + $this->assign('section_name', 'section-'.$this_section); - $favico = ''; + $favico = ''; if (isset($_configuration['multiple_access_urls']) && $_configuration['multiple_access_urls']) { $access_url_id = api_get_current_access_url_id(); @@ -515,12 +550,12 @@ class Template { $clean_url = replace_dangerous_char($url); $clean_url = str_replace('/', '-', $clean_url); $clean_url .= '/'; - $homep = api_get_path(REL_PATH) . 'home/' . $clean_url; //homep for Home Path - $icon_real_homep = api_get_path(SYS_PATH) . 'home/' . $clean_url; + $homep = api_get_path(REL_PATH).'home/'.$clean_url; //homep for Home Path + $icon_real_homep = api_get_path(SYS_PATH).'home/'.$clean_url; //we create the new dir for the new sites - if (is_file($icon_real_homep . 'favicon.ico')) { - $favico = ''; + if (is_file($icon_real_homep.'favicon.ico')) { + $favico = ''; } } } @@ -534,7 +569,11 @@ class Template { if (api_get_setting('show_link_bug_notification') == 'true' && $this->user_is_logged_in) { $bug_notification_link = '
  • - ' . get_lang('ReportABug') . ' + '.get_lang('ReportABug').'
  • '; } $this->assign('bug_notification_link', $bug_notification_link); @@ -587,7 +626,8 @@ class Template { /** * Set footer parameteres */ - private function set_footer_parameters() { + private function set_footer_parameters() + { global $_configuration; //Show admin data @@ -595,7 +635,10 @@ class Template { if (api_get_setting('show_administrator_data') == 'true') { //Administrator name - $administrator_data = get_lang('Manager') . ' : ' . Display::encrypted_mailto_link(api_get_setting('emailAdministrator'), api_get_person_name(api_get_setting('administratorName'), api_get_setting('administratorSurname'))); + $administrator_data = get_lang('Manager').' : '.Display::encrypted_mailto_link( + api_get_setting('emailAdministrator'), + api_get_person_name(api_get_setting('administratorName'), api_get_setting('administratorSurname')) + ); $this->assign('administrator_name', $administrator_data); } @@ -621,10 +664,10 @@ class Template { $email_link[] = Display::encrypted_mailto_link($coach['email'], $coach['complete_name']); } if (count($coachs_email) > 1) { - $tutor_data .= get_lang('Coachs') . ' : '; + $tutor_data .= get_lang('Coachs').' : '; $tutor_data .= array_to_string($email_link, CourseManager::USER_SEPARATOR); } elseif (count($coachs_email) == 1) { - $tutor_data .= get_lang('Coach') . ' : '; + $tutor_data .= get_lang('Coach').' : '; $tutor_data .= array_to_string($email_link, CourseManager::USER_SEPARATOR); } elseif (count($coachs_email) == 0) { $tutor_data .= ''; @@ -651,7 +694,7 @@ class Template { if (count($mail) > 1) { $label = get_lang('Teachers'); } - $teacher_data .= $label . ' : ' . array_to_string($teachers_parsed, CourseManager::USER_SEPARATOR); + $teacher_data .= $label.' : '.array_to_string($teachers_parsed, CourseManager::USER_SEPARATOR); } $this->assign('teachers', $teacher_data); } @@ -660,56 +703,64 @@ class Template { $this->assign('execution_stats', $stats); */ } - function show_header_template() { + function show_header_template() + { $tpl = $this->get_template('layout/show_header.tpl'); $this->display($tpl); } - function show_footer_template() { + function show_footer_template() + { $tpl = $this->get_template('layout/show_footer.tpl'); $this->display($tpl); } /* Sets the plugin content in a template variable */ - function set_plugin_region($plugin_region) { + function set_plugin_region($plugin_region) + { if (!empty($plugin_region)) { $region_content = $this->plugin->load_region($plugin_region, $this, $this->force_plugin_load); if (!empty($region_content)) { - $this->assign('plugin_' . $plugin_region, $region_content); + $this->assign('plugin_'.$plugin_region, $region_content); } else { - $this->assign('plugin_' . $plugin_region, null); + $this->assign('plugin_'.$plugin_region, null); } } return null; } - public function fetch($template = null) { + public function fetch($template = null) + { $template = $this->app['twig']->loadTemplate($template); return $template->render(array()); } - public function assign($key, $value = null) { + public function assign($key, $value = null) + { $this->app['twig']->addGlobal($key, $value); } - public function display($template) { + public function display($template) + { echo $this->app['twig']->render($template); } - function show_page_loaded_info() { + function show_page_loaded_info() + { //@todo will be removed before a stable release $mtime = microtime(); - $mtime = explode(" ",$mtime); + $mtime = explode(" ", $mtime); $mtime = $mtime[1] + $mtime[0]; error_log('--------------------------------------------------------'); - error_log("Page loaded in:".($mtime-START)); + error_log("Page loaded in:".($mtime - START)); error_log("memory_get_usage: ".format_file_size(memory_get_usage(true))); error_log("memory_get_peak_usage: ".format_file_size(memory_get_peak_usage(true))); } - function return_menu() { - $navigation = $this->return_navigation_array(); - $navigation = $navigation['navigation']; + function return_menu() + { + $navigation = $this->return_navigation_array(); + $navigation = $navigation['navigation']; // Displaying the tabs @@ -736,7 +787,7 @@ class Template { $clean_url = replace_dangerous_char($url); $clean_url = str_replace('/', '-', $clean_url); $clean_url .= '/'; - $homep = api_get_path(SYS_PATH).'home/'.$clean_url; //homep for Home Path + $homep = api_get_path(SYS_PATH).'home/'.$clean_url; //homep for Home Path //we create the new dir for the new sites if (!is_dir($homep)) { mkdir($homep, api_get_permissions_for_new_directories()); @@ -746,7 +797,7 @@ class Template { $homep = api_get_path(SYS_PATH).'home/'; } - $ext = '.html'; + $ext = '.html'; $menutabs = 'home_tabs'; $home_top = ''; @@ -760,7 +811,7 @@ class Template { $home_top = api_to_system_encoding($home_top, api_detect_encoding(strip_tags($home_top))); - $open = str_replace('{rel_path}',api_get_path(REL_PATH), $home_top); + $open = str_replace('{rel_path}', api_get_path(REL_PATH), $home_top); $open = api_to_system_encoding($open, api_detect_encoding(strip_tags($open))); $lis = ''; @@ -768,7 +819,7 @@ class Template { if (!empty($open)) { if (strpos($open, 'show_menu') === false) { if (api_is_anonymous()) { - $navigation[SECTION_CAMPUS] = null; + $navigation[SECTION_CAMPUS] = null; } } else { //$lis .= Display::tag('li', $open); @@ -793,43 +844,46 @@ class Template { $menu = null; if (!empty($lis)) { - $menu .= $lis; + $menu .= $lis; } return $menu; } - function return_navigation_links() { - $html = ''; - - // Deleting the myprofile link. - if (api_get_setting('allow_social_tool') == 'true') { - unset($this->menu_navigation['myprofile']); - } - - // Main navigation section. - // Tabs that are deactivated are added here. - if (!empty($this->menu_navigation)) { - $content = ''; - $html = PageController::show_right_block(get_lang('MainNavigation'), $content, 'navigation_link_block'); - } - return $html; - } - - function render_layout($layout = null) { + function return_navigation_links() + { + $html = ''; + + // Deleting the myprofile link. + if (api_get_setting('allow_social_tool') == 'true') { + unset($this->menu_navigation['myprofile']); + } + + // Main navigation section. + // Tabs that are deactivated are added here. + if (!empty($this->menu_navigation)) { + $content = ''; + $html = PageController::show_right_block(get_lang('MainNavigation'), $content, 'navigation_link_block'); + } + return $html; + } + + function render_layout($layout = null) + { if (empty($layout)) { $layout = $this->app['default_layout']; } return $this->app['twig']->render($this->app['template_style'].'/layout/'.$layout); } - function render_template($template, $elements = array()) { + function render_template($template, $elements = array()) + { return $this->app['twig']->render($this->app['template_style'].'/'.$template, $elements); } @@ -842,7 +896,8 @@ class Template { * @return array containing all the possible tabs * @author Patrick Cool , Ghent University */ - function get_tabs() { + function get_tabs() + { global $_course; $navigation = array(); @@ -854,7 +909,7 @@ class Template { // My Courses - if(api_is_allowed_to_create_course()) { + if (api_is_allowed_to_create_course()) { // Link to my courses for teachers $navigation['mycourses']['url'] = api_get_path(WEB_PATH).'user_portal.php?nosession=true'; $navigation['mycourses']['title'] = get_lang('MyCourses'); @@ -865,7 +920,9 @@ class Template { } // My Profile - $navigation['myprofile']['url'] = api_get_path(WEB_CODE_PATH).'auth/profile.php'.(!empty($_course['path']) ? '?coursePath='.$_course['path'].'&courseCode='.$_course['official_code'] : '' ); + $navigation['myprofile']['url'] = api_get_path( + WEB_CODE_PATH + ).'auth/profile.php'.(!empty($_course['path']) ? '?coursePath='.$_course['path'].'&courseCode='.$_course['official_code'] : ''); $navigation['myprofile']['title'] = get_lang('ModifyProfile'); // Link to my agenda @@ -874,7 +931,9 @@ class Template { // Gradebook if (api_get_setting('gradebook_enable') == 'true') { - $navigation['mygradebook']['url'] = api_get_path(WEB_CODE_PATH).'gradebook/gradebook.php'.(!empty($_course['path']) ? '?coursePath='.$_course['path'].'&courseCode='.$_course['official_code'] : '' ); + $navigation['mygradebook']['url'] = api_get_path( + WEB_CODE_PATH + ).'gradebook/gradebook.php'.(!empty($_course['path']) ? '?coursePath='.$_course['path'].'&courseCode='.$_course['official_code'] : ''); $navigation['mygradebook']['title'] = get_lang('MyGradebook'); } @@ -890,9 +949,8 @@ class Template { } - // Social - if (api_get_setting('allow_social_tool')=='true') { + if (api_get_setting('allow_social_tool') == 'true') { $navigation['social']['url'] = api_get_path(WEB_CODE_PATH).'social/home.php'; /* // get count unread message and total invitations @@ -923,11 +981,12 @@ class Template { }*/ // Custom tabs - for ($i = 1; $i<=3; $i++) + for ($i = 1; $i <= 3; $i++) { if (api_get_setting('custom_tab_'.$i.'_name') && api_get_setting('custom_tab_'.$i.'_url')) { $navigation['custom_tab_'.$i]['url'] = api_get_setting('custom_tab_'.$i.'_url'); $navigation['custom_tab_'.$i]['title'] = api_get_setting('custom_tab_'.$i.'_name'); } + } // Platform administration if (api_is_platform_admin(true)) { @@ -937,7 +996,8 @@ class Template { return $navigation; } - function return_logo($theme) { + function return_logo($theme) + { $_course = api_get_course_info(); $html = ''; $logo = api_get_path(SYS_CODE_PATH).'css/'.$theme.'/images/header-logo.png'; @@ -946,13 +1006,13 @@ class Template { if (file_exists($logo)) { $site_name = api_get_setting('Institution').' - '.$site_name; $html .= ''; } else { $html .= ''.$site_name.''; - $iurl = api_get_setting('InstitutionUrl'); + $iurl = api_get_setting('InstitutionUrl'); $iname = api_get_setting('Institution'); if (!empty($iname)) { @@ -971,78 +1031,121 @@ class Template { } } - /* // Course title section - if (!empty($_cid) and $_cid != -1 and isset($_course)) { - //Put the name of the course in the header - $html .= '
    '; - $html .= '
    '; - } elseif (isset($nameTools) && $language_file != 'course_home') { - //Put the name of the user-tools in the header - if (!isset($user_id)) { - //echo '
    '; - } elseif (!$noPHP_SELF) { - $html .= ''; - } else { - $html .= '
    '.$nameTools.'
    '; - } - }*/ + /* // Course title section + if (!empty($_cid) and $_cid != -1 and isset($_course)) { + //Put the name of the course in the header + $html .= '
    '; + $html .= '
    '; + } elseif (isset($nameTools) && $language_file != 'course_home') { + //Put the name of the user-tools in the header + if (!isset($user_id)) { + //echo '
    '; + } elseif (!$noPHP_SELF) { + $html .= ''; + } else { + $html .= '
    '.$nameTools.'
    '; + } + }*/ return $html; } - function return_notification_menu() { + function return_notification_menu() + { - $_course = api_get_course_info(); - $course_id = api_get_course_id(); - $user_id = api_get_user_id(); + $_course = api_get_course_info(); + $course_id = api_get_course_id(); + $user_id = api_get_user_id(); $html = ''; - if ((api_get_setting('showonline', 'world') == 'true' AND !$user_id) OR (api_get_setting('showonline', 'users') == 'true' AND $user_id) OR (api_get_setting('showonline', 'course') == 'true' AND $user_id AND $course_id)) { + if ((api_get_setting('showonline', 'world') == 'true' AND !$user_id) OR (api_get_setting( + 'showonline', + 'users' + ) == 'true' AND $user_id) OR (api_get_setting('showonline', 'course') == 'true' AND $user_id AND $course_id) + ) { $number = who_is_online_count(api_get_setting('time_limit_whosonline')); $number_online_in_course = 0; - if(!empty($_course['id'])) { - $number_online_in_course = who_is_online_in_this_course_count($user_id, api_get_setting('time_limit_whosonline'), $_course['id']); + if (!empty($_course['id'])) { + $number_online_in_course = who_is_online_in_this_course_count( + $user_id, + api_get_setting('time_limit_whosonline'), + $_course['id'] + ); } // Display the who's online of the platform if ($number) { - if ((api_get_setting('showonline', 'world') == 'true' AND !$user_id) OR (api_get_setting('showonline', 'users') == 'true' AND $user_id)) { - $html .= '
  • '. - Display::return_icon('user.png', get_lang('UsersOnline'), array(), ICON_SIZE_TINY).' '.$number.'
  • '; + if ((api_get_setting('showonline', 'world') == 'true' AND !$user_id) OR (api_get_setting( + 'showonline', + 'users' + ) == 'true' AND $user_id) + ) { + $html .= '
  • '. + Display::return_icon( + 'user.png', + get_lang('UsersOnline'), + array(), + ICON_SIZE_TINY + ).' '.$number.'
  • '; } } // Display the who's online for the course if ($number_online_in_course) { - if (is_array($_course) AND api_get_setting('showonline', 'course') == 'true' AND isset($_course['sysCode'])) { - $html .= '
  • '. - Display::return_icon('course.png', get_lang('UsersOnline').' '.get_lang('InThisCourse'), array(), ICON_SIZE_TINY).' '.$number_online_in_course.'
  • '; + if (is_array($_course) AND api_get_setting( + 'showonline', + 'course' + ) == 'true' AND isset($_course['sysCode']) + ) { + $html .= '
  • '. + Display::return_icon( + 'course.png', + get_lang('UsersOnline').' '.get_lang('InThisCourse'), + array(), + ICON_SIZE_TINY + ).' '.$number_online_in_course.'
  • '; } } // Display the who's online for the session if (isset($user_id) && api_get_session_id() != 0) { if (api_is_allowed_to_edit()) { - $html .= '
  • '. - Display::return_icon('session.png', get_lang('UsersConnectedToMySessions'), array(), ICON_SIZE_TINY).'
  • '; + $html .= '
  • '. + Display::return_icon( + 'session.png', + get_lang('UsersConnectedToMySessions'), + array(), + ICON_SIZE_TINY + ).'
  • '; } } } if (api_get_setting('accessibility_font_resize') == 'true') { $html .= '
  • '; - $html .= 'A A A'; + $html .= 'A A A'; $html .= '
  • '; } return $html; } - function return_navigation_array() { + function return_navigation_array() + { - $navigation = array(); - $menu_navigation = array(); - $possible_tabs = $this->get_tabs(); + $navigation = array(); + $menu_navigation = array(); + $possible_tabs = $this->get_tabs(); // Campus Homepage if (api_get_setting('show_tabs', 'campus_homepage') == 'true') { @@ -1061,7 +1164,10 @@ class Template { } // My Profile - if (api_get_setting('show_tabs', 'my_profile') == 'true' && api_get_setting('allow_social_tool') != 'true') { + if (api_get_setting('show_tabs', 'my_profile') == 'true' && api_get_setting( + 'allow_social_tool' + ) != 'true' + ) { $navigation['myprofile'] = $possible_tabs['myprofile']; } else { $menu_navigation['myprofile'] = $possible_tabs['myprofile']; @@ -1078,7 +1184,7 @@ class Template { if (api_get_setting('gradebook_enable') == 'true') { if (api_get_setting('show_tabs', 'my_gradebook') == 'true') { $navigation['mygradebook'] = $possible_tabs['mygradebook']; - } else{ + } else { $menu_navigation['mygradebook'] = $possible_tabs['mygradebook']; } } @@ -1103,7 +1209,7 @@ class Template { if (api_get_setting('allow_social_tool') == 'true') { $navigation['social'] = $possible_tabs['social']; } - } else{ + } else { $menu_navigation['social'] = isset($possible_tabs['social']) ? $possible_tabs['social'] : null; } @@ -1112,7 +1218,7 @@ class Template { if (api_is_platform_admin() || api_is_drh() || api_is_session_admin()) { $navigation['dashboard'] = $possible_tabs['dashboard']; } - } else{ + } else { $menu_navigation['dashboard'] = isset($possible_tabs['dashboard']) ? $possible_tabs['dashboard'] : null; } @@ -1128,7 +1234,10 @@ class Template { // Reports if (!empty($possible_tabs['reports'])) { if (api_get_setting('show_tabs', 'reports') == 'true') { - if ((api_is_platform_admin() || api_is_drh() || api_is_session_admin()) && Rights::hasRight('show_tabs:reports')) { + if ((api_is_platform_admin() || api_is_drh() || api_is_session_admin()) && Rights::hasRight( + 'show_tabs:reports' + ) + ) { $navigation['reports'] = $possible_tabs['reports']; } } else { @@ -1137,7 +1246,7 @@ class Template { } // Custom tabs - for ($i=1;$i<=3;$i++) + for ($i = 1; $i <= 3; $i++) { if (api_get_setting('show_tabs', 'custom_tab_'.$i) == 'true') { $navigation['custom_tab_'.$i] = $possible_tabs['custom_tab_'.$i]; } else { @@ -1145,18 +1254,24 @@ class Template { $menu_navigation['custom_tab_'.$i] = $possible_tabs['custom_tab_'.$i]; } } + } } - $return = array('menu_navigation' => $menu_navigation, 'navigation' => $navigation, 'possible_tabs' => $possible_tabs); + $return = array( + 'menu_navigation' => $menu_navigation, + 'navigation' => $navigation, + 'possible_tabs' => $possible_tabs + ); return $return; } - function return_breadcrumb($interbreadcrumb, $language_file, $nameTools) { + function return_breadcrumb($interbreadcrumb, $language_file, $nameTools) + { - $session_id = api_get_session_id(); - $session_name = api_get_session_name($session_id); - $_course = api_get_course_info(); - $user_id = api_get_user_id(); - $course_id = api_get_course_id(); + $session_id = api_get_session_id(); + $session_name = api_get_session_name($session_id); + $_course = api_get_course_info(); + $user_id = api_get_user_id(); + $course_id = api_get_course_id(); /* Plugins for banner section */ @@ -1172,24 +1287,39 @@ class Template { if (!empty($_course) && !isset($_GET['hide_course_breadcrumb'])) { - $navigation_item['url'] = $web_course_path . $_course['path'].'/index.php'.(!empty($session_id) ? '?id_session='.$session_id : ''); + $navigation_item['url'] = $web_course_path.$_course['path'].'/index.php'.(!empty($session_id) ? '?id_session='.$session_id : ''); $course_title = cut($_course['name'], MAX_LENGTH_BREADCRUMB); switch (api_get_setting('breadcrumbs_course_homepage')) { case 'get_lang': - $navigation_item['title'] = Display::img(api_get_path(WEB_CSS_PATH).'home.png', get_lang('CourseHomepageLink')).' '.get_lang('CourseHomepageLink'); + $navigation_item['title'] = Display::img( + api_get_path(WEB_CSS_PATH).'home.png', + get_lang('CourseHomepageLink') + ).' '.get_lang('CourseHomepageLink'); break; case 'course_code': - $navigation_item['title'] = Display::img(api_get_path(WEB_CSS_PATH).'home.png', $_course['official_code']).' '.$_course['official_code']; + $navigation_item['title'] = Display::img( + api_get_path(WEB_CSS_PATH).'home.png', + $_course['official_code'] + ).' '.$_course['official_code']; break; case 'session_name_and_course_title': - $navigation_item['title'] = Display::img(api_get_path(WEB_CSS_PATH).'home.png', $_course['name'].$my_session_name).' '.$course_title.$my_session_name; + $navigation_item['title'] = Display::img( + api_get_path(WEB_CSS_PATH).'home.png', + $_course['name'].$my_session_name + ).' '.$course_title.$my_session_name; break; default: - if (api_get_session_id() != -1 ) { - $navigation_item['title'] = Display::img(api_get_path(WEB_CSS_PATH).'home.png', $_course['name'].$my_session_name).' '.$course_title.$my_session_name; + if (api_get_session_id() != -1) { + $navigation_item['title'] = Display::img( + api_get_path(WEB_CSS_PATH).'home.png', + $_course['name'].$my_session_name + ).' '.$course_title.$my_session_name; } else { - $navigation_item['title'] = Display::img(api_get_path(WEB_CSS_PATH).'home.png', $_course['name']).' '.$course_title; + $navigation_item['title'] = Display::img( + api_get_path(WEB_CSS_PATH).'home.png', + $_course['name'] + ).' '.$course_title; } break; } @@ -1198,7 +1328,7 @@ class Template { $navigation_item_my_courses['title'] = get_lang('MyCourses'); $navigation_item_my_courses['url'] = api_get_path(WEB_PATH).'user_portal.php'; $navigation[] = $navigation_item_my_courses; - */ + */ $navigation[] = $navigation_item; } @@ -1215,22 +1345,22 @@ class Template { // titles for shared folders if ($breadcrumb_step['name'] == 'shared_folder') { $navigation_item['title'] = get_lang('UserFolders'); - } elseif(strstr($breadcrumb_step['name'], 'shared_folder_session_')) { + } elseif (strstr($breadcrumb_step['name'], 'shared_folder_session_')) { $navigation_item['title'] = get_lang('UserFolders'); - } elseif(strstr($breadcrumb_step['name'], 'sf_user_')) { + } elseif (strstr($breadcrumb_step['name'], 'sf_user_')) { $userinfo = Database::get_user_info_from_id(substr($breadcrumb_step['name'], 8)); $navigation_item['title'] = api_get_person_name($userinfo['firstname'], $userinfo['lastname']); - } elseif($breadcrumb_step['name'] == 'chat_files') { + } elseif ($breadcrumb_step['name'] == 'chat_files') { $navigation_item['title'] = get_lang('ChatFiles'); - } elseif($breadcrumb_step['name'] == 'images') { + } elseif ($breadcrumb_step['name'] == 'images') { $navigation_item['title'] = get_lang('Images'); - } elseif($breadcrumb_step['name'] == 'video') { + } elseif ($breadcrumb_step['name'] == 'video') { $navigation_item['title'] = get_lang('Video'); - } elseif($breadcrumb_step['name'] == 'audio') { + } elseif ($breadcrumb_step['name'] == 'audio') { $navigation_item['title'] = get_lang('Audio'); - } elseif($breadcrumb_step['name'] == 'flash') { + } elseif ($breadcrumb_step['name'] == 'flash') { $navigation_item['title'] = get_lang('Flash'); - } elseif($breadcrumb_step['name'] == 'gallery') { + } elseif ($breadcrumb_step['name'] == 'gallery') { $navigation_item['title'] = get_lang('Gallery'); } //Fixes breadcrumb title now we applied the Security::remove_XSS and we cut the string depending of the MAX_LENGTH_BREADCRUMB value @@ -1270,7 +1400,10 @@ class Template { /* Part 4 . Show the teacher view/student view button at the right of the breadcrumb */ $view_as_student_link = null; if ($user_id && isset($course_id)) { - if ((api_is_course_admin() || api_is_platform_admin()) && api_get_setting('student_view_enabled') == 'true') { + if ((api_is_course_admin() || api_is_platform_admin()) && api_get_setting( + 'student_view_enabled' + ) == 'true' + ) { $view_as_student_link = api_display_tool_view_option(); } } @@ -1286,34 +1419,38 @@ class Template { // $home_link.= '/'; if (!empty($home_link)) { - $lis.= Display::tag('li', $home_link); + $lis .= Display::tag('li', $home_link); } foreach ($final_navigation as $bread) { $bread_check = trim(strip_tags($bread)); if (!empty($bread_check)) { - if ($final_navigation_count-1 > $i) { + if ($final_navigation_count - 1 > $i) { $bread .= '/'; } - $lis.= Display::tag('li', $bread); + $lis .= Display::tag('li', $bread); $i++; } } } else { if (!empty($home_link)) { - $lis.= Display::tag('li', $home_link); + $lis .= Display::tag('li', $home_link); } } // View as student/teacher link if (!empty($view_as_student_link)) { - $lis.= Display::tag('li', $view_as_student_link, array('id' => 'view_as_link','class' => 'pull-right')); + $lis .= Display::tag( + 'li', + $view_as_student_link, + array('id' => 'view_as_link', 'class' => 'pull-right') + ); } if (!empty($lis)) { - $html .= Display::tag('ul', $lis, array('class'=>'breadcrumb')); + $html .= Display::tag('ul', $lis, array('class' => 'breadcrumb')); } } - return $html ; + return $html; } } \ No newline at end of file