chamilo
/
chamilo-lms
mirror of https://github.com/chamilo/chamilo-lms/tree/1.11.x
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

[svn r10185] edit structure

Browse Source
skala
veebie 18 years ago
parent d4c2110690
commit 592cf51115
1 changed files with 164 additions and 82 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 246
      main/css/default/default.css

246
main/css/default/default.css
Unescape View File

@ -1,87 +1,44 @@
/***************************************************** /*
* MAIN * ==============================================================================
*****************************************************/ GLOBAL STYLES - REDEFINED HTML TAGS
==============================================================================
*/
body { body {
background-color: #fff;
color: #000000;
font-family: arial, verdana, helvetica, sans-serif; font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px; font-size: 12px;
color: #000;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #fff;
}
#outerframe {
position: relative; /* do not remove, fixes a bug in IE */
border: 1px solid #fff;
background-color: #fff;
}
/* Hides from IE5-mac \*/
* html #outerframe {height: 1%;}
/* End hide from IE5-mac */
#main {
position: relative; /* to avoid the IE peekabo bug*/
margin: 0px auto;
margin-top: 10px;
width: 98%;
padding: 0px 10px 10px 10px;
background-color: #fff;
min-height: 320px;
} }
/* for content section in main index.php file */
.maincontent {
float: left;
width: 78%;
padding: 4px;
background-color: #fff;
}
#center {
margin: 0 190px 0 0;
padding: 10px 0 40px 0;
min-height: 300px;
}
.invisible {
color: #999;
}
.invisible a:link, .invisible a:visited {
color: #999;
}
a.invisible:link, a.invisible:visited {
color: #999;
}
.clear {clear: both; line-height: 0px; height: 0;}
input.link_alike { background-color: #FFFFFF; border-width: 0px;
color: #4171b5; font-weight: bold; text-align: left; padding: 0px; margin: 0px; }
input.link_alike:hover { background-color: #FFFFFF; border-width: 0px;
color: #FF0000; font-weight: bold; text-align: left; padding: 0px; margin: 0px; }
/*****************************************************
* REDEFINED HTML TAGS *
*****************************************************/
img { img {
border: none; border: none;
} }
p,blockquote,ol,ul { p,blockquote,ol,ul {
font-size: 12px; font-size: 12px;
} }
h1 { h1 {
font-size: 21px; font-size: 21px;
} }
h2 { h2 {
font-size: 18px; font-size: 18px;
} }
h3 { h3 {
font-size: 15px; font-size: 15px;
margin-top:0px; margin-top:0px;
padding-top:0px; padding-top:0px;
} }
h4 { h4 {
font-size: 12px; font-size: 12px;
} }
h5,h6 { h5,h6 {
font-family: verdana, arial, helvetica, sans-serif; font-family: verdana, arial, helvetica, sans-serif;
} }
@ -92,47 +49,135 @@ a:link {
font-weight : bold; font-weight : bold;
color : #4171b5; color : #4171b5;
} }
a:visited { a:visited {
text-decoration: none; text-decoration: none;
font-weight : bold; font-weight : bold;
color : #4171b5; color : #4171b5;
} }
a:hover { a:hover {
text-decoration: none; text-decoration: none;
color: red; color: red;
font-weight: bold; font-weight: bold;
} }
a:active { a:active {
text-decoration: none; text-decoration: none;
font-weight : bold; font-weight : bold;
color : #f00; color : #f00;
} }
select, textarea { select, textarea {
color : #000; color : #000;
border: 1px solid #000; border: 1px solid #000;
} }
input.checkbox { input.checkbox {
border-width: 0; border-width: 0;
} }
select, select,
input[type=checkbox], input[type=checkbox],
input[type=radio], input[type=radio],
input[type=button], input[type=button],
input[type=submit] {cursor: pointer; font-size: 12px;} input[type=submit] {cursor: pointer; font-size: 12px;}
input[text] {font-size: 12px; } input[text] {font-size: 12px; }
/*****************************************************
* HEADER STYLES * input.link_alike {
*****************************************************/ background-color: #FFFFFF;
border-width: 0px;
color: #4171b5;
font-weight: bold;
margin: 0px;
padding: 0px;
text-align: left;
}
input.link_alike:hover {
background-color: #FFFFFF;
border-width: 0px;
color: #FF0000;
font-weight: bold;
margin: 0px;
padding: 0px;
text-align: left;
}
/*
==============================================================================
PAGE STRUCTURE
==============================================================================
*/
#outerframe {
background-color: #fff;
border: 1px solid #fff;
position: relative; /* do not remove, fixes a bug in IE */
}
/* Hides from IE5-mac \*/
* html #outerframe {height: 1%;}
/* End hide from IE5-mac */
#main {
background-color: #fff;
margin: 0px auto;
margin-top: 10px;
min-height: 320px;
padding: 0px 10px 10px 10px;
position: relative; /* to avoid the IE peekabo bug*/
width: 98%;
}
/* for content section in main index.php file */
.maincontent {
background-color: #f00;
float: left;
padding: 4px;
width: 78%;
}
.clear {clear: both; line-height: 0px; height: 0;}
#center {
padding: 10px 0 40px 0;
margin: 0 190px 0 0;
min-height: 300px;
}
.invisible {
color: #999;
}
.invisible a:link, .invisible a:visited {
color: #999;
}
a.invisible:link, a.invisible:visited {
color: #999;
}
/*
==============================================================================
HEADER STYLES
==============================================================================
*/
#header { #header {
width: 100%; width: 100%;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
/********************************************************
* HEADER 1: Title, portal, organisation, course title * /*
********************************************************/ ------------------------------------------------------------------------------
HEADER 1: Title, portal, organisation, course title
------------------------------------------------------------------------------
*/
#header1 { #header1 {
font-size: 12px; font-size: 12px;
padding: 4px; padding: 4px;
@ -140,29 +185,37 @@ input[text] {font-size: 12px; }
color: #fff; color: #fff;
border-bottom: 1px solid white; border-bottom: 1px solid white;
} }
#header1 a { #header1 a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
} }
#header1 a:hover{ #header1 a:hover{
text-decoration: underline; text-decoration: underline;
background-color: #264269; background-color: #264269;
} }
#sitename { #sitename {
margin: 0; margin: 0;
font-weight: bold; font-weight: bold;
} }
#institution { #institution {
float: left; float: left;
font-weight: bold; font-weight: bold;
} }
#my_courses { #my_courses {
float: right; float: right;
font-weight: bold; font-weight: bold;
} }
/********************************************************
* HEADER 2: Users online, help, student/teacher view * /*
********************************************************/ ------------------------------------------------------------------------------
HEADER 2: Users online, help, student/teacher view
------------------------------------------------------------------------------
*/
#header2 { #header2 {
position: relative; /* to avoid the IE peekabo bug*/ position: relative; /* to avoid the IE peekabo bug*/
font-size: 1.0em; font-size: 1.0em;
@ -181,6 +234,7 @@ input[text] {font-size: 12px; }
#header2 a:hover{ #header2 a:hover{
text-decoration: underline; text-decoration: underline;
} }
/* Header2Right: online users, student/teacher view, help */ /* Header2Right: online users, student/teacher view, help */
#Header2Right ul{ #Header2Right ul{
position: relative; /* to avoid the IE peekabo bug*/ position: relative; /* to avoid the IE peekabo bug*/
@ -199,10 +253,11 @@ input[text] {font-size: 12px; }
color:#fff; color:#fff;
} }
/*
/***************************************************** ------------------------------------------------------------------------------
* HEADER 3: TABS OF THE HEADER * HEADER 3: TABS OF THE HEADER
*****************************************************/ ------------------------------------------------------------------------------
*/
#header3 { #header3 {
font-size: 1.0em; font-size: 1.0em;
padding: 0em 0em 0.4em 0em; padding: 0em 0em 0.4em 0em;
@ -290,6 +345,7 @@ margin: 0px; padding: 0px 20px 0px 0px;
#header3 input.logout:hover { #header3 input.logout:hover {
} }
#logout{ #logout{
border-left: solid 1px rgb(115,162,182); border-left: solid 1px rgb(115,162,182);
display: inline; display: inline;
@ -299,30 +355,39 @@ border-left: solid 1px rgb(115,162,182);
font-size: 1.0em; font-size: 1.0em;
} }
/***************************************************** /*
* HEADER 4: not used * ------------------------------------------------------------------------------
*****************************************************/ HEADER 4: not used
------------------------------------------------------------------------------
*/
#header4 { #header4 {
background-color: #fff; background-color: #fff;
color: #009; color: #009;
padding: 4px; padding: 4px;
margin-bottom: 2px; margin-bottom: 2px;
} }
#header4 a { #header4 a {
color: #4171b5; color: #4171b5;
} }
#header4 a:hover { #header4 a:hover {
text-decoration: none; text-decoration: none;
color: #f00; color: #f00;
} }
/* The tool shortcuts */ /* The tool shortcuts */
#toolshortcuts { #toolshortcuts {
text-align: right; text-align: right;
} }
/***************************************************** /*
* FOOTER STYLES * ==============================================================================
*****************************************************/ FOOTER STYLES
==============================================================================
*/
#footer { #footer {
padding: 8px; padding: 8px;
border-top: 1px solid #4171B5; border-top: 1px solid #4171B5;
@ -333,9 +398,13 @@ border-left: solid 1px rgb(115,162,182);
float: right; float: right;
} }
/*****************************************************
* NAVIGATION MENU * /*
*****************************************************/ ==============================================================================
NAVIGATION MENU
==============================================================================
*/
.menu { .menu {
float: right; float: right;
width: 20%; width: 20%;
@ -343,17 +412,20 @@ border-left: solid 1px rgb(115,162,182);
background-color: #E5EDF9; background-color: #E5EDF9;
border: 1px solid #4171B5; border: 1px solid #4171B5;
} }
.menucaption { .menucaption {
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
padding-left: 12px; padding-left: 12px;
} }
.menusection { .menusection {
width: auto; width: auto;
margin: 24px 6px 0 6px; margin: 24px 6px 0 6px;
padding-left: 10px; padding-left: 10px;
border: 1px solid #4171B5; border: 1px solid #4171B5;
} }
.menusectioncaption { .menusectioncaption {
position: relative; position: relative;
top: -9px; top: -9px;
@ -361,11 +433,13 @@ border-left: solid 1px rgb(115,162,182);
font-size: 12px; font-size: 12px;
padding: 0 8px 0 4px; padding: 0 8px 0 4px;
} }
.menulist { .menulist {
list-style: none; list-style: none;
margin: 0 0 12px 0; margin: 0 0 12px 0;
padding: 0; padding: 0;
} }
#centerwrap { #centerwrap {
float: left; float: left;
width: 100%; width: 100%;
@ -391,7 +465,6 @@ border-left: solid 1px rgb(115,162,182);
/* End hide from IE5/mac */ /* End hide from IE5/mac */
/* --- course navigation menu as a definition list --- */ /* --- course navigation menu as a definition list --- */
#toolnavbox { #toolnavbox {
margin: 0 0 0 10px; margin: 0 0 0 10px;
@ -399,6 +472,7 @@ border-left: solid 1px rgb(115,162,182);
float: left; float: left;
border: 1px solid #4271b5; border: 1px solid #4271b5;
} }
#toolnavbox dl { #toolnavbox dl {
width: 160px; width: 160px;
margin: 0 auto; margin: 0 auto;
@ -407,6 +481,7 @@ border-left: solid 1px rgb(115,162,182);
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
} }
#toolnavbox dt { #toolnavbox dt {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -417,6 +492,7 @@ border-left: solid 1px rgb(115,162,182);
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
background: transparent; background: transparent;
} }
#toolnavbox dd { #toolnavbox dd {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -425,12 +501,14 @@ border-left: solid 1px rgb(115,162,182);
border-bottom:1px solid #fff; border-bottom:1px solid #fff;
background: #E5EDF9; background: #E5EDF9;
} }
#toolnav img { #toolnav img {
float: left; float: left;
width: 25px; width: 25px;
height: 25px; height: 25px;
margin: 0 4px 0 0; margin: 0 4px 0 0;
} }
#toolnavlist a, #toolnavlist a:link { #toolnavlist a, #toolnavlist a:link {
background: #E5EDF9; background: #E5EDF9;
color: #4171b5; color: #4171b5;
@ -439,15 +517,18 @@ border-left: solid 1px rgb(115,162,182);
text-decoration: none; text-decoration: none;
display: block; display: block;
} }
#toolnavlist a:hover { #toolnavlist a:hover {
background: #fff; background: #fff;
color:#4171b5; color:#4171b5;
} }
#toolnavlist a#here { #toolnavlist a#here {
background: #fff; background: #fff;
color:#4171b5; color:#4171b5;
} }
/* --- end of course navigation menu section --- */ /* --- end of course navigation menu section --- */
/* /*
this lets the navigation menu appear to the left: this lets the navigation menu appear to the left:
#center { margin: 0 0 0 180px; padding: 10px 0 40px 0; #center { margin: 0 0 0 180px; padding: 10px 0 40px 0;
@ -1373,6 +1454,7 @@ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
background: #fff; background: #fff;
color: #000; color: #000;
} }
/* FCKeditor */ /* FCKeditor */

Write Preview
Loading…
Cancel
Save