|
|
|
|
@ -381,121 +381,12 @@ a:active { |
|
|
|
|
margin: 0; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
#top_corner { |
|
|
|
|
} |
|
|
|
|
#institution { |
|
|
|
|
float: left; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
#my_courses { |
|
|
|
|
float: right; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
/******************************************************** |
|
|
|
|
* HEADER 2: Users online, help, student/teacher view * |
|
|
|
|
********************************************************/ |
|
|
|
|
#header2 { |
|
|
|
|
position: relative; /* to avoid the IE peekabo bug*/ |
|
|
|
|
font-size: 1.0em; |
|
|
|
|
font-weight: normal; |
|
|
|
|
height:15px; |
|
|
|
|
padding: 0.2em 0.5em; |
|
|
|
|
padding-bottom: 0.2em; |
|
|
|
|
background: #B7A6AC; |
|
|
|
|
color: #666; |
|
|
|
|
} |
|
|
|
|
#header2 a { |
|
|
|
|
color: #666; |
|
|
|
|
text-decoration: none; |
|
|
|
|
font-weight:normal; |
|
|
|
|
} |
|
|
|
|
#header2 a:hover { |
|
|
|
|
text-decoration: underline; |
|
|
|
|
} |
|
|
|
|
/***************************************************** |
|
|
|
|
* HEADER 3: TABS OF THE HEADER * |
|
|
|
|
*****************************************************/ |
|
|
|
|
.subnav { |
|
|
|
|
font-size: 1.0em; |
|
|
|
|
padding: 0.8em 0.5em 0.4em 0.5em; |
|
|
|
|
background: #fff; |
|
|
|
|
color: #006; |
|
|
|
|
height:25px; |
|
|
|
|
margin-bottom: 1px; |
|
|
|
|
background-image: url(images/fondoHeader3.jpg); |
|
|
|
|
} |
|
|
|
|
.subnav A { |
|
|
|
|
PADDING-RIGHT: 15px; |
|
|
|
|
DISPLAY: block; |
|
|
|
|
PADDING-LEFT: 6px; |
|
|
|
|
BACKGROUND: url(images/tab_right.gif) no-repeat right top; |
|
|
|
|
PADDING-BOTTOM: 0px; |
|
|
|
|
COLOR: #fff; |
|
|
|
|
PADDING-TOP: 5px; |
|
|
|
|
TEXT-DECORATION: none; |
|
|
|
|
} |
|
|
|
|
.subnav A:hover { |
|
|
|
|
COLOR: #83676f; |
|
|
|
|
} |
|
|
|
|
.subnav UL { |
|
|
|
|
PADDING-RIGHT: 10px; |
|
|
|
|
PADDING-LEFT: 10px; |
|
|
|
|
PADDING-BOTTOM: 0px; |
|
|
|
|
MARGIN: 0px; |
|
|
|
|
LIST-STYLE-TYPE: none; |
|
|
|
|
} |
|
|
|
|
.subnav LI { |
|
|
|
|
PADDING-RIGHT: 0px; |
|
|
|
|
PADDING-LEFT: 9px; |
|
|
|
|
FLOAT: left; |
|
|
|
|
PADDING-BOTTOM: 0px; |
|
|
|
|
MARGIN: 0px; |
|
|
|
|
PADDING-TOP: 0px;/*border-bottom: 1px solid #dcdcdc;*/ |
|
|
|
|
} |
|
|
|
|
.subnav LI:hover { |
|
|
|
|
PADDING-RIGHT: 0px; |
|
|
|
|
PADDING-LEFT: 9px; |
|
|
|
|
PADDING-BOTTOM: 0px; |
|
|
|
|
MARGIN: 0px; |
|
|
|
|
PADDING-TOP: 0px |
|
|
|
|
} |
|
|
|
|
.subnav #current { |
|
|
|
|
} |
|
|
|
|
.subnav #current A { |
|
|
|
|
COLOR: #333 |
|
|
|
|
} |
|
|
|
|
.subnav .banner_links { |
|
|
|
|
margin: 0; |
|
|
|
|
} |
|
|
|
|
.subnav input.logout { |
|
|
|
|
/* makes an input appear like a link in this header */ |
|
|
|
|
margin: 0 0 0 0; |
|
|
|
|
padding: 0 30px 0 0; |
|
|
|
|
background-color: transparent; |
|
|
|
|
border: none; |
|
|
|
|
COLOR: #fff; |
|
|
|
|
font-size: 1.0em; |
|
|
|
|
font-weight:bold; |
|
|
|
|
font-family: verdana, arial, helvetica, sans-serif; |
|
|
|
|
display: inline; |
|
|
|
|
BACKGROUND: url(images/salir.gif) no-repeat right top; |
|
|
|
|
PADDING-RIGHT: 10px; |
|
|
|
|
PADDING-TOP: 3px; |
|
|
|
|
} |
|
|
|
|
.subnav input:hover { |
|
|
|
|
COLOR: #999; |
|
|
|
|
BACKGROUND: url(images/salir.gif) no-repeat right top; |
|
|
|
|
} |
|
|
|
|
.subnav input { |
|
|
|
|
PADDING-RIGHT: 15px; |
|
|
|
|
DISPLAY: block; |
|
|
|
|
PADDING-LEFT: 6px; |
|
|
|
|
} |
|
|
|
|
.subnav #logout { |
|
|
|
|
margin-top: 0px; |
|
|
|
|
} |
|
|
|
|
.subnav input.logout:hover { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#logout { |
|
|
|
|
display: inline; |
|
|
|
|
float: right; |
|
|
|
|
@ -503,22 +394,41 @@ a:active { |
|
|
|
|
text-align: right; |
|
|
|
|
font-size: 1.0em; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***************************************************** |
|
|
|
|
* HEADER 3: not used * |
|
|
|
|
* TABS OF THE HEADER * |
|
|
|
|
*****************************************************/ |
|
|
|
|
#header4 { |
|
|
|
|
background-color: #fff; |
|
|
|
|
color: #fff; |
|
|
|
|
margin-bottom: 2px; |
|
|
|
|
width:100%; |
|
|
|
|
.subnav { |
|
|
|
|
background-color: #B49FA6; /* Old browsers */ |
|
|
|
|
background-repeat: repeat-x; /* Repeat the gradient */ |
|
|
|
|
background-image: -moz-linear-gradient(top, #B49FA6 0%, #AF8B97 100%); /* FF3.6+ */ |
|
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4C4C4C), color-stop(100%,#747474)); /* Chrome,Safari4+ */ |
|
|
|
|
background-image: -webkit-linear-gradient(top, #4C4C4C 0%, #747474 100%); /* Chrome 10+,Safari 5.1+ */ |
|
|
|
|
background-image: -ms-linear-gradient(top, #4C4C4C 0%,#747474 100%); /* IE10+ */ |
|
|
|
|
background-image: -o-linear-gradient(top, #4C4C4C 0%,#747474 100%); /* Opera 11.10+ */ |
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4C4C4C', endColorstr='#747474',GradientType=0 ); /* IE6-9 */ |
|
|
|
|
background-image: linear-gradient(top, #4C4C4C 0%, #747474 100%); /* W3C */ |
|
|
|
|
border: 1px solid #B49FA6; |
|
|
|
|
} |
|
|
|
|
#header4 a { |
|
|
|
|
color: #666; |
|
|
|
|
.subnav a { |
|
|
|
|
color:white; |
|
|
|
|
} |
|
|
|
|
#header4 a:hover { |
|
|
|
|
text-decoration: none; |
|
|
|
|
color: #AF8B97; |
|
|
|
|
|
|
|
|
|
.subnav #current a { |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
.subnav .nav > #current > a, .subnav .nav > #current > a:hover { |
|
|
|
|
color: #333; |
|
|
|
|
} |
|
|
|
|
.subnav a:hover { |
|
|
|
|
color: #333; |
|
|
|
|
} |
|
|
|
|
.subnav .nav > li > a { |
|
|
|
|
border-left: none; |
|
|
|
|
border-right: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* The tool shortcuts */ |
|
|
|
|
#toolshortcuts { |
|
|
|
|
text-align: right; |
|
|
|
|
@ -2200,25 +2110,7 @@ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} |
|
|
|
|
/***************************************************** |
|
|
|
|
* BUTTONS * |
|
|
|
|
*****************************************************/ |
|
|
|
|
/* BUTTONS */ |
|
|
|
|
button,input[type="submit"] { |
|
|
|
|
margin:5px 5px 3px 0px !important; |
|
|
|
|
background-color: #DFDFDF; |
|
|
|
|
border-width: 1px; |
|
|
|
|
/* -moz-border-radius-topright : 5px; |
|
|
|
|
-moz-border-radius-topleft : 5px; |
|
|
|
|
-moz-border-radius-bottomright : 5px; |
|
|
|
|
-moz-border-radius-bottomleft : 5px; |
|
|
|
|
*/ |
|
|
|
|
font-family: bold arial, verdana, helvetica, sans-serif; |
|
|
|
|
font-size: 100%; |
|
|
|
|
line-height :130%; |
|
|
|
|
text-decoration: none; |
|
|
|
|
color: black; |
|
|
|
|
cursor: pointer; |
|
|
|
|
padding:5px 15px 5px 15px; |
|
|
|
|
vertical-align:middle; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
button:hover input[type="submit"]:hover{ |
|
|
|
|
background-color:#cbcbcb; |
|
|
|
|
color:#545454; |
|
|
|
|
@ -2230,24 +2122,6 @@ button.add, button.save, button.cancel, button.refresh, button.upload, button.se |
|
|
|
|
background-position:10px; |
|
|
|
|
background-repeat:no-repeat; |
|
|
|
|
} |
|
|
|
|
/* POSITIVE */ |
|
|
|
|
button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next { |
|
|
|
|
background-color:#E5EDF9; |
|
|
|
|
border-color: #D4E2F6; |
|
|
|
|
} |
|
|
|
|
button.save:hover, button.refresh:hover, button.upload:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover, input[type="submit"].submit_next:hover { |
|
|
|
|
border-color: #D4E2F6; |
|
|
|
|
background-color:#D4E2F6; |
|
|
|
|
} |
|
|
|
|
/* NEGATIVE */ |
|
|
|
|
button.cancel { |
|
|
|
|
background-color:#F8E8E6; |
|
|
|
|
border-color: #FFE3DE; |
|
|
|
|
} |
|
|
|
|
button.cancel:hover { |
|
|
|
|
border-color: #F4E1D0; |
|
|
|
|
background-color: #FFE3DE; |
|
|
|
|
} |
|
|
|
|
/*including "save" image*/ |
|
|
|
|
button.save { |
|
|
|
|
background-image:url(images/button_accept.gif); |
|
|
|
|
|
Julio Montoya
13 years ago