You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
410 lines
9.3 KiB
410 lines
9.3 KiB
/*
|
|
==============================================================================
|
|
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.jpg") no-repeat top center;
|
|
border:none;
|
|
padding-top:10px;
|
|
color: #00122B;
|
|
}
|
|
#academic #box_title1 #bottom {
|
|
background:transparent url("images/alert.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.jpg") no-repeat top center;
|
|
border:none;
|
|
padding-top:10px;
|
|
color: #00122B;
|
|
}
|
|
#academic #explanation #bottom {
|
|
background:transparent url("images/alert.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.jpg") no-repeat top center;
|
|
border:none;
|
|
padding-top:10px;
|
|
color: #00122B;
|
|
}
|
|
#baby #box_title1 #bottom {
|
|
background:transparent url("images/alert.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.jpg") no-repeat top center;
|
|
border:none;
|
|
padding-top:10px;
|
|
color: #3F3A00;
|
|
}
|
|
#baby #explanation #bottom {
|
|
background:transparent url("images/alert.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.jpg") no-repeat top center;
|
|
border:none;
|
|
padding-top:10px;
|
|
color: #3F3A00;
|
|
}
|
|
#baby #box_title3 #bottom {
|
|
background:transparent url("images/alert.jpg") no-repeat top center;
|
|
height:40px;
|
|
width:100%;
|
|
}
|
|
#baby #content3 {
|
|
border: 1px solid #BFAF00;
|
|
}
|
|
|