You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
268 lines
5.6 KiB
268 lines
5.6 KiB
/**
|
|
* Common CSS for all themes
|
|
*/
|
|
|
|
* {
|
|
outline :none;
|
|
}
|
|
input {
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
border-radius:5px;
|
|
-x-system-font:none;
|
|
border:1px solid #CCCCCC;
|
|
color:#666666;
|
|
font-family:Arial,Helvetica,sans-serif;
|
|
font-size:120%;
|
|
line-height:normal;
|
|
padding:4px;
|
|
}
|
|
|
|
textarea {
|
|
border:1px solid #CCCCCC;
|
|
padding:5px;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
border-radius:5px;
|
|
color:#666666;
|
|
}
|
|
|
|
select {
|
|
color:#555;
|
|
border: 1px solid #CCC;
|
|
padding: 4px;
|
|
background-color: #F3F3F3;
|
|
font-size: 12px;
|
|
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
border-radius:5px;
|
|
}
|
|
|
|
input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
-border-radius:5px;
|
|
border:1px solid #E1E1E0;
|
|
}
|
|
|
|
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
|
|
border: 1px solid #849FB3;
|
|
box-shadow: 0 0 5px #C9D2D9;
|
|
background-image:none;
|
|
background-color:white;
|
|
-moz-border-radius:5px;
|
|
-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
border-radius:5px;
|
|
}
|
|
|
|
|
|
/* Fixes the FB input*/
|
|
input.maininput:focus {
|
|
box-shadow:0 0 0px #fff;
|
|
border:none;
|
|
}
|
|
|
|
/* Big icons course home page styles */
|
|
.big_icon {
|
|
width:205px;
|
|
padding:10px;
|
|
}
|
|
|
|
.big_icon img {
|
|
margin:0 auto 0 auto;
|
|
}
|
|
|
|
.courseadminview .big_icon a {
|
|
font-size:12px;
|
|
}
|
|
|
|
/* Fixes the administration block section */
|
|
.admin_section div {
|
|
margin: 5px 0 14px 5px;
|
|
margin-left: 39px;
|
|
}
|
|
|
|
.rounded_div {
|
|
background: none repeat scroll 0 0 #FFFFFF;
|
|
border: 1px solid #E5E5E5;
|
|
|
|
-webkit-border-radius: 11px 11px 11px 11px;
|
|
-opera-border-radius: 11px 11px 11px 11px;
|
|
-moz-border-radius: 11px 11px 11px 11px;
|
|
border-radius: 11px 11px 11px 11px;
|
|
|
|
-webkit-box-shadow: 0 4px 18px #C8C8C8;
|
|
-opera-box-shadow: 0 4px 18px #C8C8C8;
|
|
-moz-box-shadow: 0 4px 18px #C8C8C8;
|
|
box-shadow: 0 4px 18px #C8C8C8;
|
|
|
|
float: left;
|
|
height: auto;
|
|
margin: 10px 8px 15px 15px;
|
|
padding: 16px 12px 5px;
|
|
}
|
|
|
|
/* Categories courses*/
|
|
|
|
#course-picture {
|
|
position:absolute;
|
|
top:8%;
|
|
left:85%;
|
|
padding:4px;
|
|
border:1pt solid #ccc;
|
|
}
|
|
|
|
#categories-content-first {
|
|
width:290px;
|
|
padding:5px;
|
|
float:left;
|
|
}
|
|
|
|
#categories-search {
|
|
text-align:center;
|
|
height:55px;
|
|
float: right;
|
|
}
|
|
|
|
#categories-list {
|
|
-moz-border-radius-topleft:8px;
|
|
-moz-border-radius-topright:8px;
|
|
-webkit-border-top-left-radius: 8px;
|
|
-webkit-border-top-right-radius: 8px;
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
-moz-box-shadow:0 -1px 10px 2px #CCCCCC;
|
|
-Webkit-box-shadow: 0 -1px 10px 2px #CCCCCC;
|
|
box-shadow: 0 -1px 10px 2px #CCCCCC;
|
|
border:1px solid #CCCCCC;
|
|
float:left;
|
|
margin:10px;
|
|
width:240px;
|
|
min-height:132px;
|
|
padding:25px;
|
|
font-size:11pt;
|
|
}
|
|
|
|
#categories-content-second {
|
|
margin-left: 315px;
|
|
padding:5px;
|
|
margin-top:5px;
|
|
}
|
|
|
|
.categories-block-course {
|
|
-moz-border-radius-topleft:8px;
|
|
-moz-border-radius-topright:8px;
|
|
-webkit-border-top-left-radius: 8px;
|
|
-webkit-border-top-right-radius: 8px;
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
-moz-box-shadow:0 -1px 10px 2px #CCCCCC;
|
|
-Webkit-box-shadow: 0 -1px 10px 2px #CCCCCC;
|
|
box-shadow: 0 -1px 10px 2px #CCCCCC;
|
|
border:1px solid #CCCCCC;
|
|
float:left;
|
|
margin:10px;
|
|
padding:9px;
|
|
width:220px;
|
|
min-height:180px;
|
|
color: #BBBBBB;
|
|
}
|
|
|
|
.categories-course-picture {
|
|
width:95px;
|
|
height:95px;
|
|
float:left;
|
|
-moz-border-radius-topleft:4px;
|
|
-moz-border-radius-topright:4px;
|
|
-webkit-border-top-left-radius: 4px;
|
|
-webkit-border-top-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
-moz-box-shadow:0 -1px 5px 2px #CCCCCC;
|
|
-Webkit-box-shadow: 0 -1px 5px 2px #CCCCCC;
|
|
box-shadow: 0 -1px 5px 2px #CCCCCC;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.categories-course-picture img {
|
|
width: 95px;
|
|
height: 95px;
|
|
background-color: #eeeeee;
|
|
}
|
|
|
|
.categories-course-description {
|
|
margin-left:10px;
|
|
font-family:arial;
|
|
font-size:11px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.categories-course-description .course-block-title {
|
|
font-family: arial;
|
|
font-size: large;
|
|
margin-bottom: 10px;
|
|
color: #222222;
|
|
}
|
|
.categories-course-description .course-block-teacher {
|
|
font-size: large;
|
|
font-style: italic;
|
|
text-align: right;
|
|
color: #444444;
|
|
}
|
|
.categories-course-description .course-block-date {
|
|
font-size: large;
|
|
font-style: italic;
|
|
text-align: right;
|
|
color: #444444;
|
|
}
|
|
.course-block-popularity {
|
|
width: 90px;
|
|
margin-left:120px;
|
|
font-size: x-small;
|
|
font-style: italic;
|
|
text-align: right;
|
|
background-color: #eeeeee;
|
|
min-height:95px;
|
|
padding-right: 5px;
|
|
-moz-border-radius-topleft:4px;
|
|
-moz-border-radius-topright:4px;
|
|
-webkit-border-top-left-radius: 4px;
|
|
-webkit-border-top-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
-moz-box-shadow:0 -1px 5px 2px #CCCCCC;
|
|
-Webkit-box-shadow: 0 -1px 5px 2px #CCCCCC;
|
|
box-shadow: 0 -1px 5px 2px #CCCCCC;
|
|
}
|
|
.course-block-popularity-score {
|
|
font-size: 3em;
|
|
text-align: center;
|
|
color: #000000;
|
|
padding-top: 10px;
|
|
text-shadow: gray 3px 3px 2px;
|
|
}
|
|
|
|
.categories-course-links {
|
|
margin-top:5px;
|
|
height: 25px;
|
|
}
|
|
|
|
.course-link-desc a {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
.course-link-desc span {
|
|
padding-top:10px;
|
|
}
|
|
|
|
.attendance-users-table td {
|
|
height:66px;
|
|
}
|
|
|
|
.attendance-calendar-table td {
|
|
height:66px;
|
|
}
|
|
|