Yannick Warnier
10 years ago
commit
4f3e9d59a7
@ -0,0 +1,261 @@ |
||||
/*! |
||||
* Bootstrap-select v1.7.2 (http://silviomoreto.github.io/bootstrap-select) |
||||
* |
||||
*/ |
||||
|
||||
.bootstrap-select { |
||||
width: 220px \0; |
||||
/*IE9 and below*/ |
||||
} |
||||
.bootstrap-select > .dropdown-toggle { |
||||
width: 100%; |
||||
padding-right: 25px; |
||||
} |
||||
.has-error .bootstrap-select .dropdown-toggle, |
||||
.error .bootstrap-select .dropdown-toggle { |
||||
border-color: #b94a48; |
||||
} |
||||
.bootstrap-select.fit-width { |
||||
width: auto !important; |
||||
} |
||||
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { |
||||
width: 220px; |
||||
} |
||||
.bootstrap-select .dropdown-toggle:focus { |
||||
outline: thin dotted #333333 !important; |
||||
outline: 5px auto -webkit-focus-ring-color !important; |
||||
outline-offset: -2px; |
||||
} |
||||
.bootstrap-select.form-control { |
||||
margin-bottom: 0; |
||||
padding: 0; |
||||
border: none; |
||||
} |
||||
.bootstrap-select.form-control:not([class*="col-"]) { |
||||
width: 100%; |
||||
} |
||||
.bootstrap-select.form-control.input-group-btn { |
||||
z-index: auto; |
||||
} |
||||
.bootstrap-select.btn-group:not(.input-group-btn), |
||||
.bootstrap-select.btn-group[class*="col-"] { |
||||
float: none; |
||||
display: inline-block; |
||||
margin-left: 0; |
||||
} |
||||
.bootstrap-select.btn-group.dropdown-menu-right, |
||||
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, |
||||
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { |
||||
float: right; |
||||
} |
||||
.form-inline .bootstrap-select.btn-group, |
||||
.form-horizontal .bootstrap-select.btn-group, |
||||
.form-group .bootstrap-select.btn-group { |
||||
margin-bottom: 0; |
||||
} |
||||
.form-group-lg .bootstrap-select.btn-group.form-control, |
||||
.form-group-sm .bootstrap-select.btn-group.form-control { |
||||
padding: 0; |
||||
} |
||||
.form-inline .bootstrap-select.btn-group .form-control { |
||||
width: 100%; |
||||
} |
||||
.bootstrap-select.btn-group.disabled, |
||||
.bootstrap-select.btn-group > .disabled { |
||||
cursor: not-allowed; |
||||
} |
||||
.bootstrap-select.btn-group.disabled:focus, |
||||
.bootstrap-select.btn-group > .disabled:focus { |
||||
outline: none !important; |
||||
} |
||||
.bootstrap-select.btn-group .dropdown-toggle .filter-option { |
||||
display: inline-block; |
||||
overflow: hidden; |
||||
width: 100%; |
||||
text-align: left; |
||||
} |
||||
.bootstrap-select.btn-group .dropdown-toggle .caret { |
||||
position: absolute; |
||||
top: 50%; |
||||
right: 12px; |
||||
margin-top: -2px; |
||||
vertical-align: middle; |
||||
} |
||||
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { |
||||
width: 100%; |
||||
} |
||||
.bootstrap-select.btn-group .dropdown-menu { |
||||
min-width: 100%; |
||||
z-index: 1035; |
||||
-webkit-box-sizing: border-box; |
||||
-moz-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
} |
||||
.bootstrap-select.btn-group .dropdown-menu.inner { |
||||
position: static; |
||||
float: none; |
||||
border: 0; |
||||
padding: 0; |
||||
margin: 0; |
||||
border-radius: 0; |
||||
-webkit-box-shadow: none; |
||||
box-shadow: none; |
||||
} |
||||
.bootstrap-select.btn-group .dropdown-menu li { |
||||
position: relative; |
||||
} |
||||
.bootstrap-select.btn-group .dropdown-menu li.active small { |
||||
color: #fff; |
||||
} |
||||
.bootstrap-select.btn-group .dropdown-menu li.disabled a { |
||||
cursor: not-allowed; |
||||
} |
||||
.bootstrap-select.btn-group .dropdown-menu li a { |
||||
cursor: pointer; |
||||
} |
||||
.bootstrap-select.btn-group .dropdown-menu li a.opt { |
||||
position: relative; |
||||
padding-left: 2.25em; |
||||
} |
||||
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark { |
||||
display: none; |
||||
} |
||||
.bootstrap-select.btn-group .dropdown-menu li a span.text { |
||||
display: inline-block; |
||||
} |
||||
.bootstrap-select.btn-group .dropdown-menu li small { |
||||
padding-left: 0.5em; |
||||
} |
||||
.bootstrap-select.btn-group .dropdown-menu .notify { |
||||
position: absolute; |
||||
bottom: 5px; |
||||
width: 96%; |
||||
margin: 0 2%; |
||||
min-height: 26px; |
||||
padding: 3px 5px; |
||||
background: #f5f5f5; |
||||
border: 1px solid #e3e3e3; |
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); |
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); |
||||
pointer-events: none; |
||||
opacity: 0.9; |
||||
-webkit-box-sizing: border-box; |
||||
-moz-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
} |
||||
.bootstrap-select.btn-group .no-results { |
||||
padding: 3px; |
||||
background: #f5f5f5; |
||||
margin: 0 5px; |
||||
white-space: nowrap; |
||||
} |
||||
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { |
||||
position: static; |
||||
} |
||||
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { |
||||
position: static; |
||||
top: auto; |
||||
margin-top: -1px; |
||||
} |
||||
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { |
||||
position: absolute; |
||||
display: inline-block; |
||||
right: 15px; |
||||
margin-top: 5px; |
||||
} |
||||
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { |
||||
margin-right: 34px; |
||||
} |
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle { |
||||
z-index: 1036; |
||||
} |
||||
.bootstrap-select.show-menu-arrow .dropdown-toggle:before { |
||||
content: ''; |
||||
border-left: 7px solid transparent; |
||||
border-right: 7px solid transparent; |
||||
border-bottom: 7px solid rgba(204, 204, 204, 0.2); |
||||
position: absolute; |
||||
bottom: -4px; |
||||
left: 9px; |
||||
display: none; |
||||
} |
||||
.bootstrap-select.show-menu-arrow .dropdown-toggle:after { |
||||
content: ''; |
||||
border-left: 6px solid transparent; |
||||
border-right: 6px solid transparent; |
||||
border-bottom: 6px solid white; |
||||
position: absolute; |
||||
bottom: -4px; |
||||
left: 10px; |
||||
display: none; |
||||
} |
||||
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { |
||||
bottom: auto; |
||||
top: -3px; |
||||
border-top: 7px solid rgba(204, 204, 204, 0.2); |
||||
border-bottom: 0; |
||||
} |
||||
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { |
||||
bottom: auto; |
||||
top: -3px; |
||||
border-top: 6px solid white; |
||||
border-bottom: 0; |
||||
} |
||||
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { |
||||
right: 12px; |
||||
left: auto; |
||||
} |
||||
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { |
||||
right: 13px; |
||||
left: auto; |
||||
} |
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, |
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { |
||||
display: block; |
||||
} |
||||
.bs-searchbox, |
||||
.bs-actionsbox, |
||||
.bs-donebutton { |
||||
padding: 4px 8px; |
||||
} |
||||
.bs-actionsbox { |
||||
float: left; |
||||
width: 100%; |
||||
-webkit-box-sizing: border-box; |
||||
-moz-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
} |
||||
.bs-actionsbox .btn-group button { |
||||
width: 50%; |
||||
} |
||||
.bs-donebutton { |
||||
float: left; |
||||
width: 100%; |
||||
-webkit-box-sizing: border-box; |
||||
-moz-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
} |
||||
.bs-donebutton .btn-group button { |
||||
width: 100%; |
||||
} |
||||
.bs-searchbox + .bs-actionsbox { |
||||
padding: 0 8px 4px; |
||||
} |
||||
.bs-searchbox .form-control { |
||||
margin-bottom: 0; |
||||
width: 100%; |
||||
} |
||||
select.bs-select-hidden, |
||||
select.selectpicker { |
||||
display: none !important; |
||||
} |
||||
select.mobile-device { |
||||
position: absolute !important; |
||||
top: 0; |
||||
left: 0; |
||||
display: block !important; |
||||
width: 100%; |
||||
height: 100% !important; |
||||
opacity: 0; |
||||
} |
||||
/*# sourceMappingURL=bootstrap-select.css.map */ |
||||
@ -0,0 +1,255 @@ |
||||
/*! |
||||
* CSS BEACH - Default v. 1.0 |
||||
* Copyright 2015 Alex Aragón (aragonc@beeznest.com) |
||||
* Licensed GPL |
||||
* Based on Bootstrap |
||||
*/ |
||||
@font-face { |
||||
font-family: 'Open Sans'; |
||||
font-style: normal; |
||||
font-weight: 300; |
||||
src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/OpenSans-Light.woff2) format('woff2'), url(fonts/OpenSans-Light.woff) format('woff'); |
||||
} |
||||
@font-face { |
||||
font-family: 'Open Sans'; |
||||
font-style: normal; |
||||
font-weight: 400; |
||||
src: local('Open Sans'), local('OpenSans'), url(fonts/OpenSans.woff2) format('woff2'), url(fonts/OpenSans.woff) format('woff'); |
||||
} |
||||
@font-face { |
||||
font-family: 'Open Sans'; |
||||
font-style: normal; |
||||
font-weight: 600; |
||||
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/OpenSans-Semibold.woff2) format('woff2'), url(fonts/OpenSans-Semibold.woff) format('woff'); |
||||
} |
||||
@font-face { |
||||
font-family: 'Open Sans'; |
||||
font-style: normal; |
||||
font-weight: 700; |
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/OpenSans-Bold.woff2) format('woff2'), url(fonts/OpenSans-Bold.woff) format('woff'); |
||||
} |
||||
|
||||
|
||||
html { |
||||
-ms-text-size-adjust: 100%; |
||||
-webkit-text-size-adjust: 100%; |
||||
} |
||||
body { |
||||
margin: 0; |
||||
font-family: 'Open Sans', sans-serif; |
||||
line-height: 1.72222; |
||||
} |
||||
|
||||
a { |
||||
color: #2E75A3; |
||||
text-decoration: none; |
||||
-webkit-transition: .25s; |
||||
transition: .25s; |
||||
} |
||||
a:hover, |
||||
a:focus { |
||||
color: #1abc9c; |
||||
text-decoration: none; |
||||
} |
||||
header{ |
||||
background: url("images/bg-playa.png") repeat-x 0 -50px; |
||||
} |
||||
a:focus { |
||||
outline: none; |
||||
} |
||||
.navbar{ |
||||
border-radius: 0; |
||||
-moz-border-radius: 0; |
||||
-webkit-border-radius: 0; |
||||
} |
||||
.navbar { |
||||
background: #2E75A3; |
||||
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); |
||||
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); |
||||
} |
||||
.navbar-inverse{ |
||||
background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539); |
||||
background-image: -o-linear-gradient(#484e55, #3a3f44 60%, #313539); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3a3f44), to(#313539)); |
||||
background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); |
||||
background-repeat: no-repeat; |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0); |
||||
-webkit-filter: none; |
||||
filter: none; |
||||
border: 1px solid rgba(0, 0, 0, 0.6); |
||||
text-shadow: none; |
||||
} |
||||
.nav > li > a{ |
||||
padding: 10px 15px; |
||||
} |
||||
.navbar-nav > li > a{ |
||||
font-size: 14px; |
||||
font-weight: 600; |
||||
line-height: 25px; |
||||
padding-top: 12.5px; |
||||
padding-bottom: 12.5px; |
||||
} |
||||
.navbar-collapse{ |
||||
overflow: hidden !important; |
||||
} |
||||
.navbar-default .navbar-nav > li > a:focus, |
||||
.navbar-default .navbar-nav > li > a:hover { |
||||
color: #A4DC2D; |
||||
} |
||||
.navbar-default .navbar-nav > .active > a, |
||||
.navbar-default .navbar-nav > .active > a:hover, |
||||
.navbar-default .navbar-nav > .active > a:focus{ |
||||
color: #fff; |
||||
background-color:#F64D54; |
||||
} |
||||
.navbar-default .navbar-nav > li > a{ |
||||
color: #ffffff; |
||||
} |
||||
.navbar-default{ |
||||
border: none; |
||||
} |
||||
.navbar-default .navbar-nav > .open > a, |
||||
.navbar-default .navbar-nav > .open > a:hover, |
||||
.navbar-default .navbar-nav > .open > a:focus{ |
||||
background: #00677C; |
||||
color: #ffffff; |
||||
} |
||||
.navbar-nav > li > .dropdown-menu{ |
||||
min-width: 100%; |
||||
margin-top: 2px; |
||||
border-radius: 4px; |
||||
-webkit-border-radius: 4px; |
||||
-moz-border-radius: 4px; |
||||
} |
||||
.navbar-default .navbar-nav > .open > .dropdown-menu{ |
||||
padding: 3px 4px; |
||||
background-color: #00677C; |
||||
} |
||||
.navbar-default .navbar-nav > .open > .dropdown-menu > li > a{ |
||||
padding: 6px 9px; |
||||
border-radius: 4px; |
||||
-webkit-border-radius: 4px; |
||||
-moz-border-radius: 4px; |
||||
color: #ffffff !important; |
||||
} |
||||
.navbar-default .navbar-nav > .open > .dropdown-menu > li > a:hover, |
||||
.navbar-default .navbar-nav > .open > .dropdown-menu > li > a:focus{ |
||||
|
||||
background-color:#00829C; |
||||
} |
||||
.nav > li > a:hover, .nav > li > a:focus{ |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.navbar-inverse li a{ |
||||
line-height: 30px; |
||||
background: none !important; |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
padding-top: 5px; |
||||
padding-right: 10px; |
||||
padding-left: 10px; |
||||
padding-bottom: 5px; |
||||
} |
||||
.navbar-fixed-top .navbar-collapse{ |
||||
min-height:auto; |
||||
} |
||||
.navbar-inverse .navbar-brand{ |
||||
padding: 10px; |
||||
font-size: 14px; |
||||
height: auto; |
||||
} |
||||
.navbar-form .form-control{ |
||||
height: 25px; |
||||
padding: 6px; |
||||
} |
||||
.navbar-fixed-top{ |
||||
min-height: 40px; |
||||
} |
||||
.navbar-fixed-top .dropdown-menu li a{ |
||||
line-height: 20px; |
||||
} |
||||
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus{ |
||||
color: #ffffff; |
||||
} |
||||
.navbar-inverse li a:hover { |
||||
background-image: -webkit-linear-gradient(#020202, #101112 40%, #191b1d) !important; |
||||
background-image: -o-linear-gradient(#020202, #101112 40%, #191b1d) !important; |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#020202), color-stop(40%, #101112), to(#191b1d)) !important; |
||||
background-image: linear-gradient(#020202, #101112 40%, #191b1d) !important; |
||||
background-repeat: no-repeat !important; |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff020202', endColorstr='#ff191b1d', GradientType=0) !important; |
||||
-webkit-filter: none !important; |
||||
filter: none !important; |
||||
border-left-color: transparent !important; |
||||
} |
||||
.navbar-inverse .dropdown-menu li a:hover, |
||||
.navbar-inverse .dropdown-menu li a:focus{ |
||||
background:#3C4147 !important; |
||||
color: #fff; |
||||
} |
||||
|
||||
.badge-warning{ |
||||
background-color: #FD6600; |
||||
} |
||||
.breadcrumb{ |
||||
padding: 8px 15px; |
||||
margin-bottom: 21px; |
||||
list-style: outside none none; |
||||
background-color: #ECF0F1; |
||||
} |
||||
.breadcrumb > .active{ |
||||
color: #95a5a6; |
||||
} |
||||
.panel-default{ |
||||
border-color: #ECF0F1; |
||||
} |
||||
.panel-default .panel-heading{ |
||||
color: #2c3e50; |
||||
background-color:#ECF0F1; |
||||
border-color: #ECF0F1; |
||||
} |
||||
/* Jquery UI */ |
||||
.ui-accordion .ui-accordion-icons{ |
||||
padding-left: 0.2em; |
||||
} |
||||
.ui-state-default, |
||||
.ui-widget-content .ui-state-default, |
||||
.ui-widget-header .ui-state-default{ |
||||
background: #ECF0F1; |
||||
border-color: #ECF0F1; |
||||
} |
||||
/* End Jquery UI */ |
||||
footer{ |
||||
background-color:#181D20; |
||||
border-bottom: 1px solid #181D20; |
||||
-webkit-filter: none; |
||||
filter: none; |
||||
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); |
||||
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); |
||||
} |
||||
footer{ |
||||
color: #ffffff; |
||||
} |
||||
footer a{ |
||||
color: #ffffff; |
||||
} |
||||
|
||||
.navbar-default .navbar-brand { |
||||
color:white; |
||||
} |
||||
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ |
||||
border-color: #00677C; |
||||
} |
||||
.navbar-default .navbar-toggle{ |
||||
border-color: #00677C; |
||||
} |
||||
.navbar-default .navbar-toggle .icon-bar{ |
||||
background-color: #ffffff; |
||||
} |
||||
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ |
||||
background-color: #00677C; |
||||
} |
||||
.page-header{ |
||||
margin: 10px 0 10px; |
||||
} |
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,989 @@ |
||||
body { |
||||
font-family: verdana, arial, helvetica, sans-serif; |
||||
font-size: 12px; |
||||
color: #000; |
||||
margin: 10px; |
||||
padding: 0; |
||||
background-color: #fff; |
||||
} |
||||
img { |
||||
border: none; |
||||
} |
||||
#outerframe { |
||||
position: relative; /* do not remove, fixes a bug in IE */ |
||||
border: 1px solid #fff; |
||||
background-color: #fff; |
||||
} |
||||
/* Hides from IE5-mac \*/ |
||||
* html #outerframe { |
||||
height: 1%; |
||||
} |
||||
/* End hide from IE5-mac */ |
||||
|
||||
/***************************************************** |
||||
* HEADER STYLES * |
||||
*****************************************************/ |
||||
#header { |
||||
width: 100%; |
||||
padding: 0; |
||||
margin: 0; |
||||
} |
||||
/* Header 1: Containing title, portal and organization */ |
||||
#header1 { |
||||
font-size: 12px; |
||||
padding: 4px; |
||||
background-color: #264269; |
||||
color: #fff; |
||||
border-bottom: 1px solid white; |
||||
} |
||||
#header1 a { |
||||
color: #ffffff; |
||||
text-decoration: none; |
||||
} |
||||
#header1 a:hover { |
||||
text-decoration: underline; |
||||
} |
||||
#sitename { |
||||
margin: 0; |
||||
font-weight: bold; |
||||
} |
||||
#institution { |
||||
float: left; |
||||
font-weight: bold; |
||||
} |
||||
#my_courses { |
||||
float: right; |
||||
font-weight: bold; |
||||
} |
||||
#logout { |
||||
float: right; |
||||
width:20%; |
||||
text-align:right; |
||||
} |
||||
|
||||
/* The tool shortcuts */ |
||||
#toolshortcuts { |
||||
text-align: right; |
||||
} |
||||
/***************************************************** |
||||
* FOOTER STYLES * |
||||
*****************************************************/ |
||||
#footer { |
||||
padding: 8px; |
||||
border-top: 1px solid #4171B5; |
||||
background-color: #E5EDF9; |
||||
font-size: 12px; |
||||
} |
||||
#footer .copyright { |
||||
float: right; |
||||
} |
||||
/***************************************************** |
||||
* MAIN STYLES * |
||||
*****************************************************/ |
||||
#main { |
||||
position: relative; /* to avoid the IE peekabo bug*/ |
||||
margin: 0px auto; |
||||
margin-top: 10px; |
||||
width: 98%; |
||||
padding: 0px 10px 10px 10px; |
||||
background-color: #fff; |
||||
min-height: 320px; |
||||
} |
||||
/* for content section in main index.php file */ |
||||
.maincontent { |
||||
float: left; |
||||
width: 78%; |
||||
padding: 4px; |
||||
background-color: #fff; |
||||
} |
||||
/* "menu" classes for menu/navigation section in main index.php */ |
||||
.menu { |
||||
float: right; |
||||
width: 20%; |
||||
padding: 0 0 6px 0; |
||||
background-color: #E5EDF9; |
||||
border: 1px solid #4171B5; |
||||
} |
||||
.menucaption { |
||||
font-size: 12px; |
||||
font-weight: bold; |
||||
padding-left: 12px; |
||||
} |
||||
.menusection { |
||||
width: auto; |
||||
margin: 24px 6px 0 6px; |
||||
padding-left: 10px; |
||||
border: 1px solid #4171B5; |
||||
} |
||||
.menusectioncaption { |
||||
position: relative; |
||||
top: -9px; |
||||
background-color: #E5EDF9; |
||||
font-size: 12px; |
||||
padding: 0 8px 0 4px; |
||||
} |
||||
.menulist { |
||||
list-style: none; |
||||
margin: 0 0 12px 0; |
||||
padding: 0; |
||||
} |
||||
#lang_form { |
||||
text-align: left; |
||||
font-size: 12px; |
||||
margin: 2px 0 10px 0; |
||||
padding: 2px; |
||||
} |
||||
#lang_form input, #lang_form select { |
||||
font-size: 12px; |
||||
} |
||||
#loginform label { |
||||
font-size: 12px; |
||||
margin: 4px 6px; |
||||
} |
||||
#loginform input { |
||||
display: block; |
||||
font-size: 13px; |
||||
margin: 4px 6px; |
||||
} |
||||
#login_fail { |
||||
margin: 0 6px 6px 6px; |
||||
padding: 4px; |
||||
border: 1px solid #f00; |
||||
background-color: #fff; |
||||
font-size: 12px; |
||||
color: #f00; |
||||
} |
||||
/*** layout divs for course and tool pages (being tested in some pages) ****/ |
||||
#contentfloatholder {/* also makes the right "sliding" tab */ |
||||
/*background: url(../pics/sidebar-r.gif) repeat-y 100% 0; |
||||
background: url(../pics/bg_fountain.jpg) no-repeat 100% 0; */ |
||||
float: left; |
||||
width: 100%; |
||||
position: relative; |
||||
} |
||||
#contentfloatholder:after { |
||||
/* this is for NN6 to clear floats */ |
||||
content: "."; |
||||
display: block; |
||||
height: 0px; |
||||
clear: both; |
||||
visibility: hidden; |
||||
} |
||||
#centerwrap { |
||||
float: left; |
||||
width: 100%; |
||||
margin-right: -95%;/* this needs to be less than 100% for Moz/Mac which thinks |
||||
it's empty otherwise. The difference is made up by putting a |
||||
negative left margin on the left float: |
||||
Note IE/Mac doesn't like this method ~ it wants the 100% so it can |
||||
be fed in using IE only CSS below becasue IE/Win also works with the 100% method. |
||||
*/ |
||||
} |
||||
#center { |
||||
margin: 0 0 0 180px; |
||||
padding: 10px 0 40px 0; |
||||
min-height: 300px; |
||||
} |
||||
#left { |
||||
float: left; |
||||
width: 180px; |
||||
padding: 20px 0 0 0; |
||||
margin-left: -5%; /* the difference to make the left colum appear flush left */ |
||||
} |
||||
/* --- left navigation box menu as a definition list --- */ |
||||
#leftnavbox { |
||||
margin: 0; |
||||
padding: 0; |
||||
float:left; |
||||
} |
||||
#leftnavbox dl { |
||||
width: 160px; |
||||
margin: 12px auto 4px auto; |
||||
padding: 0 0 10px 0; |
||||
background: transparent; |
||||
font-size: 12px; |
||||
text-align: center; |
||||
} |
||||
#leftnavbox dt { |
||||
margin: 0; |
||||
padding: 1px 2px; |
||||
font-weight: bold; |
||||
font-size: 12px; |
||||
text-align: center; |
||||
color: #000; |
||||
border-bottom: 1px solid #fff; |
||||
background: transparent; |
||||
} |
||||
#leftnavbox dd { |
||||
margin: 0; |
||||
padding: 0; |
||||
color: #009; |
||||
text-align: left; |
||||
border-bottom:1px solid #fff; |
||||
background: #ccf; |
||||
} |
||||
#leftnavlist a, #leftnavlist a:link { |
||||
display: block; |
||||
color: #fff; |
||||
text-decoration: none; |
||||
padding: 2px 5px 2px 10px; |
||||
background: #4171B5; |
||||
width:140px; |
||||
border: 1px solid #009; |
||||
} |
||||
#leftnavlist a:visited { |
||||
color:#eee; |
||||
text-decoration: none; |
||||
display: block; |
||||
padding: 2px 5px 2px 10px; |
||||
background: #4171B5; |
||||
color: #eee; |
||||
width:140px; |
||||
} |
||||
#leftnavlist a:hover { |
||||
background: #fff; |
||||
color:#4171B5; |
||||
display: block; |
||||
} |
||||
/* --- end of left side definition list menu section --- */ |
||||
|
||||
|
||||
|
||||
/* various sections in course-home.php file */ |
||||
#toolremove { |
||||
width: 40%; |
||||
color: #f00; |
||||
font-weight: bold; |
||||
margin: 10px auto; |
||||
padding: 10px; |
||||
border: 2px solid #f00; |
||||
} |
||||
#courseintro { |
||||
clear: both; |
||||
width: 80%; |
||||
margin: 10px auto; |
||||
padding: 10px; |
||||
border-bottom: 1px solid #4171B5; |
||||
} |
||||
#courseintro_icons { |
||||
clear: both; |
||||
width: 80%; |
||||
margin: 10px auto; |
||||
} |
||||
.everybodyview { |
||||
position: relative; /* to avoid the IE peekabo bug ?*/ |
||||
width: 80%; |
||||
margin: 10px auto; |
||||
padding: 10px; |
||||
} |
||||
.courseadminview, .platformadminview { |
||||
position: relative; |
||||
width: 80%; |
||||
margin: 25px auto 10px; |
||||
padding: 10px; |
||||
border: 1px solid #4171B5; |
||||
} |
||||
.viewcaption { |
||||
position: relative; |
||||
top: -20px; |
||||
font-size: 12px; |
||||
font-weight: bold; |
||||
color: #4171B5; |
||||
background-color: #fff; |
||||
padding: 0 4px; |
||||
} |
||||
/***********************************/ |
||||
|
||||
/* =================================================== |
||||
AGENDA STYLES |
||||
===================================================*/ |
||||
|
||||
/* --------------------------------------------------- |
||||
check if these are still used or not |
||||
-----------------------------------------------------*/ |
||||
#agenda { |
||||
width: 100%; |
||||
margin: 0 auto; |
||||
border: 1px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
.agenda_month_divider { |
||||
background-color: #4171B5; |
||||
font-weight: bold; |
||||
font-size: 12px; |
||||
color: #fff; |
||||
text-align: center; |
||||
} |
||||
#agenda #title a { |
||||
color: #fff; |
||||
} |
||||
#agenda .agendaitem { |
||||
font-size: 12px; |
||||
} |
||||
#smallcalendar #title { |
||||
background-color: #4171B5; |
||||
font-weight: bold; |
||||
padding: 2px; |
||||
color: #fff; |
||||
text-align: center; |
||||
font-size: 11px; |
||||
} |
||||
#smallcalendar #title a { |
||||
color: #fff; |
||||
} |
||||
#agenda_select { |
||||
list-style: none; |
||||
border: 0px solid green; |
||||
margin: 30px 0 0 0; |
||||
padding: 0 0 0 10px; |
||||
} |
||||
/* --------------------------------------------------- |
||||
styles for the agenda (day, week, month view) |
||||
-----------------------------------------------------*/ |
||||
#agenda_list { |
||||
width: 100%; |
||||
margin: 0 auto; |
||||
border: 1px solid #fff; |
||||
border-collapse: collapse; |
||||
} |
||||
/*The caption of the calendar (displays the month and the << and >> links*/ |
||||
#agenda_list #title { |
||||
background-color: #4171B5; |
||||
font-weight: bold; |
||||
font-size: 12px; |
||||
color: #fff; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
text-align: center; |
||||
border: 1px solid #264269; |
||||
} |
||||
#agenda_list #title a:link, #agenda_list #title a:visited { |
||||
background-color: #4171B5; |
||||
font-weight: bold; |
||||
font-size: 12px; |
||||
color: #fff; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
text-align: center; |
||||
} |
||||
#agenda_list #title a:hover { |
||||
background-color: #4171B5; |
||||
font-weight: bold; |
||||
font-size: 12px; |
||||
color: #ff0000; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
text-align: center; |
||||
} |
||||
/* The cells with the name of the days of the weeks (mon->sun)*/ |
||||
#agenda_list .weekdays { |
||||
background-color: #D3DFF1; |
||||
text-align: center; |
||||
font-weight: bold; |
||||
border: 1px solid #264269; |
||||
border-collapse: collapse; |
||||
} |
||||
/* The cells for the days (1->31) */ |
||||
#agenda_list .days_week { |
||||
height: 40px; |
||||
width: 12%; |
||||
text-align: left; |
||||
vertical-align: top; |
||||
border: 1px solid #264269; |
||||
border-collapse: collapse; |
||||
background-color: #f5f5f5; |
||||
} |
||||
#agenda_list .days_weekend { |
||||
height: 40px; |
||||
width: 12%; |
||||
text-align: left; |
||||
vertical-align: top; |
||||
border: 1px solid #264269; |
||||
border-collapse: collapse; |
||||
background-color: #e6e6e6; |
||||
} |
||||
#agenda_list .days_today { |
||||
height: 40px; |
||||
width: 12%; |
||||
text-align: left; |
||||
vertical-align: top; |
||||
border: 1px solid #264269; |
||||
border-collapse: collapse; |
||||
background-color: #FFCA8D; |
||||
color: #CC3300; |
||||
font-weight: bold; |
||||
} |
||||
/* text in the cells: display of agenda items (visible)*/ |
||||
#agenda_list .data { |
||||
background-color: #eee; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: bold; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
#agenda_list .datanotbold { |
||||
background-color: #eee; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: normal; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
#agenda_list .text { |
||||
background-color: #fff; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: normal; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
/*text in the cells: display of agenda items (invisible)*/ |
||||
#agenda_list .data_hidden { |
||||
background-color: #eee; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: bold; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
color: #999999; |
||||
} |
||||
#agenda_list .datanotbold_hidden { |
||||
background-color: #eee; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: normal; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
color: #999999; |
||||
} |
||||
#agenda_list .text_hidden { |
||||
background-color: #fff; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: normal; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
color: #999999; |
||||
} |
||||
/*text in the cells: display of agenda items (highlighted)*/ |
||||
#agenda_list .datanow { |
||||
background-color: #FFCC00; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: bold; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
#agenda_list .datanotboldnow { |
||||
background-color: #FFCC00; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: normal; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
#agenda_list .textnow { |
||||
background-color: #fff; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: normal; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
/* --------------------------------------------------- |
||||
styles for the mini agenda |
||||
-----------------------------------------------------*/ |
||||
#smallcalendar { |
||||
width: 100%; |
||||
margin: 0 auto; |
||||
border: 1px solid #fff; |
||||
border-collapse: collapse; |
||||
} |
||||
#smallcalendar .weekdays { |
||||
background-color: #D3DFF1; |
||||
text-align: center; |
||||
font-size: 11px; |
||||
font-weight: bold; |
||||
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; |
||||
font-size: 11px; |
||||
border: 1px solid #fff; |
||||
border-collapse: collapse; |
||||
} |
||||
#smallcalendar .days_today { |
||||
width: 12%; |
||||
text-align: center; |
||||
font-size: 11px; |
||||
border: 1px solid #FA8500; |
||||
border-collapse: collapse; |
||||
background-color: #FFCA8D; |
||||
} |
||||
/* --------------------------------------------------- |
||||
styles for the personal agenda |
||||
-----------------------------------------------------*/ |
||||
.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; |
||||
} |
||||
/* normal and erro message-box */ |
||||
.normal-message, .error-message { |
||||
position: relative; |
||||
margin: 10px auto; |
||||
margin-left: -250px; |
||||
width: 500px; |
||||
left: 50%; |
||||
right: 50%; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
padding: 5px; |
||||
} |
||||
.normal-message { |
||||
border: 1px solid #FF8001; |
||||
color: #000; |
||||
background-color: #FDC77E; |
||||
} |
||||
.error-message { |
||||
border: 1px solid #3F70AC; |
||||
color: #000; |
||||
background-color: #FDC273; |
||||
} |
||||
#message { |
||||
margin: 0 auto; |
||||
text-align: center; |
||||
} |
||||
#message select { |
||||
margin: 10px 0; |
||||
width: 220px; |
||||
} |
||||
#message textarea { |
||||
margin: 10px 0; |
||||
} |
||||
#message td { |
||||
padding: 4px; |
||||
} |
||||
/* styles from the document.php file */ |
||||
.comment { |
||||
margin-left: 30px; |
||||
} |
||||
.invisible { |
||||
color: #999; |
||||
} |
||||
.invisible a:link, .invisible a:visited { |
||||
color: #999; |
||||
} |
||||
a.invisible:link, a.invisible:visited { |
||||
color: #999; |
||||
} |
||||
/* styles from the upload.php file */ |
||||
dl.upload_option { |
||||
margin: 1em 0; |
||||
padding: 0; |
||||
} |
||||
.upload_option dt { |
||||
font-weight:bold; |
||||
margin:0; |
||||
} |
||||
.upload_option dd { |
||||
margin:0; |
||||
} |
||||
/* styles from dropbox.php file */ |
||||
.dropbox_detail { |
||||
font-size: small |
||||
} |
||||
.dropbox_date { |
||||
font-style: italic |
||||
} |
||||
.dropbox_person { |
||||
font-weight: bold |
||||
} |
||||
.dropbox_listTitle { |
||||
color: #000000; |
||||
} |
||||
.dropbox_feedback { |
||||
font-size: x-small; |
||||
height: 50px; |
||||
width: 200px; |
||||
overflow: auto |
||||
} |
||||
.dropbox_feedbacks { |
||||
height: 250px; |
||||
width: 100%; |
||||
overflow: auto |
||||
} |
||||
/* styles for chat / conference tools */ |
||||
#chat_entermessage { |
||||
background-color: #D6E5FA; |
||||
border-top: 1px solid #4171B5; |
||||
padding: 5px; |
||||
margin: 0; |
||||
} |
||||
/* styles for general formatting */ |
||||
.clear { |
||||
clear: both; |
||||
line-height: 0; |
||||
height: 0; |
||||
} |
||||
p, blockquote, ol, ul { |
||||
font-size: 12px; |
||||
} |
||||
h1 { |
||||
font-size: 21px; |
||||
} |
||||
h2 { |
||||
font-size: 18px; |
||||
} |
||||
h3 { |
||||
font-size: 15px; |
||||
margin-top:0px; |
||||
padding-top:0px; |
||||
} |
||||
h4 { |
||||
font-size: 12px; |
||||
} |
||||
h5, h6 { |
||||
font-family: verdana, arial, helvetica, sans-serif; |
||||
} |
||||
/* the following for regular <a> elements */ |
||||
a:link { |
||||
text-decoration: none; |
||||
font-weight : bold; |
||||
color : #4171b5; |
||||
} |
||||
a:visited { |
||||
text-decoration: none; |
||||
font-weight : bold; |
||||
color : #4171b5; |
||||
} |
||||
a:hover { |
||||
text-decoration: none; |
||||
color: red; |
||||
font-weight: bold |
||||
} |
||||
a:active { |
||||
text-decoration: none; |
||||
font-weight : bold; |
||||
color : #f00; |
||||
} |
||||
input.link_alike { |
||||
background-color: #FFFFFF; |
||||
border-width: 0px; |
||||
color: #4171b5; |
||||
font-weight: bold; |
||||
text-align: left; |
||||
padding: 0px; |
||||
margin: 0px; |
||||
} |
||||
input.link_alike:hover { |
||||
background-color: #FFFFFF; |
||||
border-width: 0px; |
||||
color: #FF0000; |
||||
font-weight: bold; |
||||
text-align: left; |
||||
padding: 0px; |
||||
margin: 0px; |
||||
} |
||||
/* the following for the greyed out elements */ |
||||
a.nobold:link, a.nobold:visited, a.nobold:active { |
||||
font-weight: normal; |
||||
color: #999; |
||||
margin: 0 0 0 25px; |
||||
} |
||||
a.nobold:hover { |
||||
font-weight: normal; |
||||
color: #999; |
||||
text-decoration: underline; |
||||
margin: 0 0 0 25px; |
||||
} |
||||
.note { |
||||
margin: 6px; |
||||
font-size: 12px; |
||||
line-height: 14px; |
||||
font-family: verdana, arial, helvetica, sans-serif; |
||||
background-color: #FFF089; |
||||
color: #4171B5; |
||||
border: 1px solid #4171B5; |
||||
padding: 4px; |
||||
} |
||||
.alternativeBgLight { |
||||
background-color: #f5f5f5; |
||||
border: 1px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
.alternativeBgDark { |
||||
background-color: #ccf; |
||||
border: 1px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
.myagendatoday { |
||||
background-color: #FFCA8D; |
||||
border-collapse: collapse; |
||||
font-family: verdana, arial, helvetica, sans-serif; |
||||
color: #CC3300; |
||||
font-weight: bold; |
||||
} |
||||
/* Form elements - some general styling*/ |
||||
select, textarea { |
||||
color : #000; |
||||
border: 1px solid #000; |
||||
} |
||||
input.checkbox { |
||||
border-width: 0; |
||||
} |
||||
input.mainoption { |
||||
font-weight : bold; |
||||
} /* Main submit button */ |
||||
input.liteoption { |
||||
font-weight : normal; |
||||
} /* None-bold submit button */ |
||||
select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { |
||||
cursor: pointer; |
||||
font-size: 12px; |
||||
} |
||||
input[text] { |
||||
font-size: 12px; |
||||
} |
||||
/************************************************************ |
||||
styles below here are not necessarily used in the current |
||||
release and the CVS files, they are from earlier versions, |
||||
and have been left untouched for anyone needing them in |
||||
their own platform ... |
||||
*************************************************************/ |
||||
.topBanner a:link, .topBanner a:active, .topBanner a:visited { |
||||
text-decoration:none; |
||||
color:white; |
||||
} |
||||
.topBanner table { |
||||
text-decoration:none; |
||||
} |
||||
.topBanner a:hover { |
||||
text-decoration:underline; |
||||
} |
||||
.topBanner td { |
||||
border-top: solid White 1px; |
||||
} |
||||
.alternativeBgLight { |
||||
background-color: #f5f5f5; |
||||
} |
||||
.alternativeBgDark { |
||||
background-color: #e6e6e6 |
||||
} |
||||
.forms { |
||||
letter-spacing: normal; |
||||
text-align: justify; |
||||
text-indent: 3pt; |
||||
word-spacing: normal; |
||||
padding: 2px 5px; |
||||
} |
||||
.formsTips { |
||||
text-align: justify; |
||||
text-indent: 15pt; |
||||
word-spacing: normal; |
||||
} |
||||
/* |
||||
input.forms { letter-spacing: normal; text-align: justify; text-indent: 3pt; word-spacing: normal; |
||||
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} |
||||
*/ |
||||
.warn { |
||||
border: thin double Silver; |
||||
margin-left: 15px; |
||||
margin-right: 15px; |
||||
font-family: serif; |
||||
color: Red; |
||||
padding-left: 25px; |
||||
} |
||||
.small { |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
font-size: 11px |
||||
} |
||||
.xsmall { |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
font-size: 11px |
||||
} |
||||
.xxsmall { |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
font-size: 9px |
||||
} |
||||
/***************************************************** |
||||
* DATA TABLE STYLES * |
||||
*****************************************************/ |
||||
.cell_header { |
||||
background-color: #EEEEFF; |
||||
font-weight:bold; |
||||
text-align:left; |
||||
padding-left:5px; |
||||
} /* header cell in data table in tools */ |
||||
.data_table { |
||||
border-collapse: collapse; |
||||
width: 100%; |
||||
padding: 5px; |
||||
} |
||||
.data_table th { |
||||
padding-right: 20px; |
||||
border: 1px solid gray; |
||||
background-color: #E5EDF9; |
||||
} |
||||
.data_table tr.row_odd { |
||||
background-color: #fafafa; |
||||
} |
||||
.data_table tr.row_odd:hover, .data_table tr.row_even:hover { |
||||
background-color: #f0f0f0; |
||||
} |
||||
.data_table tr.row_even { |
||||
background-color: #fff; |
||||
} |
||||
.data_table td { |
||||
padding: 5px; |
||||
vertical-align: top; |
||||
border-bottom: 1px solid #b0b0b0; |
||||
border-right: 1px dotted #e1e1e1; |
||||
border-left: 1px dotted #e1e1e1; |
||||
} |
||||
/* admin page tool list definitions */ |
||||
.tool_list dt { |
||||
font-weight: bold; |
||||
} |
||||
.tool_list dd { |
||||
margin: 0; |
||||
padding: 4px 0 0 10px; |
||||
} |
||||
/* divs for category list / platform news on home page */ |
||||
.home_cats { |
||||
width: 45%; |
||||
float: left; |
||||
margin: 0; |
||||
padding: 0px; |
||||
padding-top: 8px; |
||||
background: #fff; |
||||
} |
||||
.home_news { |
||||
width: 45%; |
||||
float: right; |
||||
margin: 0; |
||||
padding: 0px; |
||||
padding-top: 8px; |
||||
background: #fff; |
||||
} |
||||
label.left { |
||||
float: left; |
||||
width: 15em; |
||||
margin: 0 0 0.5em 0; |
||||
} |
||||
form br { |
||||
clear: both; |
||||
} |
||||
/* Fix for alignment problem in IE-Win browsers */ |
||||
/* Hide from IE5-mac. Only IE-win sees this. \*/ |
||||
* html .label { |
||||
margin-right: 10px; |
||||
} |
||||
* html .data { |
||||
height: 1%; |
||||
margin-left: 0; |
||||
} |
||||
/* End hide from IE5/mac */ |
||||
|
||||
.radio, .checkbox { |
||||
margin: 0; |
||||
padding: 0; |
||||
border: none; |
||||
background-color: transparent; |
||||
} |
||||
.required { |
||||
color: #f00; |
||||
font-weight: bold; |
||||
} |
||||
/* Admin section */ |
||||
div.admin_section { |
||||
width: 40%; |
||||
float: left; |
||||
padding: 5px; |
||||
margin: 10px 20px; |
||||
} |
||||
div.admin_section h4 { |
||||
margin: 0; |
||||
border-bottom: 1px solid gray; |
||||
width: 100%; |
||||
} |
||||
.user_course_category { |
||||
background-color: #efefef; |
||||
border: 1px solid #666; |
||||
font-weight: bold; |
||||
color: #666; |
||||
list-style-type: none; |
||||
margin: 5px; |
||||
padding: 5px; |
||||
} |
||||
/* Styles for the Dokeos Config Settings of the platform admin section*/ |
||||
.sectiontitle { |
||||
background-color: #EFEFEF; |
||||
border: 1px solid #cccccc; |
||||
font-weight: bold; |
||||
color: #666666; |
||||
list-style-type: none; |
||||
margin: 5px; |
||||
padding: 5px; |
||||
font-size: 11px; |
||||
} |
||||
.sectioncomment { |
||||
color: #000000; |
||||
margin: 5px; |
||||
padding: 5px; |
||||
font-size: 11px; |
||||
} |
||||
.sectionvalue { |
||||
list-style-type: none; |
||||
margin: 5px; |
||||
padding: 5px; |
||||
} |
||||
/* New Announcements Tool */ |
||||
.announcements_datum { |
||||
font-size: 12px; |
||||
font-weight: italic; |
||||
color: #666666; |
||||
} |
||||
/* System announcements on homepage */ |
||||
div.system_announcements { |
||||
} |
||||
div.system_announcements h3 { |
||||
} |
||||
div.system_announcements ul { |
||||
list-style-type: none; |
||||
} |
||||
div.system_announcement { |
||||
margin: 5px; |
||||
} |
||||
div.system_announcement_title { |
||||
} |
||||
div.system_announcement_content { |
||||
margin-left: 20px; |
||||
border-left: 1px solid gray; |
||||
padding-left: 5px; |
||||
} |
||||
/* tips Abbr-plugin for FCKeditor */ |
||||
abbr { |
||||
border-bottom: 1px dotted rgb(102, 102, 102); |
||||
background-color:#F00; |
||||
cursor: help; |
||||
} |
||||
|
After Width: | Height: | Size: 9.8 KiB |
|
After Width: | Height: | Size: 9.9 KiB |
@ -0,0 +1,232 @@ |
||||
/* items scorm*/ |
||||
.scorm_item_normal.scorm_completed { |
||||
background:url("images/scorm_completed.png") no-repeat left center; |
||||
} |
||||
.scorm_item_normal.scorm_failed{ |
||||
background:url("images/scorm_failed.png") no-repeat left center; |
||||
} |
||||
.scorm_item_normal.scorm_not_attempted{ |
||||
background:url("images/scorm_not_attempted.png") no-repeat left center; |
||||
} |
||||
.scorm_item_normal.scorm_highlight{ |
||||
background:url("images/scorm_highlight.png") no-repeat left center; |
||||
} |
||||
|
||||
div.text { |
||||
margin-left : 6; |
||||
margin-right : 6; |
||||
margin-top : 5; |
||||
margin-bottom : 5; |
||||
text-align : justify; |
||||
} |
||||
span.messagesmall { |
||||
font-style : italic; |
||||
color : Red; |
||||
} |
||||
/* newscorm/learnpath */ |
||||
|
||||
div.lp_actions { |
||||
background:#F8F8F8; |
||||
border-bottom:1px solid #999999; |
||||
padding:3px; |
||||
} |
||||
div.lp_actions img { |
||||
margin-right:5px; |
||||
} |
||||
div.lp_small_form { |
||||
background:#F8F8F8; |
||||
border:1px solid #999999; |
||||
padding:10px; |
||||
} |
||||
div.lp_small_form input { |
||||
font-size:10px; |
||||
} |
||||
div.lp_manipulate { |
||||
background:#F8F8F8; |
||||
border-bottom:1px dotted #999999; |
||||
margin-bottom:0px; |
||||
padding:3px 0 3px 10px; |
||||
} |
||||
div.lp_manipulate a { |
||||
padding-right:10px; |
||||
} |
||||
div.lp_message { |
||||
background:#FEC880; |
||||
border:1px solid #E28C15; |
||||
font-size:12px; |
||||
padding:10px; |
||||
} |
||||
div.lp_resource_header { |
||||
cursor: pointer; |
||||
background:#F0F0F0; |
||||
border:1px solid #999999; |
||||
font-weight:bold; |
||||
padding:10px; |
||||
width:350px; |
||||
} |
||||
div.lp_resource_header_end { |
||||
background:#F0F0F0; |
||||
border:1px solid #999999; |
||||
font-weight:bold; |
||||
padding:10px; |
||||
width:350px; |
||||
} |
||||
div.lp_resource_elements { |
||||
background:#FAFAFA; |
||||
border:1px solid #999999; |
||||
border-bottom:0; |
||||
display:none; |
||||
padding:5px 10px; |
||||
width:350px; |
||||
} |
||||
div.lp_resource_elements_end { |
||||
background:#FAFAFA; |
||||
border:1px solid #999999; |
||||
border-top: 0px; |
||||
display:none; |
||||
padding:5px 10px; |
||||
width:350px; |
||||
} |
||||
div.lp_resource_elements div { |
||||
padding:3px; |
||||
} |
||||
div.lp_tree { |
||||
height:100%; |
||||
padding:3px 10px 3px 0; |
||||
overflow-x : auto; |
||||
overflow-y : auto; |
||||
width:190px; |
||||
} |
||||
hr { |
||||
background:#999999; |
||||
border:0; |
||||
color:#999999; |
||||
height:1px; |
||||
margin:10px auto; |
||||
width:75%; |
||||
} |
||||
option.bottom { |
||||
border-top:1px solid #999999; |
||||
margin-top:2px; |
||||
padding-top:2px; |
||||
} |
||||
option.top { |
||||
border-bottom:1px solid #999999; |
||||
margin-bottom:2px; |
||||
padding-bottom:2px; |
||||
} |
||||
p.lp_action { |
||||
margin:5px 0; |
||||
} |
||||
p.lp_text { |
||||
margin-top:0px; |
||||
} |
||||
p.lp_title { |
||||
font-weight:bold; |
||||
margin-top:5px; |
||||
padding-left:7px; |
||||
} |
||||
table.lp_build { |
||||
font-size:12px; |
||||
height:400px; |
||||
width:100%; |
||||
} |
||||
table.lp_build td { |
||||
vertical-align:top; |
||||
} |
||||
table.lp_build td.tree { |
||||
/* border-right:1px solid #999999;*/ |
||||
padding-right: 5px; |
||||
width:205px; |
||||
} |
||||
table.lp_build td.workspace { |
||||
padding: 0px; |
||||
padding-left:5px; |
||||
width:auto; |
||||
} |
||||
table.lp_form { |
||||
font-size:12px; |
||||
margin:0 10px; |
||||
width:auto; |
||||
} |
||||
table.lp_form td { |
||||
height:25px; |
||||
padding:5px; |
||||
vertical-align:top; |
||||
width:auto; |
||||
} |
||||
table.lp_form td.label { |
||||
padding-top:7px; |
||||
text-align:right; |
||||
} |
||||
table.lp_form td.radio { |
||||
width:300px; |
||||
} |
||||
table.lp_form td.exercise { |
||||
width:50px; |
||||
} |
||||
table.lp_form th { |
||||
background:#F8F8F8; |
||||
border-bottom:1px solid #999999; |
||||
border-top:1px solid #999999; |
||||
} |
||||
table.lp_overview th.exercise { |
||||
width:50px; |
||||
} |
||||
table.lp_form input, table.lp_form select, table.lp_form textarea { |
||||
/* background:#F8F8F8; |
||||
border:1px solid #999999; |
||||
font-family:Arial, Verdana, Helvetica, sans-serif; |
||||
font-size:12px; |
||||
padding:1px 2px; |
||||
width:300px;*/ |
||||
} |
||||
table.lp_form td.radio input, table.lp_form td.exercise input { |
||||
width:auto; |
||||
} |
||||
table.lp_form .small_form { |
||||
background:#FFFFFF; |
||||
} |
||||
table.lp_form select { |
||||
/* padding:0;*/ |
||||
} |
||||
table.lp_form input.button { |
||||
width:75px; |
||||
} |
||||
table.lp_overview { |
||||
font-size:12px; |
||||
width:100%; |
||||
} |
||||
table.lp_overview td { |
||||
border-bottom:1px solid #999999; |
||||
border-top:1px solid #999999; |
||||
height:20px; |
||||
padding:3px; |
||||
vertical-align:middle; |
||||
width:auto; |
||||
} |
||||
table.lp_overview td.title { |
||||
width:200px; |
||||
} |
||||
table.lp_overview td.actions { |
||||
text-align:center; |
||||
width:100px; |
||||
} |
||||
table.lp_overview td.move { |
||||
text-align:center; |
||||
width:50px; |
||||
} |
||||
table.lp_overview th { |
||||
background:#FFFFFF; |
||||
padding-left:3px; |
||||
text-align:center; |
||||
} |
||||
table.lp_overview tr { |
||||
background:#F8F8F8; |
||||
} |
||||
table.lp_overview tr:hover { |
||||
background:#E5EDF9; |
||||
} |
||||
table.lp_overview img { |
||||
margin-left:3px; |
||||
} |
||||
@ -0,0 +1,943 @@ |
||||
/* Print Style Sheet for Dokeos (in progress ...) |
||||
first default style sheet |
||||
2004-07-18 by Wolfgang Schneider |
||||
(info@ws-webservice.de / webmaster@bibelcenter.de) |
||||
updated on 2005-02-25 by Olivier Brouckaert |
||||
(oli.brouckaert@dokeos.com) |
||||
update on 2005-03-01 by Wolfgang Schneider |
||||
update on 2005-05-27 by Patrick Cool |
||||
update to print.css on 2005-01-05 by Jeroen Coupe |
||||
*/ |
||||
|
||||
body { |
||||
font-family: arial, verdana, helvetica, sans-serif; |
||||
font-size: 12px; |
||||
color: #000; |
||||
margin: 0; |
||||
padding: 0; |
||||
background-color: #fff; |
||||
} |
||||
img { |
||||
border: none; |
||||
} |
||||
#outerframe { |
||||
position: relative; /* do not remove, fixes a bug in IE */ |
||||
border: 1px solid #fff; |
||||
background-color: #fff; |
||||
} |
||||
/* Hides from IE5-mac \*/ |
||||
* html #outerframe { |
||||
height: 1%; |
||||
} |
||||
/* End hide from IE5-mac */ |
||||
|
||||
/***************************************************** |
||||
* HEADER STYLES * |
||||
*****************************************************/ |
||||
|
||||
|
||||
#my_courses { |
||||
background-color: #fff; |
||||
color: #009; |
||||
} |
||||
/*show the institution*/ |
||||
#header1 { |
||||
padding: 2px; |
||||
float: right; |
||||
} |
||||
#my_courses { |
||||
display: none; |
||||
} |
||||
#header2 { |
||||
display: none; |
||||
} |
||||
.subnav { |
||||
display: none; |
||||
} |
||||
/* show the way to the printed document (breadcrumbs)*/ |
||||
#header4 { |
||||
padding: 2px; |
||||
border-bottom: 1px solid #4171B5; |
||||
} |
||||
#header4 a { |
||||
color: #4171b5; |
||||
} |
||||
#toolshortcuts { |
||||
display:none; |
||||
} |
||||
/***************************************************** |
||||
* FOOTER STYLES * |
||||
*****************************************************/ |
||||
#footer { |
||||
padding: 8px; |
||||
border-top: 1px solid #4171B5; |
||||
background-color: #E5EDF9; |
||||
font-size: 12px; |
||||
} |
||||
#footer .copyright { |
||||
float: right; |
||||
} |
||||
/***************************************************** |
||||
* MAIN STYLES * |
||||
*****************************************************/ |
||||
#main { |
||||
position: relative; /* to avoid the IE peekabo bug*/ |
||||
margin: 0px auto; |
||||
margin-top: 10px; |
||||
width: 98%; |
||||
padding: 0px 10px 10px 10px; |
||||
background-color: #fff; |
||||
min-height: 320px; |
||||
} |
||||
/* for content section in main index.php file */ |
||||
.maincontent { |
||||
float: left; |
||||
width: 78%; |
||||
padding: 4px; |
||||
background-color: #fff; |
||||
} |
||||
/* "menu" doesn't show in printed version*/ |
||||
.menu { |
||||
display: none; |
||||
} |
||||
#lang_form { |
||||
text-align: left; |
||||
font-size: 12px; |
||||
margin: 2px 0 10px 0; |
||||
padding: 2px; |
||||
} |
||||
#lang_form input, #lang_form select { |
||||
font-size: 12px; |
||||
} |
||||
#formLogin label { |
||||
font-size: 12px; |
||||
margin: 4px 6px; |
||||
} |
||||
#formLogin input { |
||||
font-size: 13px; |
||||
margin: 4px 6px; |
||||
} |
||||
#login_fail { |
||||
margin: 0 6px 6px 6px; |
||||
padding: 4px; |
||||
border: 1px solid #f00; |
||||
background-color: #fff; |
||||
font-size: 12px; |
||||
color: #f00; |
||||
} |
||||
/*** layout divs for course and tool pages (being tested in some pages) ****/ |
||||
#contentfloatholder {/* also makes the right "sliding" tab */ |
||||
/*background: url(../pics/sidebar-r.gif) repeat-y 100% 0; |
||||
background: url(../pics/bg_fountain.jpg) no-repeat 100% 0; */ |
||||
float: left; |
||||
width: 100%; |
||||
position: relative; |
||||
} |
||||
#contentfloatholder:after { |
||||
/* this is for NN6 to clear floats */ |
||||
content: "."; |
||||
display: block; |
||||
height: 0px; |
||||
clear: both; |
||||
visibility: hidden; |
||||
} |
||||
#centerwrap { |
||||
float: left; |
||||
width: 100%; |
||||
margin-right: -95%;/* this needs to be less than 100% for Moz/Mac which thinks |
||||
it's empty otherwise. The difference is made up by putting a |
||||
negative left margin on the left float: |
||||
Note IE/Mac doesn't like this method ~ it wants the 100% so it can |
||||
be fed in using IE only CSS below becasue IE/Win also works with the 100% method. |
||||
*/ |
||||
} |
||||
/*no navigation options need to be showed in the print version */ |
||||
#toolnav { |
||||
display:none; |
||||
} |
||||
/* Hide from IE5-mac. Only IE-win sees this. \*/ |
||||
* html #toolnav { |
||||
margin-right: 0px; |
||||
} |
||||
* html #center { |
||||
height: 1%; |
||||
margin-left: 0; |
||||
} |
||||
/* End hide from IE5/mac */ |
||||
|
||||
|
||||
/* various sections in course-home.php file */ |
||||
#toolremove { |
||||
width: 40%; |
||||
color: #f00; |
||||
font-weight: bold; |
||||
margin: 10px auto; |
||||
padding: 10px; |
||||
border: 2px solid #f00; |
||||
} |
||||
#courseintro { |
||||
clear: both; |
||||
width: 80%; |
||||
margin: 10px auto; |
||||
padding: 10px; |
||||
border-bottom: 1px solid #4171B5; |
||||
} |
||||
#courseintro_icons { |
||||
clear: both; |
||||
width: 80%; |
||||
margin: 10px auto; |
||||
} |
||||
.everybodyview { |
||||
position: relative; /* to avoid the IE peekabo bug ?*/ |
||||
width: 80%; |
||||
margin: 10px auto; |
||||
padding: 10px; |
||||
} |
||||
.courseadminview, .platformadminview { |
||||
position: relative; |
||||
width: 80%; |
||||
margin: 25px auto 10px; |
||||
padding: 10px; |
||||
border: 1px solid #4171B5; |
||||
} |
||||
.viewcaption { |
||||
position: relative; |
||||
top: -20px; |
||||
font-size: 12px; |
||||
font-weight: bold; |
||||
color: #4171B5; |
||||
background-color: #fff; |
||||
padding: 0 4px; |
||||
} |
||||
/***********************************/ |
||||
|
||||
/* =================================================== |
||||
AGENDA STYLES |
||||
===================================================*/ |
||||
|
||||
/* --------------------------------------------------- |
||||
check if these are still used or not |
||||
-----------------------------------------------------*/ |
||||
#agenda { |
||||
width: 100%; |
||||
margin: 0 auto; |
||||
border: 1px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
.agenda_month_divider { |
||||
background-color: #4171B5; |
||||
font-weight: bold; |
||||
font-size: 12px; |
||||
color: #fff; |
||||
text-align: center; |
||||
} |
||||
#agenda #title a { |
||||
color: #fff; |
||||
} |
||||
#agenda .agendaitem { |
||||
font-size: 12px; |
||||
} |
||||
#smallcalendar .title { |
||||
background-color: #4171B5; |
||||
font-weight: bold; |
||||
padding: 2px; |
||||
color: #fff; |
||||
text-align: center; |
||||
font-size: 11px; |
||||
} |
||||
#smallcalendar .title a { |
||||
color: #fff; |
||||
} |
||||
/*agenda select not visible on print*/ |
||||
#agenda_select { |
||||
display:none; |
||||
} |
||||
/* --------------------------------------------------- |
||||
styles for the agenda (day, week, month view) |
||||
-----------------------------------------------------*/ |
||||
#agenda_list { |
||||
width: 100%; |
||||
margin: 0 auto; |
||||
border: 1px solid #fff; |
||||
border-collapse: collapse; |
||||
} |
||||
/*The caption of the calendar (displays the month and the << and >> links*/ |
||||
#agenda_list #title { |
||||
background-color: #4171B5; |
||||
font-weight: bold; |
||||
font-size: 12px; |
||||
color: #fff; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
text-align: center; |
||||
border: 1px solid #264269; |
||||
} |
||||
#agenda_list #title a:link, #agenda_list #title a:visited { |
||||
background-color: #4171B5; |
||||
font-weight: bold; |
||||
font-size: 12px; |
||||
color: #fff; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
text-align: center; |
||||
} |
||||
#agenda_list #title a:hover { |
||||
background-color: #4171B5; |
||||
font-weight: bold; |
||||
font-size: 12px; |
||||
color: #ff0000; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
text-align: center; |
||||
} |
||||
/* The cells with the name of the days of the weeks (mon->sun)*/ |
||||
#agenda_list .weekdays { |
||||
background-color: #D3DFF1; |
||||
text-align: center; |
||||
font-weight: bold; |
||||
border: 1px solid #264269; |
||||
border-collapse: collapse; |
||||
} |
||||
/* The cells for the days (1->31) */ |
||||
#agenda_list .days_week { |
||||
height: 40px; |
||||
width: 12%; |
||||
text-align: left; |
||||
vertical-align: top; |
||||
border: 1px solid #264269; |
||||
border-collapse: collapse; |
||||
background-color: #f5f5f5; |
||||
} |
||||
#agenda_list .days_weekend { |
||||
height: 40px; |
||||
width: 12%; |
||||
text-align: left; |
||||
vertical-align: top; |
||||
border: 1px solid #264269; |
||||
border-collapse: collapse; |
||||
background-color: #e6e6e6; |
||||
} |
||||
#agenda_list .days_today { |
||||
height: 40px; |
||||
width: 12%; |
||||
text-align: left; |
||||
vertical-align: top; |
||||
border: 1px solid #264269; |
||||
border-collapse: collapse; |
||||
background-color: #FFCA8D; |
||||
color: #CC3300; |
||||
font-weight: bold; |
||||
} |
||||
/* text in the cells: display of agenda items (visible)*/ |
||||
#agenda_list .data { |
||||
background-color: #eee; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: bold; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
#agenda_list .datanotbold { |
||||
background-color: #eee; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: normal; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
#agenda_list .text { |
||||
background-color: #fff; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: normal; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
/*text in the cells: display of agenda items (invisible)*/ |
||||
#agenda_list .data_hidden { |
||||
background-color: #eee; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: bold; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
color: #999999; |
||||
} |
||||
#agenda_list .datanotbold_hidden { |
||||
background-color: #eee; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: normal; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
color: #999999; |
||||
} |
||||
#agenda_list .text_hidden { |
||||
background-color: #fff; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: normal; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
color: #999999; |
||||
} |
||||
/*text in the cells: display of agenda items (highlighted)*/ |
||||
#agenda_list .datanow { |
||||
background-color: #FFCC00; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: bold; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
#agenda_list .datanotboldnow { |
||||
background-color: #FFCC00; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: normal; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
#agenda_list .textnow { |
||||
background-color: #fff; |
||||
text-align: left; |
||||
padding: 2px 10px; |
||||
font-weight: normal; |
||||
border: 0px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
/* --------------------------------------------------- |
||||
styles for the mini agenda |
||||
-----------------------------------------------------*/ |
||||
/* mini agenda invisible in print */ |
||||
|
||||
#smallcalendar { |
||||
display:none; |
||||
} |
||||
/*without this the small calendar's space isn't liberated, because the table width is hardcoded in the php*/ |
||||
#layoutHulp { |
||||
display:none; |
||||
} |
||||
/* --------------------------------------------------- |
||||
styles for the personal agenda |
||||
-----------------------------------------------------*/ |
||||
.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; |
||||
} |
||||
/* normal and erro message-box */ |
||||
.normal-message, .error-message { |
||||
position: relative; |
||||
margin: 10px auto; |
||||
margin-left: -250px; |
||||
width: 500px; |
||||
left: 50%; |
||||
right: 50%; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
padding: 5px; |
||||
} |
||||
.normal-message { |
||||
border: 1px solid #FF8001; |
||||
color: #000; |
||||
background-color: #FDC77E; |
||||
} |
||||
.error-message { |
||||
border: 1px solid #3F70AC; |
||||
color: #000; |
||||
background-color: #FDC273; |
||||
} |
||||
#message { |
||||
margin: 0 auto; |
||||
text-align: center; |
||||
} |
||||
#message select { |
||||
margin: 10px 0; |
||||
width: 220px; |
||||
} |
||||
#message textarea { |
||||
margin: 10px 0; |
||||
} |
||||
#message td { |
||||
padding: 4px; |
||||
} |
||||
/* styles from the document.php file */ |
||||
.comment { |
||||
margin-left: 30px; |
||||
} |
||||
.invisible { |
||||
color: #999; |
||||
} |
||||
.invisible a:link, .invisible a:visited { |
||||
color: #999; |
||||
} |
||||
a.invisible:link, a.invisible:visited { |
||||
color: #999; |
||||
} |
||||
/* styles from the upload.php file */ |
||||
dl.upload_option { |
||||
margin: 1em 0; |
||||
padding: 0; |
||||
} |
||||
.upload_option dt { |
||||
font-weight:bold; |
||||
margin:0; |
||||
} |
||||
.upload_option dd { |
||||
margin:0; |
||||
} |
||||
/* styles from dropbox.php file */ |
||||
.dropbox_detail { |
||||
font-size: small |
||||
} |
||||
.dropbox_date { |
||||
font-style: italic |
||||
} |
||||
.dropbox_person { |
||||
font-weight: bold |
||||
} |
||||
.dropbox_listTitle { |
||||
color: #000000; |
||||
} |
||||
.dropbox_feedback { |
||||
font-size: x-small; |
||||
height: 50px; |
||||
width: 200px; |
||||
overflow: auto |
||||
} |
||||
.dropbox_feedbacks { |
||||
height: 250px; |
||||
width: 100%; |
||||
overflow: auto |
||||
} |
||||
/* styles for chat / conference tools */ |
||||
#chat_entermessage { |
||||
background-color: #D6E5FA; |
||||
border-top: 1px solid #4171B5; |
||||
padding: 5px; |
||||
margin: 0; |
||||
} |
||||
/* styles for general formatting */ |
||||
.clear { |
||||
clear: both; |
||||
line-height: 0px; |
||||
height: 0; |
||||
} |
||||
p, blockquote, ol, ul { |
||||
font-size: 12px; |
||||
} |
||||
h1 { |
||||
font-size: 21px; |
||||
} |
||||
h2 { |
||||
font-size: 18px; |
||||
} |
||||
h3 { |
||||
font-size: 15px; |
||||
margin-top:0px; |
||||
padding-top:0px; |
||||
} |
||||
h4 { |
||||
font-size: 12px; |
||||
} |
||||
h5, h6 { |
||||
font-family: verdana, arial, helvetica, sans-serif; |
||||
} |
||||
/* the following for regular <a> elements */ |
||||
a:link { |
||||
text-decoration: none; |
||||
font-weight : bold; |
||||
color : #4171b5; |
||||
} |
||||
a:visited { |
||||
text-decoration: none; |
||||
font-weight : bold; |
||||
color : #4171b5; |
||||
} |
||||
a:active { |
||||
text-decoration: none; |
||||
font-weight : bold; |
||||
color : #f00; |
||||
} |
||||
input.link_alike { |
||||
background-color: #FFFFFF; |
||||
border-width: 0px; |
||||
color: #4171b5; |
||||
font-weight: bold; |
||||
text-align: left; |
||||
padding: 0px; |
||||
margin: 0px; |
||||
} |
||||
input.link_alike:hover { |
||||
background-color: #FFFFFF; |
||||
border-width: 0px; |
||||
color: #FF0000; |
||||
font-weight: bold; |
||||
text-align: left; |
||||
padding: 0px; |
||||
margin: 0px; |
||||
} |
||||
/* the following for the greyed out elements */ |
||||
a.nobold:link, a.nobold:visited, a.nobold:active { |
||||
font-weight: normal; |
||||
color: #999; |
||||
margin: 0 0 0 25px; |
||||
} |
||||
a.nobold:hover { |
||||
font-weight: normal; |
||||
color: #999; |
||||
text-decoration: underline; |
||||
margin: 0 0 0 25px; |
||||
} |
||||
.note { |
||||
margin: 6px; |
||||
font-size: 12px; |
||||
line-height: 14px; |
||||
font-family: verdana, arial, helvetica, sans-serif; |
||||
background-color: #FFF089; |
||||
color: #4171B5; |
||||
border: 1px solid #4171B5; |
||||
padding: 4px; |
||||
} |
||||
.alternativeBgLight { |
||||
background-color: #f5f5f5; |
||||
border: 1px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
.alternativeBgDark { |
||||
background-color: #ccf; |
||||
border: 1px solid #4171B5; |
||||
border-collapse: collapse; |
||||
} |
||||
.myagendatoday { |
||||
background-color: #FFCA8D; |
||||
border-collapse: collapse; |
||||
font-family: verdana, arial, helvetica, sans-serif; |
||||
color: #CC3300; |
||||
font-weight: bold; |
||||
} |
||||
/***************************************************** |
||||
* FORM STYLES * |
||||
*****************************************************/ |
||||
div.row { |
||||
clear: both; |
||||
padding-top: 5px; |
||||
} |
||||
div.row div.form_header { |
||||
white-space: nowrap; |
||||
padding: 2px; |
||||
background-color: #E5EDF9; |
||||
border: 1px solid #4271B5; |
||||
} |
||||
div.row div.label { |
||||
display: inline; |
||||
float: left; |
||||
width: 18%; |
||||
text-align: right; |
||||
} |
||||
div.row div.formw { |
||||
display: inline; |
||||
width: 80%; |
||||
} |
||||
[dir=ltr] div.row div.label, [dir=rtl] div.row div.formw { |
||||
float: left; |
||||
text-align: right; |
||||
} |
||||
[dir=rtl] div.row div.label, [dir=ltr] div.row div.formw { |
||||
float: right; |
||||
text-align: left; |
||||
} |
||||
span.form_required { |
||||
color: #f00; |
||||
} |
||||
span.form_error { |
||||
color: #f00; |
||||
font-size: x-small; |
||||
margin: 2px; |
||||
} |
||||
/* Form elements - some general styling */ |
||||
select, textarea { |
||||
color : #000; |
||||
border: 1px solid #000; |
||||
} |
||||
input.checkbox { |
||||
border-width: 0; |
||||
} |
||||
input.mainoption { |
||||
font-weight : bold; |
||||
} /* Main submit button */ |
||||
input.liteoption { |
||||
font-weight : normal; |
||||
} /* None-bold submit button */ |
||||
select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { |
||||
cursor: pointer; |
||||
font-size: 12px; |
||||
} |
||||
input[text] { |
||||
font-size: 12px; |
||||
} |
||||
/************************************************************ |
||||
styles below here are not necessarily used in the current |
||||
release and the CVS files, they are from earlier versions, |
||||
and have been left untouched for anyone needing them in |
||||
their own platform ... |
||||
*************************************************************/ |
||||
.topBanner a:link, .topBanner a:active, .topBanner a:visited { |
||||
text-decoration:none; |
||||
color:white; |
||||
} |
||||
.topBanner table { |
||||
text-decoration:none; |
||||
} |
||||
.topBanner a:hover { |
||||
text-decoration:underline; |
||||
} |
||||
.topBanner td { |
||||
border-top: solid White 1px; |
||||
} |
||||
.alternativeBgLight { |
||||
background-color: #f5f5f5; |
||||
} |
||||
.alternativeBgDark { |
||||
background-color: #e6e6e6 |
||||
} |
||||
.forms { |
||||
letter-spacing: normal; |
||||
text-align: justify; |
||||
text-indent: 3pt; |
||||
word-spacing: normal; |
||||
padding: 2px 5px; |
||||
} |
||||
.formsTips { |
||||
text-align: justify; |
||||
text-indent: 15pt; |
||||
word-spacing: normal; |
||||
} |
||||
/* |
||||
input.forms { letter-spacing: normal; text-align: justify; text-indent: 3pt; word-spacing: normal; |
||||
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} |
||||
*/ |
||||
.warn { |
||||
border: thin double Silver; |
||||
margin-left: 15px; |
||||
margin-right: 15px; |
||||
font-family: serif; |
||||
color: Red; |
||||
padding-left: 25px; |
||||
} |
||||
.small { |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
font-size: 11px |
||||
} |
||||
.xsmall { |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
font-size: 11px |
||||
} |
||||
.xxsmall { |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
font-size: 9px |
||||
} |
||||
/***************************************************** |
||||
* DATA TABLE STYLES * |
||||
*****************************************************/ |
||||
.cell_header { |
||||
background-color: #EEEEFF; |
||||
font-weight:bold; |
||||
text-align:left; |
||||
padding-left:5px; |
||||
} /* header cell in data table in tools */ |
||||
.data_table { |
||||
border-collapse: collapse; |
||||
width: 100%; |
||||
padding: 5px; |
||||
} |
||||
.data_table th { |
||||
/*padding-right: 20px;*/ |
||||
border: 1px solid gray; |
||||
background-color: #E5EDF9; |
||||
text-align: left; |
||||
} |
||||
.data_table tr.row_odd { |
||||
background-color: #fafafa; |
||||
} |
||||
.data_table tr.row_odd:hover, .data_table tr.row_even:hover { |
||||
background-color: #f0f0f0; |
||||
} |
||||
.data_table tr.row_even { |
||||
background-color: #fff; |
||||
} |
||||
.data_table td .highlight { |
||||
font-weight: bold; |
||||
} |
||||
.data_table td { |
||||
padding: 5px; |
||||
border-bottom: 1px solid #b0b0b0; |
||||
border-right: 1px dotted #e1e1e1; |
||||
border-left: 1px dotted #e1e1e1; |
||||
text-align: left; |
||||
} |
||||
|
||||
|
||||
.data_table_no_border { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
font-size: 12px; |
||||
margin-bottom: 15px; |
||||
margin-top: 8px; |
||||
text-align: left; |
||||
width: 100%; |
||||
} |
||||
|
||||
.data_table_no_border td { |
||||
line-height: normal; |
||||
padding: 6px; |
||||
text-align: left; |
||||
vertical-align: middle; |
||||
} |
||||
.data_table_no_border .highlight { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
/* admin page tool list definitions */ |
||||
.tool_list dt { |
||||
font-weight: bold; |
||||
} |
||||
.tool_list dd { |
||||
margin: 0; |
||||
padding: 4px 0 0 10px; |
||||
} |
||||
/* divs for category list / platform news on home page */ |
||||
.home_cats { |
||||
width: 45%; |
||||
float: left; |
||||
position: relative; |
||||
margin: 0; |
||||
padding: 0px; |
||||
padding-top: 8px; |
||||
background: #fff; |
||||
} |
||||
.home_news { |
||||
width: 45%; |
||||
float: right; |
||||
position: relative; |
||||
margin: 0; |
||||
padding: 0px; |
||||
padding-top: 8px; |
||||
background: #fff; |
||||
} |
||||
label.left { |
||||
float: left; |
||||
width: 15em; |
||||
margin: 0 0 0.5em 0; |
||||
} |
||||
form br { |
||||
clear: both; |
||||
} |
||||
/* Fix for alignment problem in IE-Win browsers */ |
||||
/* Hide from IE5-mac. Only IE-win sees this. \*/ |
||||
* html .label { |
||||
margin-right: 10px; |
||||
} |
||||
* html .data { |
||||
height: 1%; |
||||
margin-left: 0; |
||||
} |
||||
/* End hide from IE5/mac */ |
||||
|
||||
.radio, .checkbox { |
||||
margin: 0; |
||||
padding: 0; |
||||
border: none; |
||||
background-color: transparent; |
||||
} |
||||
.required { |
||||
color: #f00; |
||||
font-weight: bold; |
||||
} |
||||
/* Admin section */ |
||||
div.admin_section { |
||||
width: 40%; |
||||
float: left; |
||||
padding: 5px; |
||||
margin: 10px 20px; |
||||
} |
||||
div.admin_section h4 { |
||||
margin: 0; |
||||
border-bottom: 1px solid gray; |
||||
width: 100%; |
||||
} |
||||
.user_course_category { |
||||
background-color: #efefef; |
||||
border: 1px solid #666; |
||||
font-weight: bold; |
||||
color: #666; |
||||
list-style-type: none; |
||||
margin: 5px; |
||||
padding: 5px; |
||||
} |
||||
/* Styles for the Dokeos Config Settings of the platform admin section*/ |
||||
.sectiontitle { |
||||
background-color: #EFEFEF; |
||||
border: 1px solid #cccccc; |
||||
font-weight: bold; |
||||
color: #666666; |
||||
list-style-type: none; |
||||
margin: 5px; |
||||
padding: 5px; |
||||
font-size: 11px; |
||||
} |
||||
.sectioncomment { |
||||
color: #000000; |
||||
margin: 5px; |
||||
padding: 5px; |
||||
font-size: 11px; |
||||
} |
||||
.sectionvalue { |
||||
list-style-type: none; |
||||
margin: 5px; |
||||
padding: 5px; |
||||
} |
||||
/* New Announcements Tool */ |
||||
.announcements_datum { |
||||
font-size: 12px; |
||||
font-style: italic; |
||||
color: #666666; |
||||
} |
||||
/* System announcements on homepage */ |
||||
div.system_announcements { |
||||
} |
||||
div.system_announcements h3 { |
||||
} |
||||
div.system_announcement { |
||||
margin: 5px; |
||||
} |
||||
div.system_announcement_title { |
||||
} |
||||
div.system_announcement_content { |
||||
margin-left: 20px; |
||||
border-left: 1px solid gray; |
||||
padding-left: 5px; |
||||
} |
||||
/***************************************************** |
||||
* special print ccs classes * |
||||
*****************************************************/ |
||||
|
||||
a.full_url_print:after { |
||||
content: "(" attr(href) ")"; |
||||
font-size: 75%; |
||||
} |
||||
/* to make it in visible in the printed version*/ |
||||
.print_invisible { |
||||
display:none; |
||||
} |
||||
|
After Width: | Height: | Size: 9.8 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 36 KiB |
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue