Bläddra i källkod

[svn r10995] Moved here from course_home/css/

Yannick Warnier 18 år sedan
förälder
incheckning
f6cd4f00da
1 ändrade filer med 451 tillägg och 0 borttagningar
  1. 451 0
      main/css/default/course.css

+ 451 - 0
main/css/default/course.css

@@ -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;
+}