|
@@ -0,0 +1,451 @@
|
|
|
|
+/*
|
|
|
|
+==============================================================================
|
|
|
|
+ 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;
|
|
|
|
+}
|