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.
431 lines
10 KiB
431 lines
10 KiB
/*
|
|
==============================================================================
|
|
GLOBAL STYLES
|
|
==============================================================================
|
|
*/
|
|
#box_title {
|
|
text-align: right;
|
|
margin-left: 30%;
|
|
width: 65%;
|
|
margin: 0;
|
|
float: right;
|
|
}
|
|
#box_title h1 {
|
|
font: bold 2em Arial, sans-serif, sans;
|
|
color: #bbb;
|
|
}
|
|
#box_title h2 {
|
|
font: bold 1.5em Arial, sans-serif, sans;
|
|
color: #bbb;
|
|
}
|
|
.dokeos_course {
|
|
width: 690px;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
font: normal .72em verdana, 'Lucida Grande', sans-serif, sans;
|
|
}
|
|
#footer_template {
|
|
background: transparent url("images/footer_template.png") no-repeat top center;
|
|
width: 690px;
|
|
height: 48px;
|
|
clear:both;
|
|
}
|
|
#header_template {
|
|
width: 690px;
|
|
background: transparent url("images/writerheader.png") no-repeat top left;
|
|
height: 150px;
|
|
}
|
|
/*
|
|
------------------------------------------------------------------------------
|
|
Presentation
|
|
------------------------------------------------------------------------------
|
|
*/
|
|
|
|
#text_presentation {
|
|
/* Min-height hack for IE 6*/
|
|
min-height: 200px;
|
|
height: auto !important;
|
|
height: 200px;
|
|
width: 690px;
|
|
float:left;
|
|
text-align: justify;
|
|
background: transparent url("images/repeat_template.png") repeat-y top center;
|
|
}
|
|
#text_presentation em {
|
|
font: normal normal bold 1em verdana, 'Lucida Grande', sans-serif, sans;
|
|
}
|
|
#text_presentation img.left {
|
|
float: left;
|
|
margin: 0 2em 2em 1em;
|
|
clear: left;
|
|
display: block;
|
|
}
|
|
#text_presentation p {
|
|
text-align: justify;
|
|
width: 620px;
|
|
margin: 1em auto 1em auto;
|
|
}
|
|
/*
|
|
------------------------------------------------------------------------------
|
|
Explanation
|
|
------------------------------------------------------------------------------
|
|
*/
|
|
#body_explanation {
|
|
background: transparent url("images/repeat_template.png") repeat-y top center;
|
|
/* Min-height hack for IE 6*/
|
|
min-height: 200px;
|
|
height: auto !important;
|
|
height: 200px;
|
|
width: 690px;
|
|
float:left;
|
|
}
|
|
#explanation #header_template {
|
|
background: transparent url("images/teacherheader.png") no-repeat top left;
|
|
}
|
|
#menu_explanation {
|
|
margin:1em 0 0 0;
|
|
padding:0;
|
|
width:130px;
|
|
margin-left:20px;
|
|
float:left;
|
|
clear:left;
|
|
list-style:none;
|
|
height:100%;
|
|
background: transparent url("images/vertdivider_template.jpg") no-repeat top right;
|
|
padding-right:15px;
|
|
/* Min-height hack for IE 6*/
|
|
min-height: 200px;
|
|
height: auto !important;
|
|
height: 200px;
|
|
}
|
|
#menu_explanation dd {
|
|
margin:1em 0 0 0;
|
|
padding:0;
|
|
list-style:none;
|
|
text-indent:25px;
|
|
font: bold 1.1em Arial, sans-serif, sans;
|
|
color: #aaa;
|
|
}
|
|
#menu_explanation dd a {
|
|
color: #aaa;
|
|
text-decoration:none;
|
|
}
|
|
#menu_explanation dd a:visited {
|
|
color: #bbb;
|
|
}
|
|
#menu_explanation dd a:hover, #menu_explanation dd a:focus {
|
|
color:#000;
|
|
}
|
|
#menu_explanation dt {
|
|
margin:0 0 1em 10px;
|
|
font: bold 1.2em Arial, sans-serif, sans;
|
|
color: #aaa;
|
|
}
|
|
#text_explanation {
|
|
width:450px;
|
|
margin:0 0 0 10px;
|
|
text-align:justify;
|
|
float:left;
|
|
height:205px;
|
|
overflow: auto;
|
|
}
|
|
#text_explanation em {
|
|
font: normal normal bold 1em verdana, 'Lucida Grande', sans-serif, sans;
|
|
}
|
|
#text_explanation p {
|
|
width:390px;
|
|
margin:1em auto;
|
|
}
|
|
/*
|
|
------------------------------------------------------------------------------
|
|
Course Objectives
|
|
------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.comment_objective {
|
|
color:#000;
|
|
font: bold .7em verdana, 'Lucida Grande', sans-serif, sans;
|
|
}
|
|
#course_objectives #header_template {
|
|
background: transparent url("images/pointerheader.png") no-repeat top left;
|
|
}
|
|
#objectives_template {
|
|
margin:.3em auto 0 auto;
|
|
padding:0;
|
|
width:550px;
|
|
text-align:justify;
|
|
color:#4271b5;
|
|
font: bold 2.5em Arial, sans-serif, sans;
|
|
list-style:outside url("images/file_important.png");
|
|
}
|
|
#objectives_template li {
|
|
margin:0 0 .5em 1em;
|
|
padding:0;
|
|
}
|
|
#text_course_objectives {
|
|
background: transparent url("images/repeat_template.png") repeat-y top center;
|
|
/* Min-height hack for IE 6*/
|
|
min-height: 200px;
|
|
height: auto !important;
|
|
height: 200px;
|
|
width: 690px;
|
|
float:left;
|
|
}
|
|
/*
|
|
------------------------------------------------------------------------------
|
|
Activity proposal
|
|
------------------------------------------------------------------------------
|
|
*/
|
|
#activity_proposal #header_template {
|
|
background: transparent url("images/practicerheader.png") no-repeat top left;
|
|
}
|
|
#body_proposal {
|
|
background: transparent url("images/repeat_template.png") repeat-y top center;
|
|
/* Min-height hack for IE 6*/
|
|
min-height: 200px;
|
|
height: auto !important;
|
|
height: 200px;
|
|
width: 690px;
|
|
float:left;
|
|
}
|
|
#menu_proposal {
|
|
margin:1em 0 0 0;
|
|
padding:0;
|
|
width:130px;
|
|
margin-left:20px;
|
|
float:left;
|
|
clear:left;
|
|
list-style:none;
|
|
height:100%;
|
|
background: transparent url("images/vertdivider_template.jpg") no-repeat top right;
|
|
padding-right:15px;
|
|
/* Min-height hack for IE 6*/
|
|
min-height: 200px;
|
|
height: auto !important;
|
|
height: 200px;
|
|
}
|
|
#menu_proposal dd {
|
|
margin:1em 0 0 0;
|
|
padding:0;
|
|
list-style:none;
|
|
text-indent:25px;
|
|
font: bold 1.1em Arial, sans-serif, sans;
|
|
color: #4271b5;
|
|
}
|
|
#menu_proposal dt {
|
|
margin:0 0 1em 10px;
|
|
font: bold 1.3em Arial, sans-serif, sans;
|
|
color: #bbb;
|
|
}
|
|
#text_proposal {
|
|
width:450px;
|
|
margin:0 0 0 10px;
|
|
text-align:justify;
|
|
float:left;
|
|
}
|
|
#text_proposal em {
|
|
font: normal normal bold 1em verdana, 'Lucida Grande', sans-serif, sans;
|
|
}
|
|
#text_proposal p {
|
|
width:390px;
|
|
margin:1em auto;
|
|
}
|
|
/*
|
|
------------------------------------------------------------------------------
|
|
Think about
|
|
------------------------------------------------------------------------------
|
|
*/
|
|
|
|
#text_course_think {
|
|
background: transparent url("images/repeat_template.png") repeat-y top center;
|
|
/* Min-height hack for IE 6*/
|
|
min-height: 200px;
|
|
height: auto !important;
|
|
height: 200px;
|
|
width: 690px;
|
|
float:left;
|
|
}
|
|
#think_about #header_template {
|
|
background: transparent url("images/thinkerheader.png") no-repeat top left;
|
|
}
|
|
#think_about_list {
|
|
margin:.5em auto 0 auto;
|
|
padding:0;
|
|
width:600px;
|
|
text-align:justify;
|
|
color:#4271b5;
|
|
font: bold 2.5em Arial, sans-serif, sans;
|
|
list-style:outside url("images/list_icon_template.png");
|
|
}
|
|
#think_about_list li {
|
|
margin:0 0 1em 1em;
|
|
padding:0;
|
|
}
|
|
#think_forum {
|
|
width:500px;
|
|
margin:-1em auto 0 auto;
|
|
color:#aaa;
|
|
font: bold 1.2em Arial, sans-serif, sans;
|
|
background: transparent url("images/forum_template.png") no-repeat top right;
|
|
padding:20px 60px 0 0;
|
|
text-align:center;
|
|
/* Min-height hack for IE 6*/
|
|
min-height: 30px;
|
|
height: auto !important;
|
|
height: 30px;
|
|
}
|
|
/*
|
|
------------------------------------------------------------------------------
|
|
Colaborative activity
|
|
------------------------------------------------------------------------------
|
|
*/
|
|
|
|
#colaborative_activity #header_template {
|
|
background: transparent url("images/colabheader.png") no-repeat top left;
|
|
}
|
|
#list_colaborative {
|
|
margin:1em auto;
|
|
padding:0;
|
|
width:400px;
|
|
}
|
|
#list_colaborative dt {
|
|
color:#4271b5;
|
|
font: bold 2.5em Arial, sans-serif, sans;
|
|
}
|
|
#list_colaborative dd {
|
|
margin:0;
|
|
padding:0;
|
|
text-align:justify;
|
|
}
|
|
#text_colaborative_activity {
|
|
background: transparent url("images/repeat_template.png") repeat-y top center;
|
|
/* Min-height hack for IE 6*/
|
|
min-height: 200px;
|
|
height: auto !important;
|
|
height: 200px;
|
|
width: 690px;
|
|
float:left;
|
|
}
|
|
/*
|
|
------------------------------------------------------------------------------
|
|
Unit overview
|
|
------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.content_overview {
|
|
color:#aaa;
|
|
font: bold 2.5em Arial, sans-serif, sans;
|
|
margin-left:1em;
|
|
}
|
|
#list_unit_overview {
|
|
list-style-image:url("images/list_icon_template.png");
|
|
}
|
|
#list_unit_overview li {
|
|
margin:.5em 0 0 1em;
|
|
padding:0;
|
|
color:#4271b5;
|
|
font: bold 2.5em Arial, sans-serif, sans;
|
|
}
|
|
.subunit_overview {
|
|
list-style-image:url("images/subunit_list_icon.png");
|
|
}
|
|
#text_unit_overview {
|
|
background: transparent url("images/repeat_template.png") repeat-y top center;
|
|
/* Min-height hack for IE 6*/
|
|
min-height: 200px;
|
|
height: auto !important;
|
|
height: 200px;
|
|
width: 690px;
|
|
float:left;
|
|
}
|
|
#unit_overview .subunit_overview li {
|
|
color:#000;
|
|
font: bold .7em verdana, 'Lucida Grande', sans-serif, sans;
|
|
}
|
|
#unit_overview #header_template {
|
|
background: transparent url("images/readerheader.png") no-repeat top left;
|
|
}
|
|
/*
|
|
------------------------------------------------------------------------------
|
|
Blank template
|
|
------------------------------------------------------------------------------
|
|
*/
|
|
|
|
#blank_template #text_presentation {
|
|
/* Min-height hack for IE 6*/
|
|
min-height: 200px;
|
|
height: auto !important;
|
|
height: 200px;
|
|
width: 690px;
|
|
float:left;
|
|
text-align: justify;
|
|
background: transparent url("images/repeat_template.png") repeat-y top center;
|
|
}
|
|
#blank_template #box_title {
|
|
text-align: right;
|
|
width: 640px;
|
|
margin:3em 0 0 0;
|
|
float:left;
|
|
}
|
|
#blank_template #box_title h1 {
|
|
font: bold 2em Arial, sans-serif, sans;
|
|
color: #bbb;
|
|
}
|
|
#blank_template #header_template {
|
|
width: 690px;
|
|
background: transparent url("images/blankheader.png") no-repeat top left;
|
|
height: 150px;
|
|
}
|
|
/*
|
|
------------------------------------------------------------------------------
|
|
More templates
|
|
------------------------------------------------------------------------------
|
|
*/
|
|
|
|
#contact_template {
|
|
color:#aaa;
|
|
font: bold 1.2em Arial, sans-serif, sans;
|
|
}
|
|
#contact_template a {
|
|
color:#4271b5;
|
|
text-decoration:none;
|
|
}
|
|
#contact_template a:hover, #contact_template a:focus {
|
|
text-decoration:underline;
|
|
}
|
|
#more_templates #box_title {
|
|
text-align: right;
|
|
width: 640px;
|
|
margin:3em 0 0 0;
|
|
float:left;
|
|
}
|
|
#more_templates #box_title h1 {
|
|
font: bold 2em Arial, sans-serif, sans;
|
|
color: #bbb;
|
|
}
|
|
#more_templates #header_template {
|
|
width: 690px;
|
|
background: transparent url("images/blankheader.png") no-repeat top left;
|
|
height: 150px;
|
|
}
|
|
#more_templates p {
|
|
margin-top:4em;
|
|
padding-top:.8em;
|
|
width:450px;
|
|
padding-right:60px;
|
|
text-align:justify;
|
|
background: transparent url("images/forum_template.png") no-repeat top right;
|
|
}
|
|
#more_templates #text_presentation {
|
|
height: 150px;
|
|
width: 690px;
|
|
float:left;
|
|
text-align: justify;
|
|
background: transparent url("images/repeat_template.png") repeat-y top center;
|
|
}
|
|
#more_templates #footer_template {
|
|
background: transparent url("images/footer_dokeos.png") no-repeat top center;
|
|
width: 690px;
|
|
height: 48px;
|
|
clear:both;
|
|
}
|
|
|