Alex Aragon
10 years ago
parent
4a1a9b175c
commit
661c8ff235
@ -1,543 +0,0 @@ |
||||
/* |
||||
* File: demo_table.css |
||||
* CVS: $Id$ |
||||
* Description: CSS descriptions for DataTables demo pages |
||||
* Author: Allan Jardine |
||||
* Created: Tue May 12 06:47:22 BST 2009 |
||||
* Modified: $Date$ by $Author$ |
||||
* Language: CSS |
||||
* Project: DataTables |
||||
* |
||||
* Copyright 2009 Allan Jardine. All Rights Reserved. |
||||
* Note: dataTable.css was later released as part of the jquery.dataTables |
||||
* plugin, released itself as GPLv2. As such, we believe this copyright is no |
||||
* longer an issue and will try to upgrade to a later version of dataTables |
||||
* in the near future. -- Yannick Warnier, Chamilo project leader, 2014-04 |
||||
* See https://support.chamilo.org/issues/7043 |
||||
* |
||||
* *************************************************************************** |
||||
* DESCRIPTION |
||||
* |
||||
* The styles given here are suitable for the demos that are used with the standard DataTables |
||||
* distribution (see www.datatables.net). You will most likely wish to modify these styles to |
||||
* meet the layout requirements of your site. |
||||
* |
||||
* Common issues: |
||||
* 'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is |
||||
* no conflict between the two pagination types. If you want to use full_numbers pagination |
||||
* ensure that you either have "example_alt_pagination" as a body class name, or better yet, |
||||
* modify that selector. |
||||
* Note that the path used for Images is relative. All images are by default located in |
||||
* images/dataTable/ - relative to this CSS file. |
||||
*/ |
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
||||
* DataTables features |
||||
*/ |
||||
|
||||
.dataTables_wrapper { |
||||
position: relative; |
||||
min-height: 302px; |
||||
clear: both; |
||||
_height: 302px; |
||||
zoom: 1; /* Feeling sorry for IE */ |
||||
} |
||||
|
||||
.dataTables_processing { |
||||
position: absolute; |
||||
top: 50%; |
||||
left: 50%; |
||||
width: 250px; |
||||
height: 30px; |
||||
margin-left: -125px; |
||||
margin-top: -15px; |
||||
padding: 14px 0 2px 0; |
||||
border: 1px solid #ddd; |
||||
text-align: center; |
||||
color: #999; |
||||
font-size: 14px; |
||||
background-color: white; |
||||
} |
||||
|
||||
.dataTables_length { |
||||
width: 40%; |
||||
float: left; |
||||
} |
||||
|
||||
.dataTables_filter { |
||||
width: 50%; |
||||
float: right; |
||||
text-align: right; |
||||
} |
||||
|
||||
.dataTables_info { |
||||
width: 60%; |
||||
float: left; |
||||
} |
||||
|
||||
.dataTables_paginate { |
||||
width: 44px; |
||||
* width: 50px; |
||||
float: right; |
||||
text-align: right; |
||||
} |
||||
|
||||
/* Pagination nested */ |
||||
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { |
||||
height: 19px; |
||||
width: 19px; |
||||
margin-left: 3px; |
||||
float: left; |
||||
} |
||||
|
||||
.paginate_disabled_previous { |
||||
background-image: url('images/dataTale/back_disabled.jpg'); |
||||
} |
||||
|
||||
.paginate_enabled_previous { |
||||
background-image: url('images/dataTable/back_enabled.jpg'); |
||||
} |
||||
|
||||
.paginate_disabled_next { |
||||
background-image: url('images/dataTable/forward_disabled.jpg'); |
||||
} |
||||
|
||||
.paginate_enabled_next { |
||||
background-image: url('images/dataTable/forward_enabled.jpg'); |
||||
} |
||||
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
||||
* DataTables display |
||||
*/ |
||||
table.display { |
||||
margin: 0 auto; |
||||
clear: both; |
||||
width: 100%; |
||||
|
||||
/* Note Firefox 3.5 and before have a bug with border-collapse |
||||
* ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) |
||||
* border-spacing: 0; is one possible option. Conditional-css.com is |
||||
* useful for this kind of thing |
||||
* |
||||
* Further note IE 6/7 has problems when calculating widths with border width. |
||||
* It subtracts one px relative to the other browsers from the first column, and |
||||
* adds one to the end... |
||||
* |
||||
* If you want that effect I'd suggest setting a border-top/left on th/td's and |
||||
* then filling in the gaps with other borders. |
||||
*/ |
||||
} |
||||
|
||||
table.display thead th { |
||||
padding: 3px 18px 3px 10px; |
||||
border-bottom: 1px solid black; |
||||
font-weight: bold; |
||||
cursor: pointer; |
||||
* cursor: hand; |
||||
} |
||||
|
||||
table.display tfoot th { |
||||
padding: 3px 18px 3px 10px; |
||||
border-top: 1px solid black; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
table.display tr.heading2 td { |
||||
border-bottom: 1px solid #aaa; |
||||
} |
||||
|
||||
table.display td { |
||||
padding: 3px 10px; |
||||
} |
||||
|
||||
table.display td.center { |
||||
text-align: center; |
||||
} |
||||
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
||||
* DataTables sorting |
||||
*/ |
||||
|
||||
.sorting_asc { |
||||
background: url('images/dataTable/sort_asc.png') no-repeat center right; |
||||
} |
||||
|
||||
.sorting_desc { |
||||
background: url('images/dataTable/sort_desc.png') no-repeat center right; |
||||
} |
||||
|
||||
.sorting { |
||||
background: url('images/dataTable/sort_both.png') no-repeat center right; |
||||
} |
||||
|
||||
.sorting_asc_disabled { |
||||
background: url('images/dataTable/sort_asc_disabled.png') no-repeat center right; |
||||
} |
||||
|
||||
.sorting_desc_disabled { |
||||
background: url('images/dataTable/sort_desc_disabled.png') no-repeat center right; |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
||||
* DataTables row classes |
||||
*/ |
||||
table.display tr.odd.gradeA { |
||||
background-color: #ddffdd; |
||||
} |
||||
|
||||
table.display tr.even.gradeA { |
||||
background-color: #eeffee; |
||||
} |
||||
|
||||
table.display tr.odd.gradeC { |
||||
background-color: #ddddff; |
||||
} |
||||
|
||||
table.display tr.even.gradeC { |
||||
background-color: #eeeeff; |
||||
} |
||||
|
||||
table.display tr.odd.gradeX { |
||||
background-color: #ffdddd; |
||||
} |
||||
|
||||
table.display tr.even.gradeX { |
||||
background-color: #ffeeee; |
||||
} |
||||
|
||||
table.display tr.odd.gradeU { |
||||
background-color: #ddd; |
||||
} |
||||
|
||||
table.display tr.even.gradeU { |
||||
background-color: #eee; |
||||
} |
||||
|
||||
|
||||
tr.odd { |
||||
background-color: #E2E4FF; |
||||
} |
||||
|
||||
tr.even { |
||||
background-color: white; |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
||||
* Misc |
||||
*/ |
||||
.dataTables_scroll { |
||||
clear: both; |
||||
} |
||||
|
||||
.dataTables_scrollBody { |
||||
*margin-top: -1px; |
||||
} |
||||
|
||||
.top, .bottom { |
||||
padding: 15px; |
||||
background-color: #F5F5F5; |
||||
border: 1px solid #CCCCCC; |
||||
} |
||||
|
||||
.top .dataTables_info { |
||||
float: none; |
||||
} |
||||
|
||||
.clear { |
||||
clear: both; |
||||
} |
||||
|
||||
.dataTables_empty { |
||||
text-align: center; |
||||
} |
||||
|
||||
tfoot input { |
||||
margin: 0.5em 0; |
||||
width: 100%; |
||||
color: #444; |
||||
} |
||||
|
||||
tfoot input.search_init { |
||||
color: #999; |
||||
} |
||||
|
||||
td.group { |
||||
background-color: #d1cfd0; |
||||
border-bottom: 2px solid #A19B9E; |
||||
border-top: 2px solid #A19B9E; |
||||
} |
||||
|
||||
td.details { |
||||
background-color: #d1cfd0; |
||||
border: 2px solid #A19B9E; |
||||
} |
||||
|
||||
|
||||
.example_alt_pagination div.dataTables_info { |
||||
width: 40%; |
||||
} |
||||
|
||||
.paging_full_numbers { |
||||
width: 400px; |
||||
height: 22px; |
||||
line-height: 22px; |
||||
} |
||||
|
||||
.paging_full_numbers span.paginate_button, |
||||
.paging_full_numbers span.paginate_active { |
||||
border: 1px solid #aaa; |
||||
-webkit-border-radius: 5px; |
||||
-moz-border-radius: 5px; |
||||
padding: 2px 5px; |
||||
margin: 0 3px; |
||||
cursor: pointer; |
||||
*cursor: hand; |
||||
} |
||||
|
||||
.paging_full_numbers span.paginate_button { |
||||
background-color: #ddd; |
||||
} |
||||
|
||||
.paging_full_numbers span.paginate_button:hover { |
||||
background-color: #ccc; |
||||
} |
||||
|
||||
.paging_full_numbers span.paginate_active { |
||||
background-color: #99B3FF; |
||||
} |
||||
|
||||
table.display tr.even.row_selected td { |
||||
background-color: #B0BED9; |
||||
} |
||||
|
||||
table.display tr.odd.row_selected td { |
||||
background-color: #9FAFD1; |
||||
} |
||||
|
||||
|
||||
/* |
||||
* Sorting classes for columns |
||||
*/ |
||||
/* For the standard odd/even */ |
||||
tr.odd td.sorting_1 { |
||||
background-color: #D3D6FF; |
||||
} |
||||
|
||||
tr.odd td.sorting_2 { |
||||
background-color: #DADCFF; |
||||
} |
||||
|
||||
tr.odd td.sorting_3 { |
||||
background-color: #E0E2FF; |
||||
} |
||||
|
||||
tr.even td.sorting_1 { |
||||
background-color: #EAEBFF; |
||||
} |
||||
|
||||
tr.even td.sorting_2 { |
||||
background-color: #F2F3FF; |
||||
} |
||||
|
||||
tr.even td.sorting_3 { |
||||
background-color: #F9F9FF; |
||||
} |
||||
|
||||
|
||||
/* For the Conditional-CSS grading rows */ |
||||
/* |
||||
Colour calculations (based off the main row colours) |
||||
Level 1: |
||||
dd > c4 |
||||
ee > d5 |
||||
Level 2: |
||||
dd > d1 |
||||
ee > e2 |
||||
*/ |
||||
tr.odd.gradeA td.sorting_1 { |
||||
background-color: #c4ffc4; |
||||
} |
||||
|
||||
tr.odd.gradeA td.sorting_2 { |
||||
background-color: #d1ffd1; |
||||
} |
||||
|
||||
tr.odd.gradeA td.sorting_3 { |
||||
background-color: #d1ffd1; |
||||
} |
||||
|
||||
tr.even.gradeA td.sorting_1 { |
||||
background-color: #d5ffd5; |
||||
} |
||||
|
||||
tr.even.gradeA td.sorting_2 { |
||||
background-color: #e2ffe2; |
||||
} |
||||
|
||||
tr.even.gradeA td.sorting_3 { |
||||
background-color: #e2ffe2; |
||||
} |
||||
|
||||
tr.odd.gradeC td.sorting_1 { |
||||
background-color: #c4c4ff; |
||||
} |
||||
|
||||
tr.odd.gradeC td.sorting_2 { |
||||
background-color: #d1d1ff; |
||||
} |
||||
|
||||
tr.odd.gradeC td.sorting_3 { |
||||
background-color: #d1d1ff; |
||||
} |
||||
|
||||
tr.even.gradeC td.sorting_1 { |
||||
background-color: #d5d5ff; |
||||
} |
||||
|
||||
tr.even.gradeC td.sorting_2 { |
||||
background-color: #e2e2ff; |
||||
} |
||||
|
||||
tr.even.gradeC td.sorting_3 { |
||||
background-color: #e2e2ff; |
||||
} |
||||
|
||||
tr.odd.gradeX td.sorting_1 { |
||||
background-color: #ffc4c4; |
||||
} |
||||
|
||||
tr.odd.gradeX td.sorting_2 { |
||||
background-color: #ffd1d1; |
||||
} |
||||
|
||||
tr.odd.gradeX td.sorting_3 { |
||||
background-color: #ffd1d1; |
||||
} |
||||
|
||||
tr.even.gradeX td.sorting_1 { |
||||
background-color: #ffd5d5; |
||||
} |
||||
|
||||
tr.even.gradeX td.sorting_2 { |
||||
background-color: #ffe2e2; |
||||
} |
||||
|
||||
tr.even.gradeX td.sorting_3 { |
||||
background-color: #ffe2e2; |
||||
} |
||||
|
||||
tr.odd.gradeU td.sorting_1 { |
||||
background-color: #c4c4c4; |
||||
} |
||||
|
||||
tr.odd.gradeU td.sorting_2 { |
||||
background-color: #d1d1d1; |
||||
} |
||||
|
||||
tr.odd.gradeU td.sorting_3 { |
||||
background-color: #d1d1d1; |
||||
} |
||||
|
||||
tr.even.gradeU td.sorting_1 { |
||||
background-color: #d5d5d5; |
||||
} |
||||
|
||||
tr.even.gradeU td.sorting_2 { |
||||
background-color: #e2e2e2; |
||||
} |
||||
|
||||
tr.even.gradeU td.sorting_3 { |
||||
background-color: #e2e2e2; |
||||
} |
||||
|
||||
|
||||
/* |
||||
* Row highlighting example |
||||
*/ |
||||
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { |
||||
background-color: #ECFFB3; |
||||
} |
||||
|
||||
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { |
||||
background-color: #E6FF99; |
||||
} |
||||
|
||||
.ex_highlight_row #example tr.even:hover { |
||||
background-color: #ECFFB3; |
||||
} |
||||
|
||||
.ex_highlight_row #example tr.even:hover td.sorting_1 { |
||||
background-color: #DDFF75; |
||||
} |
||||
|
||||
.ex_highlight_row #example tr.even:hover td.sorting_2 { |
||||
background-color: #E7FF9E; |
||||
} |
||||
|
||||
.ex_highlight_row #example tr.even:hover td.sorting_3 { |
||||
background-color: #E2FF89; |
||||
} |
||||
|
||||
.ex_highlight_row #example tr.odd:hover { |
||||
background-color: #E6FF99; |
||||
} |
||||
|
||||
.ex_highlight_row #example tr.odd:hover td.sorting_1 { |
||||
background-color: #D6FF5C; |
||||
} |
||||
|
||||
.ex_highlight_row #example tr.odd:hover td.sorting_2 { |
||||
background-color: #E0FF84; |
||||
} |
||||
|
||||
.ex_highlight_row #example tr.odd:hover td.sorting_3 { |
||||
background-color: #DBFF70; |
||||
} |
||||
|
||||
|
||||
/* |
||||
* KeyTable |
||||
*/ |
||||
table.KeyTable td { |
||||
border: 3px solid transparent; |
||||
} |
||||
|
||||
table.KeyTable td.focus { |
||||
border: 3px solid #3366FF; |
||||
} |
||||
|
||||
table.display tr.gradeA { |
||||
background-color: #eeffee; |
||||
} |
||||
|
||||
table.display tr.gradeC { |
||||
background-color: #ddddff; |
||||
} |
||||
|
||||
table.display tr.gradeX { |
||||
background-color: #ffdddd; |
||||
} |
||||
|
||||
table.display tr.gradeU { |
||||
background-color: #ddd; |
||||
} |
||||
|
||||
div.box { |
||||
height: 100px; |
||||
padding: 10px; |
||||
overflow: auto; |
||||
border: 1px solid #8080FF; |
||||
background-color: #E5E5FF; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -1,989 +0,0 @@ |
||||
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; |
||||
} |
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 260 B |
|
Before Width: | Height: | Size: 736 B |
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 559 B |
|
Before Width: | Height: | Size: 565 B |
|
Before Width: | Height: | Size: 608 B |
|
Before Width: | Height: | Size: 226 B |
|
Before Width: | Height: | Size: 606 B |
|
Before Width: | Height: | Size: 601 B |
|
Before Width: | Height: | Size: 609 B |
|
Before Width: | Height: | Size: 248 B |
|
Before Width: | Height: | Size: 613 B |
|
Before Width: | Height: | Size: 601 B |
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 612 B |
|
Before Width: | Height: | Size: 807 B |
|
Before Width: | Height: | Size: 894 B |
|
Before Width: | Height: | Size: 635 B |
|
Before Width: | Height: | Size: 852 B |
|
Before Width: | Height: | Size: 263 B |
|
Before Width: | Height: | Size: 252 B |
|
Before Width: | Height: | Size: 282 B |
|
Before Width: | Height: | Size: 260 B |
|
Before Width: | Height: | Size: 251 B |
|
Before Width: | Height: | Size: 9.8 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 912 B |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 418 B |
|
Before Width: | Height: | Size: 425 B |
|
Before Width: | Height: | Size: 203 B |
|
Before Width: | Height: | Size: 421 B |
@ -1,218 +0,0 @@ |
||||
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; |
||||
} |
||||
@ -1,943 +0,0 @@ |
||||
/* 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; |
||||
} |
||||
@ -1,33 +0,0 @@ |
||||
/* copy of default_scorm.css */ |
||||
#learning_path_breadcrumb_zone .breadcrumb{ |
||||
background: #505f6b; /* Old browsers */ |
||||
background: -moz-linear-gradient(top, #505f6b 0%, #3e4f5c 100%); /* FF3.6+ */ |
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505f6b), color-stop(100%,#3e4f5c)); /* Chrome,Safari4+ */ |
||||
background: -webkit-linear-gradient(top, #505f6b 0%,#3e4f5c 100%); /* Chrome10+,Safari5.1+ */ |
||||
background: -o-linear-gradient(top, #505f6b 0%,#3e4f5c 100%); /* Opera 11.10+ */ |
||||
background: -ms-linear-gradient(top, #505f6b 0%,#3e4f5c 100%); /* IE10+ */ |
||||
background: linear-gradient(to bottom, #505f6b 0%,#3e4f5c 100%); /* W3C */ |
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505f6b', endColorstr='#3e4f5c',GradientType=0 ); /* IE6-9 */ |
||||
color: #fff; |
||||
text-transform: capitalize; |
||||
border:none; |
||||
-webkit-border-radius: 1px; |
||||
-moz-border-radius: 1px; |
||||
border-radius: 1px; |
||||
} |
||||
#learning_path_breadcrumb_zone .breadcrumb a{ |
||||
color: #FFF; |
||||
} |
||||
#learning_path_breadcrumb_zone .breadcrumb a:hover{ |
||||
text-decoration: none; |
||||
opacity: 0.8; |
||||
} |
||||
#scorm_title { |
||||
font-weight: bold; |
||||
background:none; |
||||
font-size: 20px; |
||||
background-image: none; |
||||
color: #0088aa; |
||||
padding-top: 5px; |
||||
padding-bottom: 5px; |
||||
} |
||||
@ -1,82 +0,0 @@ |
||||
.scormpage { |
||||
} |
||||
.scormpage .menu { |
||||
width: 180px; |
||||
padding: 0px; |
||||
font-size: small; |
||||
position: absolute; |
||||
background-color: white; |
||||
} |
||||
.scormpage .menu .lp_nav { |
||||
height: 50px; |
||||
width: 160px; |
||||
padding-top: 4px; |
||||
padding-bottom:0px; |
||||
/* |
||||
margin-left: 10px; |
||||
margin-right: 10px; |
||||
*/ |
||||
margin-top: 0px; |
||||
} |
||||
.lp_navigation_elem { |
||||
padding-left: 15px; |
||||
padding-top: 0px; |
||||
} |
||||
/*.scormpage .menu */ |
||||
.lp_navigation_elem .progresstext { |
||||
font-size: smaller; |
||||
} |
||||
/*.scormpage .menu */ |
||||
.lp_navigation_elem .buttons { |
||||
margin-left: 5px; |
||||
margin-right: 0em; |
||||
margin-top: 0.4em; |
||||
} |
||||
#msg_div_id { |
||||
padding-left: 10px; |
||||
padding-top: 4px; |
||||
} |
||||
.scormpage .menu .notification { |
||||
height: 50px; |
||||
margin-left: 15px; |
||||
margin-right: 15px; |
||||
} |
||||
.scormpage .menu .notification .message { |
||||
height: 50px; |
||||
width: 140px; |
||||
border: none; |
||||
} |
||||
.scormpage .menu .notification .lp_log { |
||||
height: 100px; |
||||
width: 180px; |
||||
border: none; |
||||
overflow: auto; |
||||
} |
||||
.scormpage .content .iframe { |
||||
/* |
||||
border: none; |
||||
height: 700px; |
||||
margin: 0px; |
||||
padding-right: 0px; |
||||
margin-right: 0%; |
||||
margin-left: 0%; |
||||
*/ |
||||
/* trying the absolute mode */ |
||||
position: fixed; |
||||
bottom:0; |
||||
left:0; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.scormpage .footer { |
||||
clear: both; |
||||
} |
||||
#image_preview { |
||||
padding-left: 17px; |
||||
} |
||||
#author_name { |
||||
padding-left: 5px; |
||||
padding-top: 5px; |
||||
font-size: 11px; |
||||
color:#888; |
||||
} |
||||
@ -1,543 +0,0 @@ |
||||
/* |
||||
* File: demo_table.css |
||||
* CVS: $Id$ |
||||
* Description: CSS descriptions for DataTables demo pages |
||||
* Author: Allan Jardine |
||||
* Created: Tue May 12 06:47:22 BST 2009 |
||||
* Modified: $Date$ by $Author$ |
||||
* Language: CSS |
||||
* Project: DataTables |
||||
* |
||||
* Copyright 2009 Allan Jardine. All Rights Reserved. |
||||
* Note: dataTable.css was later released as part of the jquery.dataTables |
||||
* plugin, released itself as GPLv2. As such, we believe this copyright is no |
||||
* longer an issue and will try to upgrade to a later version of dataTables |
||||
* in the near future. -- Yannick Warnier, Chamilo project leader, 2014-04 |
||||
* See https://support.chamilo.org/issues/7043 |
||||
* |
||||
* *************************************************************************** |
||||
* DESCRIPTION |
||||
* |
||||
* The styles given here are suitable for the demos that are used with the standard DataTables |
||||
* distribution (see www.datatables.net). You will most likely wish to modify these styles to |
||||
* meet the layout requirements of your site. |
||||
* |
||||
* Common issues: |
||||
* 'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is |
||||
* no conflict between the two pagination types. If you want to use full_numbers pagination |
||||
* ensure that you either have "example_alt_pagination" as a body class name, or better yet, |
||||
* modify that selector. |
||||
* Note that the path used for Images is relative. All images are by default located in |
||||
* images/dataTable/ - relative to this CSS file. |
||||
*/ |
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
||||
* DataTables features |
||||
*/ |
||||
|
||||
.dataTables_wrapper { |
||||
position: relative; |
||||
min-height: 302px; |
||||
clear: both; |
||||
_height: 302px; |
||||
zoom: 1; /* Feeling sorry for IE */ |
||||
} |
||||
|
||||
.dataTables_processing { |
||||
position: absolute; |
||||
top: 50%; |
||||
left: 50%; |
||||
width: 250px; |
||||
height: 30px; |
||||
margin-left: -125px; |
||||
margin-top: -15px; |
||||
padding: 14px 0 2px 0; |
||||
border: 1px solid #ddd; |
||||
text-align: center; |
||||
color: #999; |
||||
font-size: 14px; |
||||
background-color: white; |
||||
} |
||||
|
||||
.dataTables_length { |
||||
width: 40%; |
||||
float: left; |
||||
} |
||||
|
||||
.dataTables_filter { |
||||
width: 50%; |
||||
float: right; |
||||
text-align: right; |
||||
} |
||||
|
||||
.dataTables_info { |
||||
width: 60%; |
||||
float: left; |
||||
} |
||||
|
||||
.dataTables_paginate { |
||||
width: 44px; |
||||
* width: 50px; |
||||
float: right; |
||||
text-align: right; |
||||
} |
||||
|
||||
/* Pagination nested */ |
||||
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { |
||||
height: 19px; |
||||
width: 19px; |
||||
margin-left: 3px; |
||||
float: left; |
||||
} |
||||
|
||||
.paginate_disabled_previous { |
||||
background-image: url('images/dataTale/back_disabled.jpg'); |
||||
} |
||||
|
||||
.paginate_enabled_previous { |
||||
background-image: url('images/dataTable/back_enabled.jpg'); |
||||
} |
||||
|
||||
.paginate_disabled_next { |
||||
background-image: url('images/dataTable/forward_disabled.jpg'); |
||||
} |
||||
|
||||
.paginate_enabled_next { |
||||
background-image: url('images/dataTable/forward_enabled.jpg'); |
||||
} |
||||
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
||||
* DataTables display |
||||
*/ |
||||
table.display { |
||||
margin: 0 auto; |
||||
clear: both; |
||||
width: 100%; |
||||
|
||||
/* Note Firefox 3.5 and before have a bug with border-collapse |
||||
* ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) |
||||
* border-spacing: 0; is one possible option. Conditional-css.com is |
||||
* useful for this kind of thing |
||||
* |
||||
* Further note IE 6/7 has problems when calculating widths with border width. |
||||
* It subtracts one px relative to the other browsers from the first column, and |
||||
* adds one to the end... |
||||
* |
||||
* If you want that effect I'd suggest setting a border-top/left on th/td's and |
||||
* then filling in the gaps with other borders. |
||||
*/ |
||||
} |
||||
|
||||
table.display thead th { |
||||
padding: 3px 18px 3px 10px; |
||||
border-bottom: 1px solid black; |
||||
font-weight: bold; |
||||
cursor: pointer; |
||||
* cursor: hand; |
||||
} |
||||
|
||||
table.display tfoot th { |
||||
padding: 3px 18px 3px 10px; |
||||
border-top: 1px solid black; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
table.display tr.heading2 td { |
||||
border-bottom: 1px solid #aaa; |
||||
} |
||||
|
||||
table.display td { |
||||
padding: 3px 10px; |
||||
} |
||||
|
||||
table.display td.center { |
||||
text-align: center; |
||||
} |
||||
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
||||
* DataTables sorting |
||||
*/ |
||||
|
||||
.sorting_asc { |
||||
background: url('images/dataTable/sort_asc.png') no-repeat center right; |
||||
} |
||||
|
||||
.sorting_desc { |
||||
background: url('images/dataTable/sort_desc.png') no-repeat center right; |
||||
} |
||||
|
||||
.sorting { |
||||
background: url('images/dataTable/sort_both.png') no-repeat center right; |
||||
} |
||||
|
||||
.sorting_asc_disabled { |
||||
background: url('images/dataTable/sort_asc_disabled.png') no-repeat center right; |
||||
} |
||||
|
||||
.sorting_desc_disabled { |
||||
background: url('images/dataTable/sort_desc_disabled.png') no-repeat center right; |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
||||
* DataTables row classes |
||||
*/ |
||||
table.display tr.odd.gradeA { |
||||
background-color: #ddffdd; |
||||
} |
||||
|
||||
table.display tr.even.gradeA { |
||||
background-color: #eeffee; |
||||
} |
||||
|
||||
table.display tr.odd.gradeC { |
||||
background-color: #ddddff; |
||||
} |
||||
|
||||
table.display tr.even.gradeC { |
||||
background-color: #eeeeff; |
||||
} |
||||
|
||||
table.display tr.odd.gradeX { |
||||
background-color: #ffdddd; |
||||
} |
||||
|
||||
table.display tr.even.gradeX { |
||||
background-color: #ffeeee; |
||||
} |
||||
|
||||
table.display tr.odd.gradeU { |
||||
background-color: #ddd; |
||||
} |
||||
|
||||
table.display tr.even.gradeU { |
||||
background-color: #eee; |
||||
} |
||||
|
||||
|
||||
tr.odd { |
||||
background-color: #E2E4FF; |
||||
} |
||||
|
||||
tr.even { |
||||
background-color: white; |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
||||
* Misc |
||||
*/ |
||||
.dataTables_scroll { |
||||
clear: both; |
||||
} |
||||
|
||||
.dataTables_scrollBody { |
||||
*margin-top: -1px; |
||||
} |
||||
|
||||
.top, .bottom { |
||||
padding: 15px; |
||||
background-color: #F5F5F5; |
||||
border: 1px solid #CCCCCC; |
||||
} |
||||
|
||||
.top .dataTables_info { |
||||
float: none; |
||||
} |
||||
|
||||
.clear { |
||||
clear: both; |
||||
} |
||||
|
||||
.dataTables_empty { |
||||
text-align: center; |
||||
} |
||||
|
||||
tfoot input { |
||||
margin: 0.5em 0; |
||||
width: 100%; |
||||
color: #444; |
||||
} |
||||
|
||||
tfoot input.search_init { |
||||
color: #999; |
||||
} |
||||
|
||||
td.group { |
||||
background-color: #d1cfd0; |
||||
border-bottom: 2px solid #A19B9E; |
||||
border-top: 2px solid #A19B9E; |
||||
} |
||||
|
||||
td.details { |
||||
background-color: #d1cfd0; |
||||
border: 2px solid #A19B9E; |
||||
} |
||||
|
||||
|
||||
.example_alt_pagination div.dataTables_info { |
||||
width: 40%; |
||||
} |
||||
|
||||
.paging_full_numbers { |
||||
width: 400px; |
||||
height: 22px; |
||||
line-height: 22px; |
||||
} |
||||
|
||||
.paging_full_numbers span.paginate_button, |
||||
.paging_full_numbers span.paginate_active { |
||||
border: 1px solid #aaa; |
||||
-webkit-border-radius: 5px; |
||||
-moz-border-radius: 5px; |
||||
padding: 2px 5px; |
||||
margin: 0 3px; |
||||
cursor: pointer; |
||||
*cursor: hand; |
||||
} |
||||
|
||||
.paging_full_numbers span.paginate_button { |
||||
background-color: #ddd; |
||||
} |
||||
|
||||
.paging_full_numbers span.paginate_button:hover { |
||||
background-color: #ccc; |
||||
} |
||||
|
||||
.paging_full_numbers span.paginate_active { |
||||
background-color: #99B3FF; |
||||
} |
||||
|
||||
table.display tr.even.row_selected td { |
||||
background-color: #B0BED9; |
||||
} |
||||
|
||||
table.display tr.odd.row_selected td { |
||||
background-color: #9FAFD1; |
||||
} |
||||
|
||||
|
||||
/* |
||||
* Sorting classes for columns |
||||
*/ |
||||
/* For the standard odd/even */ |
||||
tr.odd td.sorting_1 { |
||||
background-color: #D3D6FF; |
||||
} |
||||
|
||||
tr.odd td.sorting_2 { |
||||
background-color: #DADCFF; |
||||
} |
||||
|
||||
tr.odd td.sorting_3 { |
||||
background-color: #E0E2FF; |
||||
} |
||||
|
||||
tr.even td.sorting_1 { |
||||
background-color: #EAEBFF; |
||||
} |
||||
|
||||
tr.even td.sorting_2 { |
||||
background-color: #F2F3FF; |
||||
} |
||||
|
||||
tr.even td.sorting_3 { |
||||
background-color: #F9F9FF; |
||||
} |
||||
|
||||
|
||||
/* For the Conditional-CSS grading rows */ |
||||
/* |
||||
Colour calculations (based off the main row colours) |
||||
Level 1: |
||||
dd > c4 |
||||
ee > d5 |
||||
Level 2: |
||||
dd > d1 |
||||
ee > e2 |
||||
*/ |
||||
tr.odd.gradeA td.sorting_1 { |
||||
background-color: #c4ffc4; |
||||
} |
||||
|
||||
tr.odd.gradeA td.sorting_2 { |
||||
background-color: #d1ffd1; |
||||
} |
||||
|
||||
tr.odd.gradeA td.sorting_3 { |
||||
background-color: #d1ffd1; |
||||
} |
||||
|
||||
tr.even.gradeA td.sorting_1 { |
||||
background-color: #d5ffd5; |
||||
} |
||||
|
||||
tr.even.gradeA td.sorting_2 { |
||||
background-color: #e2ffe2; |
||||
} |
||||
|
||||
tr.even.gradeA td.sorting_3 { |
||||
background-color: #e2ffe2; |
||||
} |
||||
|
||||
tr.odd.gradeC td.sorting_1 { |
||||
background-color: #c4c4ff; |
||||
} |
||||
|
||||
tr.odd.gradeC td.sorting_2 { |
||||
background-color: #d1d1ff; |
||||
} |
||||
|
||||
tr.odd.gradeC td.sorting_3 { |
||||
background-color: #d1d1ff; |
||||
} |
||||
|
||||
tr.even.gradeC td.sorting_1 { |
||||
background-color: #d5d5ff; |
||||
} |
||||
|
||||
tr.even.gradeC td.sorting_2 { |
||||
background-color: #e2e2ff; |
||||
} |
||||
|
||||
tr.even.gradeC td.sorting_3 { |
||||
background-color: #e2e2ff; |
||||
} |
||||
|
||||
tr.odd.gradeX td.sorting_1 { |
||||
background-color: #ffc4c4; |
||||
} |
||||
|
||||
tr.odd.gradeX td.sorting_2 { |
||||
background-color: #ffd1d1; |
||||
} |
||||
|
||||
tr.odd.gradeX td.sorting_3 { |
||||
background-color: #ffd1d1; |
||||
} |
||||
|
||||
tr.even.gradeX td.sorting_1 { |
||||
background-color: #ffd5d5; |
||||
} |
||||
|
||||
tr.even.gradeX td.sorting_2 { |
||||
background-color: #ffe2e2; |
||||
} |
||||
|
||||
tr.even.gradeX td.sorting_3 { |
||||
background-color: #ffe2e2; |
||||
} |
||||
|
||||
tr.odd.gradeU td.sorting_1 { |
||||
background-color: #c4c4c4; |
||||
} |
||||
|
||||
tr.odd.gradeU td.sorting_2 { |
||||
background-color: #d1d1d1; |
||||
} |
||||
|
||||
tr.odd.gradeU td.sorting_3 { |
||||
background-color: #d1d1d1; |
||||
} |
||||
|
||||
tr.even.gradeU td.sorting_1 { |
||||
background-color: #d5d5d5; |
||||
} |
||||
|
||||
tr.even.gradeU td.sorting_2 { |
||||
background-color: #e2e2e2; |
||||
} |
||||
|
||||
tr.even.gradeU td.sorting_3 { |
||||
background-color: #e2e2e2; |
||||
} |
||||
|
||||
|
||||
/* |
||||
* Row highlighting example |
||||
*/ |
||||
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { |
||||
background-color: #ECFFB3; |
||||
} |
||||
|
||||
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { |
||||
background-color: #E6FF99; |
||||
} |
||||
|
||||
.ex_highlight_row #example tr.even:hover { |
||||
background-color: #ECFFB3; |
||||
} |
||||
|
||||
.ex_highlight_row #example tr.even:hover td.sorting_1 { |
||||
background-color: #DDFF75; |
||||
} |
||||
|
||||
.ex_highlight_row #example tr.even:hover td.sorting_2 { |
||||
background-color: #E7FF9E; |
||||
} |
||||
|
||||
.ex_highlight_row #example tr.even:hover td.sorting_3 { |
||||
background-color: #E2FF89; |
||||
} |
||||
|
||||
.ex_highlight_row #example tr.odd:hover { |
||||
background-color: #E6FF99; |
||||
} |
||||
|
||||
.ex_highlight_row #example tr.odd:hover td.sorting_1 { |
||||
background-color: #D6FF5C; |
||||
} |
||||
|
||||
.ex_highlight_row #example tr.odd:hover td.sorting_2 { |
||||
background-color: #E0FF84; |
||||
} |
||||
|
||||
.ex_highlight_row #example tr.odd:hover td.sorting_3 { |
||||
background-color: #DBFF70; |
||||
} |
||||
|
||||
|
||||
/* |
||||
* KeyTable |
||||
*/ |
||||
table.KeyTable td { |
||||
border: 3px solid transparent; |
||||
} |
||||
|
||||
table.KeyTable td.focus { |
||||
border: 3px solid #3366FF; |
||||
} |
||||
|
||||
table.display tr.gradeA { |
||||
background-color: #eeffee; |
||||
} |
||||
|
||||
table.display tr.gradeC { |
||||
background-color: #ddddff; |
||||
} |
||||
|
||||
table.display tr.gradeX { |
||||
background-color: #ffdddd; |
||||
} |
||||
|
||||
table.display tr.gradeU { |
||||
background-color: #ddd; |
||||
} |
||||
|
||||
div.box { |
||||
height: 100px; |
||||
padding: 10px; |
||||
overflow: auto; |
||||
border: 1px solid #8080FF; |
||||
background-color: #E5E5FF; |
||||
} |
||||
@ -1,956 +0,0 @@ |
||||
/***************************************************** |
||||
* MAIN - CHAMILO CSS |
||||
*****************************************************/ |
||||
|
||||
/* Adding default style for the chamilo_X themes */ |
||||
@import url('../base_chamilo.css'); |
||||
/* the following for regular <a> elements */ |
||||
a { |
||||
text-decoration: none; |
||||
color :#6E6E6E; |
||||
} |
||||
a:visited { |
||||
text-decoration: none; |
||||
} |
||||
a:hover { |
||||
text-decoration: none; |
||||
color: #FE9A2E; |
||||
} |
||||
a:active { |
||||
text-decoration: none; |
||||
} |
||||
.navbar .nav > li > a { |
||||
float: none; |
||||
line-height: 24px; |
||||
padding-bottom: 13px; |
||||
padding-right: 10px; |
||||
padding-top: 13px; |
||||
color: #FFFFFF; |
||||
text-shadow: none; |
||||
} |
||||
.subnav .navbar-inner { |
||||
background: #F9F9F9; |
||||
border: 1px solid #E1E1E0; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.subnav .nav > li > a { |
||||
border-left: none; |
||||
border-right: none; |
||||
color: #666; |
||||
font-weight: normal; |
||||
font-size: 13px; |
||||
box-shadow: 1px 1px #EDEDED !important; |
||||
} |
||||
.subnav .nav > li > a:hover{ |
||||
background: #3D3D3D; |
||||
color: #FFFFFF; |
||||
line-height: 22px; |
||||
} |
||||
|
||||
.subnav .nav > #current > a, |
||||
.subnav .nav > #current > a:hover { |
||||
color: #fff; |
||||
background-color: #EC5923; |
||||
border: 1px solid #EC5923; |
||||
box-shadow:0 1px 1px rgba(0, 0, 0, 0.15) inset; |
||||
line-height: 22px; |
||||
} |
||||
|
||||
.subnav li a { |
||||
color:#fff; |
||||
} |
||||
/*#main .nav .dropdown .dropdown-toggle{ |
||||
} |
||||
#main .nav .dropdown .dropdown-toggle:hover{ |
||||
margin-top: 0; |
||||
*/ |
||||
|
||||
/* Green hover */ |
||||
.subnav .navbar-inner li a:hover { |
||||
color: #fff; |
||||
background-color: #3A4751; |
||||
border: none; |
||||
box-shadow:none; |
||||
line-height: 24px; |
||||
} |
||||
.well .nav-list > li > a:hover { |
||||
text-decoration: none; |
||||
background: none; |
||||
} |
||||
.sidebar-nav h4{ |
||||
color: #037FB2; |
||||
padding-bottom: 3px; |
||||
padding-left: 15px; |
||||
padding-right: 15px; |
||||
padding-top: 3px; |
||||
} |
||||
.dropdown .dropdown-menu li a:hover { |
||||
-webkit-border-radius: 0; |
||||
-moz-border-radius: 0; |
||||
border-radius: 0; |
||||
} |
||||
#logout_button{ |
||||
margin-top: 4px; |
||||
border: none; |
||||
} |
||||
#logout_button:hover{ |
||||
margin-top: 4px; |
||||
background: none; |
||||
box-shadow: none; |
||||
|
||||
} |
||||
/***************************************************** |
||||
* STYLE THEME CHAMILO * |
||||
*****************************************************/ |
||||
/*.page-section{ |
||||
background:url(images/bg-header.jpg) repeat-x; |
||||
margin-top: -5px; |
||||
}*/ |
||||
.navbar-inner{ |
||||
background: #ec5923; /* Old browsers */ |
||||
background: -moz-linear-gradient(top, #ec5923 0%, #ec5923 100%); /* FF3.6+ */ |
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec5923), color-stop(100%,#ec5923)); /* Chrome,Safari4+ */ |
||||
background: -webkit-linear-gradient(top, #ec5923 0%,#ec5923 100%); /* Chrome10+,Safari5.1+ */ |
||||
background: -o-linear-gradient(top, #ec5923 0%,#ec5923 100%); /* Opera 11.10+ */ |
||||
background: -ms-linear-gradient(top, #ec5923 0%,#ec5923 100%); /* IE10+ */ |
||||
background: linear-gradient(to bottom, #ec5923 0%,#ec5923 100%); /* W3C */ |
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec5923', endColorstr='#ec5923',GradientType=0 ); /* IE6-9 */ |
||||
|
||||
} |
||||
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { |
||||
background-color: #3A4751; |
||||
color: #FFFFFF; |
||||
} |
||||
.navbar-search { |
||||
margin-bottom: 0; |
||||
margin-top: 11px; |
||||
position: relative; |
||||
} |
||||
.navbar-search .search-query { |
||||
background:#FFFFFF; |
||||
color: #666; |
||||
border: 1px solid #ffffff; |
||||
} |
||||
.navbar .nav .active > a, .navbar .nav .active > a:hover { |
||||
background:none; |
||||
color: #FFFFFF; |
||||
} |
||||
.welcome-mascot{ |
||||
background: url(images/chamilo-welcome.png) no-repeat right 0; |
||||
padding-right: 200px; |
||||
padding-bottom: 2em; |
||||
padding-top: 2em; |
||||
} |
||||
|
||||
.nav-list > li > a { |
||||
font-size: 14px; |
||||
padding-bottom: 6px; |
||||
/* padding-left: 15px; |
||||
padding-right: 15px;*/ |
||||
padding-top: 6px; |
||||
} |
||||
.controls .btn{ |
||||
background:#EC5923; |
||||
color: #ffffff; |
||||
border:1px solid rgba(0, 0, 0, 0.15); |
||||
padding: 5px 25px; |
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); |
||||
} |
||||
.controls .btn:hover{ |
||||
background: #EC5923; /* Old browsers */ |
||||
color: #FFFFFF; |
||||
border:1px solid rgba(0, 0, 0, 0.15); |
||||
padding: 5px 25px; |
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); |
||||
|
||||
} |
||||
.form-actions { |
||||
background:transparent; |
||||
} |
||||
.breadcrumb { |
||||
margin-bottom: 0; |
||||
background: #ffffff; /* Old browsers */ |
||||
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */ |
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ |
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */ |
||||
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */ |
||||
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */ |
||||
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */ |
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ |
||||
padding-top: 5px; |
||||
padding-bottom: 5px; |
||||
border: 1px solid #E1E1E0; |
||||
box-shadow: none; |
||||
color: #666; |
||||
} |
||||
.breadcrumb a{ |
||||
color: #666; |
||||
font-size: 13px; |
||||
line-height: 30px; |
||||
text-transform: none; |
||||
} |
||||
|
||||
.breadcrumb li{ |
||||
font-size: 14px; |
||||
text-shadow: none; |
||||
} |
||||
.breadcrumb a.btn-mini{ |
||||
font-size: 12px; |
||||
line-height: 17px; |
||||
text-transform: none; |
||||
color: #FFFFFF; |
||||
} |
||||
.breadcrumb a.btn-success { |
||||
background: #f68a7a; /* Old browsers */ |
||||
background: -moz-linear-gradient(top, #f68a7a 0%, #f26954 100%); /* FF3.6+ */ |
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f68a7a), color-stop(100%,#f26954)); /* Chrome,Safari4+ */ |
||||
background: -webkit-linear-gradient(top, #f68a7a 0%,#f26954 100%); /* Chrome10+,Safari5.1+ */ |
||||
background: -o-linear-gradient(top, #f68a7a 0%,#f26954 100%); /* Opera 11.10+ */ |
||||
background: -ms-linear-gradient(top, #f68a7a 0%,#f26954 100%); /* IE10+ */ |
||||
background: linear-gradient(to bottom, #f68a7a 0%,#f26954 100%); /* W3C */ |
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68a7a', endColorstr='#f26954',GradientType=0 ); /* IE6-9 */ |
||||
border: 1px solid #FD6600; |
||||
color: #FFFFFF; |
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); |
||||
} |
||||
.breadcrumb a.btn-success:hover{ |
||||
background: #f68a7a; /* Old browsers */ |
||||
background: -moz-linear-gradient(top, #f68a7a 0%, #ef7f70 100%); /* FF3.6+ */ |
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f68a7a), color-stop(100%,#ef7f70)); /* Chrome,Safari4+ */ |
||||
background: -webkit-linear-gradient(top, #f68a7a 0%,#ef7f70 100%); /* Chrome10+,Safari5.1+ */ |
||||
background: -o-linear-gradient(top, #f68a7a 0%,#ef7f70 100%); /* Opera 11.10+ */ |
||||
background: -ms-linear-gradient(top, #f68a7a 0%,#ef7f70 100%); /* IE10+ */ |
||||
background: linear-gradient(to bottom, #f68a7a 0%,#ef7f70 100%); /* W3C */ |
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68a7a', endColorstr='#ef7f70',GradientType=0 ); /* IE6-9 */ |
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); |
||||
} |
||||
.btn{ |
||||
display: inline-block; |
||||
margin-bottom: 0; |
||||
font-size: 14px; |
||||
font-weight: normal; |
||||
line-height: 1.428571429; |
||||
text-align: center; |
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); |
||||
cursor: pointer; |
||||
color: #FFFFFF; |
||||
background: #3D3D3D; /* Old browsers */ |
||||
border:1px solid rgba(0, 0, 0, 0.15); |
||||
} |
||||
.btn:hover{ |
||||
background: #4E5B65; /* Old browsers */ |
||||
color: #ffffff; |
||||
text-decoration: none; |
||||
} |
||||
.btn-primary{ |
||||
background:#EC5923; |
||||
color: #ffffff; |
||||
border:1px solid rgba(0, 0, 0, 0.15); |
||||
padding: 3px 25px; |
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); |
||||
} |
||||
.btn-primary:hover{ |
||||
background: #EA4E15; /* Old browsers */ |
||||
color: #FFFFFF; |
||||
border:1px solid rgba(0, 0, 0, 0.15); |
||||
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); |
||||
} |
||||
|
||||
/* styles for the star rater */ |
||||
.star-rating{ |
||||
list-style:none; |
||||
margin: 0px; |
||||
padding:0px; |
||||
width: 125px; |
||||
height: 25px; |
||||
position: relative; |
||||
overflow:hidden; |
||||
background: url(images/start-level.png) top left repeat-x; |
||||
} |
||||
.star-rating li{ |
||||
padding:0px; |
||||
margin:0px; |
||||
width:25px; |
||||
height:25px; |
||||
float: left; |
||||
} |
||||
.star-rating li a{ |
||||
display:block; |
||||
width:25px; |
||||
height: 25px; |
||||
line-height:25px; |
||||
text-decoration: none; |
||||
text-indent: -9000px; |
||||
z-index: 20; |
||||
position: absolute; |
||||
padding: 0px; |
||||
overflow:hidden; |
||||
} |
||||
.star-rating li a:hover{ |
||||
background: url(images/start-level.png) left bottom; |
||||
z-index: 2; |
||||
left: 0px; |
||||
border:none; |
||||
} |
||||
.star-rating a.one-star{ |
||||
left: 0px; |
||||
} |
||||
.star-rating a.one-star:hover{ |
||||
width:25px; |
||||
} |
||||
.star-rating a.two-stars{ |
||||
left:25px; |
||||
} |
||||
.star-rating a.two-stars:hover{ |
||||
width: 50px; |
||||
} |
||||
.star-rating a.three-stars{ |
||||
left: 50px; |
||||
} |
||||
.star-rating a.three-stars:hover{ |
||||
width: 75px; |
||||
} |
||||
.star-rating a.four-stars{ |
||||
left: 75px; |
||||
} |
||||
.star-rating a.four-stars:hover{ |
||||
width: 100px; |
||||
} |
||||
.star-rating a.five-stars{ |
||||
left: 100px; |
||||
} |
||||
.star-rating a.five-stars:hover{ |
||||
width: 125px; |
||||
} |
||||
.star-rating li.current-rating{ |
||||
background: url(images/start-level.png) left center; |
||||
position: absolute; |
||||
height: 25px; |
||||
display: block; |
||||
text-indent: -9000px; |
||||
z-index: 1; |
||||
} |
||||
/*ICON INBOX*/ |
||||
.home-icon{ |
||||
background:url(images/icon-chamilo.png) no-repeat 0 0; |
||||
background-size: 24px auto; |
||||
padding-left: 30px; |
||||
} |
||||
.home-icon:hover,.messages-icon:hover, .invitations-icon:hover,.shared-profile-icon:hover,.friends-icon:hover, |
||||
.browse-groups-icon:hover ,.search-icon:hover ,.myfiles-icon:hover { |
||||
opacity: 0.8; |
||||
} |
||||
.messages-icon{ |
||||
background:url(images/icon-chamilo.png) no-repeat 0 -29px; |
||||
background-size: 24px auto; |
||||
padding-left: 30px; |
||||
} |
||||
.invitations-icon{ |
||||
background:url(images/icon-chamilo.png) no-repeat 0 -61px; |
||||
background-size: 24px auto; |
||||
padding-left: 30px; |
||||
} |
||||
.shared-profile-icon{ |
||||
background:url(images/icon-chamilo.png) no-repeat 0 -96px; |
||||
background-size: 24px auto; |
||||
padding-left: 30px; |
||||
} |
||||
.friends-icon{ |
||||
background:url(images/icon-chamilo.png) no-repeat 0 -130px; |
||||
background-size: 24px auto; |
||||
padding-left: 30px; |
||||
} |
||||
|
||||
.browse-groups-icon{ |
||||
background:url(images/icon-chamilo.png) no-repeat 0 -163px; |
||||
background-size: 24px auto; |
||||
padding-left: 30px; |
||||
} |
||||
|
||||
.search-icon { |
||||
background:url(images/icon-chamilo.png) no-repeat 0 -198px; |
||||
background-size: 24px auto; |
||||
padding-left: 30px; |
||||
} |
||||
|
||||
.myfiles-icon { |
||||
background:url(images/icon-chamilo.png) no-repeat 0 -229px; |
||||
background-size: 24px auto; |
||||
padding-left: 30px; |
||||
} |
||||
|
||||
/* END ICON INBOX */ |
||||
.nav-list > .active > a, .nav-list > .active > a:hover { |
||||
color: #333333; |
||||
background: none; |
||||
text-shadow:none; |
||||
} |
||||
.social-menu .well .thumbnail{ |
||||
border: none; |
||||
border-radius: none; |
||||
box-shadow: none; |
||||
} |
||||
.invitation_confirm .thumbnail{ |
||||
border: 1px solid rgba(96, 165, 209, 0.1); |
||||
-webkit-border-radius: 10px; |
||||
-moz-border-radius: 10px; |
||||
border-radius: 10px; |
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); |
||||
display: block; |
||||
line-height: 1; |
||||
padding: 4px; |
||||
background-color: #EEF5FA; |
||||
} |
||||
.invitation_confirm a.thumbnail:hover{ |
||||
border-color: rgba(96, 165, 209, 0.1); |
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); |
||||
background-color: #FFFFFF; |
||||
} |
||||
.social-menu .well .thumbnail img{ |
||||
-webkit-border-radius: 10px; |
||||
-moz-border-radius: 10px; |
||||
border-radius: 10px; |
||||
border: 2px solid #FFFFFF; |
||||
} |
||||
|
||||
/*CSS SLIDER ANUNCIOS*/ |
||||
|
||||
.pagerslide h2{ |
||||
font-size: 18px; |
||||
font-weight: normal; |
||||
background: #E6E6E6; |
||||
color: #666; |
||||
padding-left: 15px; |
||||
} |
||||
|
||||
#top_main_content #announcements .page-header{ |
||||
display: none; |
||||
line-height: 1; |
||||
} |
||||
#top_main_content #announcements .span6 { |
||||
width: 800px; |
||||
} |
||||
|
||||
/*CSS PARA CONTENIDO DE CURSO INTRODUCCION*/ |
||||
|
||||
.page-course-intro{ |
||||
padding: 2em; |
||||
border: 1px solid #DDDDDD; |
||||
-webkit-border-radius: 10px; |
||||
-moz-border-radius: 10px; |
||||
border-radius: 10px; |
||||
margin-bottom: 2em; |
||||
background: #FFFFFF; |
||||
} |
||||
|
||||
.page-course-intro ul{ |
||||
list-style-image:url(images/vineta.png); |
||||
padding-top: 10px; |
||||
} |
||||
.page-course-intro a{ |
||||
color: #FD6600; |
||||
} |
||||
.page-course-intro a:hover{ |
||||
color: #FD6600; |
||||
text-decoration: underline; |
||||
} |
||||
|
||||
|
||||
/*FIN DE INTRODUCCION DEL CURSO*/ |
||||
.fc-header-title h2{ |
||||
color: #666; |
||||
} |
||||
.fc-first .fc-widget-header{ |
||||
font-size: 14px; |
||||
font-weight: normal; |
||||
padding-top: 5px; |
||||
padding-bottom: 5px; |
||||
} |
||||
|
||||
.well { |
||||
background: #F9F9F9; /* Old browsers */ |
||||
border: 1px solid #EDEDED; |
||||
border-radius: 8px; |
||||
box-shadow: none; |
||||
margin-bottom: 20px; |
||||
min-height: 20px; |
||||
padding: 20px 10px; |
||||
} |
||||
input.span3, textarea.span3, .uneditable-input.span3 { |
||||
margin-right: 10px; |
||||
width: 260px; |
||||
} |
||||
.sidebar-nav img{ |
||||
-webkit-border-radius: 10px; |
||||
-moz-border-radius: 10px; |
||||
border-radius: 10px; |
||||
} |
||||
#homepage .row .span9 h2{ |
||||
font-size: 26px; |
||||
font-weight: bold; |
||||
color: #666; |
||||
padding-bottom: 8px; |
||||
} |
||||
#homepage .row .span9 p,#homepage .row .span9 ol { |
||||
color: #6E6E6E; |
||||
} |
||||
#homepage .row .span9 a{ |
||||
/*color: #DE3A01;*/ |
||||
} |
||||
#homepage .row .span9 a:hover{ |
||||
/*color: #DE3A01;*/ |
||||
} |
||||
.page-header h2{ |
||||
color: #666; |
||||
font-weight: bold; |
||||
font-size: 18px; |
||||
padding-left: 10px; |
||||
} |
||||
#course_tools .course-title-tools h3 { |
||||
margin-top: 10px; |
||||
color: #666; |
||||
font-weight: bold; |
||||
|
||||
|
||||
} |
||||
.page-header { |
||||
border-bottom-color: #CCCCCC; |
||||
border-bottom-style: solid; |
||||
border-bottom-width: 1px; |
||||
box-shadow: none; |
||||
padding-bottom: 0px; |
||||
} |
||||
.well_border{ |
||||
background: #F9F9F9; /* Old browsers */ |
||||
border: 1px solid #EDEDED; |
||||
border-radius: 8px; |
||||
box-shadow: none; |
||||
margin-bottom: 20px; |
||||
min-height: 20px; |
||||
padding: 19px; |
||||
} |
||||
.well_border .row .span2 { |
||||
width: 98px; |
||||
} |
||||
.well_border .row .span2 .thumbnail { |
||||
background-color: #FFFFFF; |
||||
background-image: none; |
||||
} |
||||
#hot_courses .row .span9 .well_border .row .span6{ |
||||
width: auto; |
||||
} |
||||
.categories-course-description h3{ |
||||
color: #666; |
||||
} |
||||
#course_tools .content a { |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
} |
||||
#main_content .course-box .row .span7{ |
||||
width: 730px; |
||||
} |
||||
#main_content .course-box .row .span7 .row .span6 { |
||||
width: 615px; |
||||
} |
||||
#main_content .course-box .row .span7 .row .span6 h3{ |
||||
font-size: 20px; |
||||
} |
||||
#course_category li, #hot_courses h5, .course_item h5, .categories-course-description h5, .course-box h5 { |
||||
font-weight: normal; |
||||
} |
||||
.bottom_actions_fixed { |
||||
background: #EC5923; |
||||
} |
||||
/***************************************************** |
||||
* FOOTER STYLES * |
||||
*****************************************************/ |
||||
footer { |
||||
height: 10em; |
||||
background: #3D3D3D; |
||||
color:#ffffff; |
||||
border-top: 5px solid #CFCFCF; |
||||
} |
||||
footer .container .row { |
||||
padding-top: 5px; |
||||
} |
||||
footer a:link, footer a:visited { |
||||
color: #F1D40D; |
||||
} |
||||
/***************************************************** |
||||
* DISPLAY MESSAGES * |
||||
*****************************************************/ |
||||
/***************************************************** |
||||
* CSS CHAT * |
||||
*****************************************************/ |
||||
.chatboxmain { |
||||
bottom: 0; |
||||
display: block; |
||||
position: fixed; |
||||
right: 20px; |
||||
width: 225px; |
||||
z-index: 9000; |
||||
} |
||||
|
||||
.chatboxheadmain { |
||||
padding:7px 7px 7px 0px; |
||||
color: #ffffff; |
||||
border-right:1px solid #222; |
||||
border-left:1px solid #222; |
||||
|
||||
background-color: #222; |
||||
background-repeat: repeat-x; |
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); |
||||
background-image: -moz-linear-gradient(top, #333333, #222222); |
||||
background-image: -ms-linear-gradient(top, #333333, #222222); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); |
||||
background-image: -webkit-linear-gradient(top, #333333, #222222); |
||||
background-image: -o-linear-gradient(top, #333333, #222222); |
||||
background-image: linear-gradient(top, #333333, #222222); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); |
||||
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
||||
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
||||
|
||||
} |
||||
#chatboxtitlemain { |
||||
cursor: pointer; |
||||
float: left; |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
width: 160px; |
||||
} |
||||
/***************************************************** |
||||
* CSS CHAT END * |
||||
*****************************************************/ |
||||
.normal-message { |
||||
background-color: #D9EDF7; |
||||
color: #3A87AD; |
||||
padding: 15px; |
||||
margin-bottom: 15px; |
||||
border-top: 1px solid #BCE8F1; |
||||
border-left: 1px solid #BCE8F1; |
||||
border-right: 1px solid #BCE8F1; |
||||
border-bottom: 3px solid #BCE8F1; |
||||
border-radius: 10px; |
||||
} |
||||
.warning-message { |
||||
background-color: #FCF8E3; |
||||
color: #C09853; |
||||
padding: 10px; |
||||
margin-bottom: 15px; |
||||
border-top: 1px solid #FBEED5; |
||||
border-left: 1px solid #FBEED5; |
||||
border-right: 1px solid #FBEED5; |
||||
border-bottom: 3px solid #FBEED5; |
||||
border-radius: 10px; |
||||
} |
||||
.confirmation-message { |
||||
background-color: #DFF0D8; |
||||
color: #468847; |
||||
padding: 10px; |
||||
margin-bottom: 15px; |
||||
border-top: 1px solid #D6E9C6; |
||||
border-left: 1px solid #D6E9C6; |
||||
border-right: 1px solid #D6E9C6; |
||||
border-bottom: 3px solid #D6E9C6; |
||||
border-radius: 10px; |
||||
} |
||||
.error-message { |
||||
background-color: #F2DEDE; |
||||
color: #B94A48; |
||||
padding: 10px; |
||||
margin-bottom: 15px; |
||||
border-top: 1px solid #EED3D7; |
||||
border-left: 1px solid #EED3D7; |
||||
border-right: 1px solid #EED3D7; |
||||
border-bottom: 3px solid #EED3D7; |
||||
border-radius: 10px; |
||||
} |
||||
|
||||
.social-menu-title { |
||||
background-color:#00AAE3; |
||||
} |
||||
|
||||
#social-content-online { |
||||
background-color:#00AAE3; |
||||
} |
||||
|
||||
.admin_section li { |
||||
background-image:url(images/bullet.gif); |
||||
} |
||||
|
||||
.system_announcements { |
||||
background: transparent url('images/systemenouvelles.jpg') no-repeat top left; |
||||
} |
||||
|
||||
.topa { |
||||
background:transparent url('images/logoa4.gif') no-repeat; |
||||
} |
||||
.topb { |
||||
background:transparent url('images/logob4.gif') no-repeat; |
||||
} |
||||
|
||||
#bottomhellomindfactory { |
||||
background:transparent url('images/textologo.jpg') no-repeat; |
||||
} |
||||
.new_actions-fixed{ |
||||
top: 49px; |
||||
} |
||||
.user_login_icon{ |
||||
background: url(images/user_icon.png) no-repeat 5px center; |
||||
} |
||||
.user_password_icon{ |
||||
background: url(images/user_password.png) no-repeat 5px center; |
||||
} |
||||
.form-vertical .controls input.span2{ |
||||
padding-left: 25px; |
||||
} |
||||
/*including "login" image*/ |
||||
button.login { |
||||
background-image:url(images/bg-button.gif); |
||||
} |
||||
/*including "save" image*/ |
||||
button.save { |
||||
background-image:url(images/button_accept.png) |
||||
} |
||||
/*including "add" image*/ |
||||
.controls .btn.add { |
||||
background-image:url(images/button_plus_green.png); |
||||
padding-left: 36px; |
||||
} |
||||
/*including "cancel" image*/ |
||||
button.cancel { |
||||
background-image:url(images/button_delete.gif); |
||||
} |
||||
/*including "search" image*/ |
||||
button.search { |
||||
background-image:url(images/bg-button.png); |
||||
} |
||||
/*including "plus" image*/ |
||||
button.plus { |
||||
background-image:url(images/button_plus_blue.png); |
||||
} |
||||
/*including "minus" image*/ |
||||
button.minus { |
||||
background-image:url(images/button_minus.png); |
||||
} |
||||
/*including "next" image*/ |
||||
button.next { |
||||
background:url(images/next.png) 0 center no-repeat #F0F0F0; |
||||
} |
||||
button.next:hover { |
||||
background:url(images/next.png) 0 center no-repeat #ffffff; |
||||
} |
||||
/*including "back" image*/ |
||||
button.back { |
||||
background:url(images/previus.png) 0 center no-repeat #F0F0F0; |
||||
} |
||||
button.back:hover { |
||||
background:url(images/previus.png) 0 center no-repeat #ffffff; |
||||
} |
||||
/*including "refresh" image*/ |
||||
button.refresh { |
||||
background-image:url(images/button_refresh.gif); |
||||
} |
||||
/*including "upload" image*/ |
||||
button.upload { |
||||
background-image:url(images/button_upload.gif); |
||||
} |
||||
|
||||
button.arrowr, input.arrowr { |
||||
background-image:url(images/2rightarrow.gif); |
||||
} |
||||
button.arrowl, input.arrowl { |
||||
background-image:url(images/2leftarrow.gif); |
||||
} |
||||
.refresh { |
||||
background-image:url(images/refresh.png); |
||||
} |
||||
|
||||
.portal { |
||||
background-image:url(images/portal.png); |
||||
} |
||||
|
||||
/*CSS ICON BLOCK USER*/ |
||||
.inbox-social{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -415px; |
||||
padding-left: 40px; |
||||
} |
||||
.inbox-social:hover,.new-message-social:hover,.invitations-social:hover,.profile-social:hover,.add-course:hover, |
||||
.order-course:hover,.history-course:hover, .list-course:hover{ |
||||
opacity: 0.8; |
||||
} |
||||
.new-message-social{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -370px; |
||||
padding-left: 40px; |
||||
} |
||||
.invitations-social{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -455px; |
||||
padding-left: 40px; |
||||
} |
||||
.profile-social{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -496px; |
||||
padding-left: 40px; |
||||
} |
||||
.add-course{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -327px; |
||||
padding-left: 40px; |
||||
} |
||||
.order-course{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -536px; |
||||
padding-left: 40px; |
||||
} |
||||
.history-course{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -576px; |
||||
padding-left: 40px; |
||||
} |
||||
.list-course{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -618px; |
||||
padding-left: 40px; |
||||
} |
||||
.forum-btn{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -666px; |
||||
padding-left: 40px; |
||||
} |
||||
|
||||
/*+++++++++++++++++++++++++++++++++ |
||||
RESPONSIVE CSS |
||||
+++++++++++++++++++++++++++++++++*/ |
||||
|
||||
.navbar .brand { |
||||
float: left; |
||||
font-size: 16px; |
||||
font-weight: 200; |
||||
line-height: 20px; |
||||
padding-bottom: 12px; |
||||
padding-top: 15px; |
||||
color: #ffffff; |
||||
} |
||||
|
||||
@media (min-width: 481px) and (max-width: 800px) { |
||||
.navbar .brand { |
||||
color: #666; |
||||
} |
||||
.navbar .nav-collapse .nav.pull-right a{ |
||||
color: #3A4751; |
||||
line-height: 26px; |
||||
} |
||||
.navbar .nav-collapse .nav.pull-right a:hover{ |
||||
color: #FFFFFF; |
||||
} |
||||
.sidebar-nav h4 { |
||||
color: #037FB2; |
||||
font-size: 18px; |
||||
padding-bottom: 10px; |
||||
padding-left: 15px; |
||||
padding-right: 15px; |
||||
padding-top: 10px; |
||||
} |
||||
#profile_block .nav-list li, #course_block .nav-list li{ |
||||
padding-bottom: 5px; |
||||
padding-top: 5px; |
||||
} |
||||
#top_main_content .menu-column #user_image_block{ |
||||
box-shadow: none; |
||||
} |
||||
|
||||
} |
||||
@media (max-width: 600px) { |
||||
#main_content .course-box .row .span7 .row .span6 { |
||||
float: left; |
||||
/*width: 615px;*/ |
||||
padding-left: 10px; |
||||
} |
||||
#main_content .course-box .row .span7 .row .span6 h3 { |
||||
font-size: 16px; |
||||
/*width: 500px;*/ |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 801px){ |
||||
.nav-list > li > a { |
||||
font-size: 13px; |
||||
padding-bottom: 8px; |
||||
padding-top: 8px; |
||||
} |
||||
|
||||
/*CSS ICON BLOCK USER*/ |
||||
.inbox-social{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -345px; |
||||
padding-left: 30px; |
||||
background-size: 25px auto; |
||||
} |
||||
|
||||
.new-message-social{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -307px; |
||||
padding-left: 30px; |
||||
background-size: 25px auto; |
||||
} |
||||
|
||||
.invitations-social{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -378px; |
||||
padding-left: 30px; |
||||
background-size: 25px auto; |
||||
} |
||||
|
||||
.profile-social{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -414px; |
||||
padding-left: 30px; |
||||
background-size: 25px auto; |
||||
} |
||||
|
||||
.add-course{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -274px; |
||||
padding-left: 30px; |
||||
background-size: 25px auto; |
||||
} |
||||
|
||||
.order-course{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -447px; |
||||
padding-left: 30px; |
||||
background-size: 25px auto; |
||||
} |
||||
|
||||
.history-course{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -481px; |
||||
padding-left: 30px; |
||||
background-size: 25px auto; |
||||
} |
||||
|
||||
.list-course{ |
||||
background: url("images/icon-chamilo.png") no-repeat 0 -517px; |
||||
padding-left: 30px; |
||||
background-size: 25px auto; |
||||
} |
||||
.forum-btn { |
||||
background: url("images/icon-chamilo.png") no-repeat scroll 0 -552px / 25px auto rgba(0, 0, 0, 0); |
||||
padding-left: 30px; |
||||
} |
||||
|
||||
} |
||||
@media (min-width: 321px) and (max-width: 480px){ |
||||
footer { |
||||
height: 5em; |
||||
} |
||||
.welcome-mascot{ |
||||
background: none; |
||||
padding-right: 0px; |
||||
padding-bottom: 2em; |
||||
padding-top: 2em; |
||||
} |
||||
#homepage .row .span9 h2 { |
||||
color: #666; |
||||
font-size: 18px; |
||||
font-weight: bold; |
||||
padding-bottom: 8px; |
||||
line-height: 25px; |
||||
|} |
||||
#announcements{ |
||||
display: none; |
||||
} |
||||
} |
||||
/*+++++++++++++++++++++++++++++++++ |
||||
END RESPONSIVE CSS |
||||
+++++++++++++++++++++++++++++++++*/ |
||||
@ -1,989 +0,0 @@ |
||||
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; |
||||
} |
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 597 B |
|
Before Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 260 B |
|
Before Width: | Height: | Size: 767 B |
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 550 B |
|
Before Width: | Height: | Size: 772 B |
|
Before Width: | Height: | Size: 226 B |
|
Before Width: | Height: | Size: 606 B |
|
Before Width: | Height: | Size: 617 B |
|
Before Width: | Height: | Size: 738 B |
|
Before Width: | Height: | Size: 729 B |
|
Before Width: | Height: | Size: 248 B |
|
Before Width: | Height: | Size: 613 B |
|
Before Width: | Height: | Size: 601 B |
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 612 B |
|
Before Width: | Height: | Size: 807 B |
|
Before Width: | Height: | Size: 894 B |
|
Before Width: | Height: | Size: 635 B |
|
Before Width: | Height: | Size: 852 B |
|
Before Width: | Height: | Size: 263 B |
|
Before Width: | Height: | Size: 252 B |
|
Before Width: | Height: | Size: 282 B |
|
Before Width: | Height: | Size: 260 B |
|
Before Width: | Height: | Size: 251 B |
|
Before Width: | Height: | Size: 9.0 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 619 B |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 611 B |
|
Before Width: | Height: | Size: 912 B |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 418 B |
|
Before Width: | Height: | Size: 425 B |
|
Before Width: | Height: | Size: 203 B |
|
Before Width: | Height: | Size: 421 B |
@ -1,218 +0,0 @@ |
||||
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; |
||||
} |
||||
@ -1,943 +0,0 @@ |
||||
/* 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; |
||||
} |
||||
@ -1,11 +0,0 @@ |
||||
/* copy of default_scorm.css */ |
||||
|
||||
#scorm_title { |
||||
font-weight: bold; |
||||
background:none; |
||||
font-size: 20px; |
||||
background-image: none; |
||||
color: #0088aa; |
||||
padding-top: 5px; |
||||
padding-bottom: 5px; |
||||
} |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue