123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431 |
- /*
- ==============================================================================
- 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;
- }
|