Julian Prud'homme
19 years ago
parent
d737a76ec6
commit
13ea46ab3c
@ -1,16 +1,451 @@ |
||||
.dokeos_course {float:center; width: 98%; font: 76% arial,sans-serif; margin: 1.5em; line-height: 1.6em; } |
||||
.dokeos_course #title{ font-size: 48px; text-align: center; } |
||||
.dokeos_course a{display:block;color: #006;padding:10px} |
||||
.dokeos_course #header{ margin: 0 0 20px 0; border: 1px solid #ccc; } |
||||
.dokeos_course #header h1{ line-height:80px; margin:0; padding-left:10px;background: #EEE; } |
||||
.dokeos_course #content {float:center; width: 98%; border: 1px solid #ccc; padding: 10px; margin: 0 0 15px 0;} |
||||
.dokeos_course li { list-style-type: square; background: #FCFFC6; border: 1px solid #ccc; margin: 0 0 5px 0; padding: 3px ;} |
||||
.dokeos_course #footer{ clear:both; border: 1px solid #ccc; padding: 10px; } |
||||
.dokeos_course #left { float: left; width: 46%; border: 1px solid #ccc; padding: 10px; margin: 0 0 15px 0;} |
||||
.dokeos_course #right{float:right; width: 46%; border: 1px solid #ccc; padding: 10px; margin: 0 0 15px 0;} |
||||
.dokeos_course .image { float: center; border: 1px solid #ccc; padding: 10px; } |
||||
.dokeos_course .data { border: 1px solid #ccc; width: 100%; } |
||||
.dokeos_course .data td { background: #eee; padding: 5px; } |
||||
.dokeos_course .data td:hover { background: #d8d8d8; } |
||||
.dokeos_course .data td.item { background: #FFFAD7; font-weight: bold; } |
||||
.dokeos_course .data td.item:hover { background: #EBE5BC; } |
||||
/* |
||||
============================================================================== |
||||
GLOBAL STYLES |
||||
============================================================================== |
||||
*/ |
||||
.dokeos_course { |
||||
width:95%; |
||||
margin:1em auto; |
||||
text-align:center; |
||||
} |
||||
|
||||
/* |
||||
------------------------------------------------------------------------------ |
||||
Introductory title |
||||
------------------------------------------------------------------------------ |
||||
*/ |
||||
|
||||
#box_title1,#footer1 { |
||||
border:1px solid #4171b5; |
||||
padding:1em; |
||||
width:99%; |
||||
margin:1em auto; |
||||
} |
||||
|
||||
#box_title1 h1{ |
||||
font:bold 2.5em Arial,sans-serif,sans; |
||||
} |
||||
|
||||
#box_title h2{ |
||||
font:bold 2em Arial,sans-serif,sans; |
||||
} |
||||
|
||||
#content1 { |
||||
width:99%; |
||||
clear:both; |
||||
text-align:justify; |
||||
} |
||||
|
||||
#content1 img.icon{ |
||||
float:left; |
||||
margin:0 1em 1em 1em; |
||||
display:block; |
||||
vertical-align:top; |
||||
} |
||||
|
||||
#email1 { |
||||
float:right; |
||||
clear:right; |
||||
text-align:right; |
||||
} |
||||
|
||||
#email1, .manager1{ |
||||
width:50%; |
||||
} |
||||
|
||||
#footer1 { |
||||
font-weight:bold; |
||||
height: 1em; |
||||
line-height: 1em; |
||||
} |
||||
|
||||
#manager1 { |
||||
float:left; |
||||
clear:left; |
||||
text-align:left; |
||||
} |
||||
/* |
||||
------------------------------------------------------------------------------ |
||||
Explanation |
||||
------------------------------------------------------------------------------ |
||||
*/ |
||||
|
||||
#content2 { |
||||
position:absolute; |
||||
top:2em; |
||||
left:18em; |
||||
text-align:justify; |
||||
margin-right:2em; |
||||
} |
||||
|
||||
#content2 h1 { |
||||
padding:.5em; |
||||
font:bold 2em Arial,sans-serif,sans; |
||||
} |
||||
|
||||
#content2 h2 { |
||||
font:normal 1.1em Arial,sans-serif,sans; |
||||
margin:.2em 0 3em .5em; |
||||
} |
||||
|
||||
#content2 p{ |
||||
margin:.5em; |
||||
} |
||||
|
||||
#explanation { |
||||
text-align:center; |
||||
margin: 1em auto; |
||||
width:auto; |
||||
border:1px solid #4171b5; |
||||
} |
||||
#list2{ |
||||
width:10em; |
||||
border:1px solid #4171b5; |
||||
margin:2em auto; |
||||
} |
||||
#list2 p { |
||||
text-align:left; |
||||
margin-left:.2em; |
||||
} |
||||
|
||||
#list2 li { |
||||
margin:0 0 0 2em; |
||||
padding:0; |
||||
text-indent:.5em; |
||||
text-align:left; |
||||
list-style-position:inside; |
||||
} |
||||
#list2 ul{ |
||||
margin:0 0 .5em 0; |
||||
padding:0; |
||||
text-align:left; |
||||
list-style-position:inside; |
||||
} |
||||
|
||||
#main2 { |
||||
border:1px solid #4171b5; |
||||
} |
||||
|
||||
|
||||
#nav2 { |
||||
position:absolute; |
||||
left:2em; |
||||
top:3em; |
||||
width:15em; |
||||
} |
||||
|
||||
.template2 { |
||||
position:relative; |
||||
} |
||||
/* |
||||
------------------------------------------------------------------------------ |
||||
Course objetives |
||||
------------------------------------------------------------------------------ |
||||
*/ |
||||
#box_title3,#content3 { |
||||
border:1px solid #4171b5; |
||||
padding:1em; |
||||
width:99%; |
||||
margin:1em auto; |
||||
} |
||||
#box_title3 h1{ |
||||
font:bold 3.5em Arial,sans-serif,sans; |
||||
} |
||||
|
||||
#content3 { |
||||
position:relative; |
||||
padding-bottom:50px; |
||||
text-align:left; |
||||
} |
||||
#content3 #primary { |
||||
font-weight:bold; |
||||
font-size:2em; |
||||
margin:0; |
||||
padding:0; |
||||
} |
||||
#content3 #primary li,#content3 #secondary li{ |
||||
margin:0 0 0 1em; |
||||
padding:0; |
||||
} |
||||
#content3 #primary .secondary{ |
||||
font-weight:normal; |
||||
font-size:.8em; |
||||
margin:0 0 0 2em; |
||||
padding:0; |
||||
} |
||||
|
||||
#footer3 { |
||||
position:absolute; |
||||
bottom:0; |
||||
right:0; |
||||
} |
||||
|
||||
/* |
||||
============================================================================== |
||||
Styles for corporative version |
||||
============================================================================== |
||||
*/ |
||||
#corp { |
||||
font:normal .85em Lucida Grande,Arial,sans-serif,sans; |
||||
} |
||||
#corp a { |
||||
text-decoration: none; |
||||
font: bold 100% Arial, sans-serif, sans; |
||||
color: #4170b4; |
||||
} |
||||
|
||||
#corp a:hover,#corp a:focus { |
||||
color: #111; |
||||
} |
||||
|
||||
/* |
||||
------------------------------------------------------------------------------ |
||||
Introductory title |
||||
------------------------------------------------------------------------------ |
||||
*/ |
||||
|
||||
#corp #box_title1{ |
||||
background:transparent url("images/alert.jpg") no-repeat top center; |
||||
border:none; |
||||
padding-top:10px; |
||||
} |
||||
#corp #box_title1 #bottom{ |
||||
background:transparent url("images/alert.jpg") no-repeat top center; |
||||
height:40px; |
||||
width:100%; |
||||
} |
||||
|
||||
#corp #footer1 { |
||||
border: 1px solid #ddd; |
||||
background:#eee url("images/headertables.jpg") repeat-x top center; |
||||
line-height:.8em; |
||||
height:.8em; |
||||
padding:.5em; |
||||
} |
||||
/* |
||||
------------------------------------------------------------------------------ |
||||
Explanation |
||||
------------------------------------------------------------------------------ |
||||
*/ |
||||
#corp #explanation{ |
||||
background:transparent url("images/alert.jpg") no-repeat top center; |
||||
border:none; |
||||
padding-top:10px; |
||||
} |
||||
|
||||
#corp #explanation #bottom{ |
||||
background:transparent url("images/alert.jpg") no-repeat top center; |
||||
height:40px; |
||||
margin-top:-15px; |
||||
width:100%; |
||||
} |
||||
|
||||
#corp #list2,#corp #main2 { |
||||
border:1px solid #aaa; |
||||
} |
||||
|
||||
#corp #content2 #main2 h2 { |
||||
font:bold 1.1em Arial,sans-serif,sans; |
||||
margin:.2em 0 3em .5em; |
||||
} |
||||
/* |
||||
------------------------------------------------------------------------------ |
||||
Course objetives |
||||
------------------------------------------------------------------------------ |
||||
*/ |
||||
#corp #box_title3{ |
||||
background:transparent url("images/alert.jpg") no-repeat top center; |
||||
border:none; |
||||
padding-top:10px; |
||||
} |
||||
#corp #box_title3 #bottom{ |
||||
background:transparent url("images/alert.jpg") no-repeat top center; |
||||
height:40px; |
||||
width:100%; |
||||
} |
||||
#corp #content3 { |
||||
border:1px solid #bbb; |
||||
} |
||||
|
||||
/* |
||||
============================================================================== |
||||
Styles for academic version |
||||
============================================================================== |
||||
*/ |
||||
#academic { |
||||
font-family:normal .85em trebuchet, verdana, Arial, sans-serif, sans; |
||||
color: #000915; |
||||
} |
||||
#academic a { |
||||
text-decoration: none; |
||||
font: bold 100% Arial, sans-serif, sans; |
||||
color: #4171b5; |
||||
} |
||||
|
||||
#academic a:hover,a:focus { |
||||
color: #000915; |
||||
} |
||||
/* |
||||
------------------------------------------------------------------------------ |
||||
Introductory title |
||||
------------------------------------------------------------------------------ |
||||
*/ |
||||
#academic #box_title1{ |
||||
background:transparent url("images/alert_academic.jpg") no-repeat top center; |
||||
border:none; |
||||
padding-top:10px; |
||||
color: #00122B; |
||||
} |
||||
#academic #box_title1 #bottom{ |
||||
background:transparent url("images/alert_academic.jpg") no-repeat top center; |
||||
height:40px; |
||||
width:100%; |
||||
} |
||||
|
||||
#academic #footer1{ |
||||
background: #8cafe1 url('images/crystal3.png') repeat-x; |
||||
} |
||||
|
||||
#academic #footer1 a{ |
||||
color:#fff; |
||||
} |
||||
|
||||
#academic #footer1 a:hover,#academic #footer1 a:focus { |
||||
color: #000915; |
||||
} |
||||
/* |
||||
------------------------------------------------------------------------------ |
||||
Explanation |
||||
------------------------------------------------------------------------------ |
||||
*/ |
||||
#academic #explanation{ |
||||
background:transparent url("images/alert_academic.jpg") no-repeat top center; |
||||
border:none; |
||||
padding-top:10px; |
||||
color: #00122B; |
||||
} |
||||
#academic #explanation #bottom{ |
||||
background:transparent url("images/alert_academic.jpg") no-repeat top center; |
||||
height:40px; |
||||
width:100%; |
||||
} |
||||
|
||||
#academic #list2,#academic #main2{ |
||||
border: 1px solid #0049AF; |
||||
} |
||||
|
||||
#academic #nav2 img { |
||||
margin-bottom:3em; |
||||
} |
||||
#academic #nav2 .logo { |
||||
margin-left:-1.2em; |
||||
} |
||||
|
||||
#academic #nav2{ |
||||
top:5em; |
||||
} |
||||
/* |
||||
------------------------------------------------------------------------------ |
||||
Course objetives |
||||
------------------------------------------------------------------------------ |
||||
*/ |
||||
#academic #box_title3 { |
||||
border: 1px solid #0049AF; |
||||
background: #b0c8eb url('images/crystal3.png') repeat-x; |
||||
color: #00122B; |
||||
} |
||||
#academic #content3{ |
||||
border: 1px solid #0049AF; |
||||
} |
||||
/* |
||||
============================================================================== |
||||
Styles for baby version |
||||
============================================================================== |
||||
*/ |
||||
#baby { |
||||
font:normal .85em 'Lucida Grande', verdana, Arial, sans-serif, sans; |
||||
color: #000; |
||||
} |
||||
|
||||
#baby a { |
||||
text-decoration: none; |
||||
font: bold 100% Arial, sans-serif, sans; |
||||
color: #9a0; |
||||
} |
||||
|
||||
#baby a:hover,a:focus { |
||||
color: #470; |
||||
} |
||||
/* |
||||
------------------------------------------------------------------------------ |
||||
Introductory title |
||||
------------------------------------------------------------------------------ |
||||
*/ |
||||
|
||||
#baby #box_title1{ |
||||
background:transparent url("images/alert_baby.jpg") no-repeat top center; |
||||
border:none; |
||||
padding-top:10px; |
||||
color: #00122B; |
||||
} |
||||
#baby #box_title1 #bottom{ |
||||
background:transparent url("images/alert_baby.jpg") no-repeat top center; |
||||
height:40px; |
||||
width:100%; |
||||
} |
||||
|
||||
#baby #footer1 { |
||||
background-color:transparent; |
||||
border: 1px solid #BFAF00; |
||||
padding: .2em; |
||||
color: #3F3A00; |
||||
} |
||||
/* |
||||
------------------------------------------------------------------------------ |
||||
Explanation |
||||
------------------------------------------------------------------------------ |
||||
*/ |
||||
#baby #explanation{ |
||||
background:transparent url("images/alert_baby.jpg") no-repeat top center; |
||||
border:none; |
||||
padding-top:10px; |
||||
color: #3F3A00; |
||||
} |
||||
#baby #explanation #bottom{ |
||||
background:transparent url("images/alert_baby.jpg") no-repeat top center; |
||||
height:40px; |
||||
width:100%; |
||||
} |
||||
|
||||
#baby #list2,#baby #main2 { |
||||
border: 1px solid #BFAF00; |
||||
} |
||||
|
||||
#baby #nav2{ |
||||
top:0; |
||||
} |
||||
#baby #content2 #main2 h2 { |
||||
font:bold 1.1em Arial,sans-serif,sans; |
||||
margin:.2em 0 3em .5em; |
||||
} |
||||
/* |
||||
------------------------------------------------------------------------------ |
||||
Course objetives |
||||
------------------------------------------------------------------------------ |
||||
*/ |
||||
|
||||
#baby #box_title3{ |
||||
background:transparent url("images/alert_baby.jpg") no-repeat top center; |
||||
border:none; |
||||
padding-top:10px; |
||||
color: #3F3A00; |
||||
} |
||||
#baby #box_title3 #bottom{ |
||||
background:transparent url("images/alert_baby.jpg") no-repeat top center; |
||||
height:40px; |
||||
width:100%; |
||||
} |
||||
|
||||
#baby #content3 { |
||||
border: 1px solid #BFAF00; |
||||
} |
||||
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 7.6 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
Loading…
Reference in new issue