"
Team:NCTU Formosa/source/header-notes
From 2013.igem.org
(Difference between revisions)
(Created page with "<html> <style> .effect { left: 56.25%; } #cover{ background:url(http://projectheshima.files.wordpress.com/2012/03/notebook-on-wood.jpg) center no-repeat; } h3 { padding-top: 0px...") |
|||
| Line 13: | Line 13: | ||
clear:both; | clear:both; | ||
} | } | ||
| + | .calendar{ | ||
| + | background:#fefefe; | ||
| + | margin:0 auto; | ||
| + | padding-top: 5px; | ||
| + | width: 755px; | ||
| + | height:100%; | ||
| + | text-align: center; | ||
| + | position: relative; | ||
| + | color:#555; | ||
| + | font-size:11px; | ||
| + | font-family:Lucida Grande; | ||
| + | border-radius: 3px; | ||
| + | -webkit-border-radius: 3px; | ||
| + | -moz-border-radius: 3px; | ||
| + | margin-bottom:15px; | ||
| + | font-weight:400; | ||
| + | } | ||
| + | .calheader{ | ||
| + | width:100%; | ||
| + | height:30px; | ||
| + | text-align:center; | ||
| + | } | ||
| + | .calheader h2{ | ||
| + | margin-top:15px; | ||
| + | font-size:16px; | ||
| + | } | ||
| + | .calcontainer{ | ||
| + | margin-bottom:10px; | ||
| + | margin-left:25px; | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | .daysmonth{ | ||
| + | clear:both; | ||
| + | } | ||
| + | .dayweek{background:#fefefe;width:107px;height:30px;float:left;border-right:1px solid #e5e5e5;} | ||
| + | .dayweek p{display:block;text-align:center;font-size:10px;line-height:31px;text-shadow:0 1px 0 #ffffff;} | ||
| + | .week{overflow:hidden;border-top:1px solid #c2c2c2;} | ||
| + | .week:hover{background:#fefefe;cursor:pointer;} | ||
| + | .weeku{overflow:hidden;border-top:1px solid #c2c2c2;border-bottom:1px solid #e5e5e5;} | ||
| + | .today{background:#fffcdf;border-right:1px solid #e5e5e5;} | ||
| + | .today .daybar{background:#fffac1;} | ||
| + | .day{width:107px;float:left;border-right:1px solid #e5e5e5;} | ||
| + | .brn{border-right:none;} | ||
| + | .bun{border-bottom:none;} | ||
| + | .daybar{width:100%;float:left;background:#f3f3f3;} | ||
| + | .daybar p{margin-left:5px;margin-top:3px;margin-bottom:3px;font-size:10px;font-weight:400;color:#969696;text-shadow:0 1px 0 #ffffff;} | ||
| + | .dots{width:100%;height:35px;clear:both;} | ||
| + | .dots ul{text-align:center;white-space:nowrap;overflow:hidden;} | ||
| + | .dots ul li{margin-top:10px;display:inline-block;-webkit-border-radius:14px;width:12px;height:12px;} | ||
| + | .big{width:107px;float:left;} | ||
| + | .big:hover{background:#e9f0f8;cursor:pointer;} | ||
| + | .big .dots{height:65px;} | ||
| + | .big .dots li{margin-top:25px;} | ||
| + | |||
| + | /**************************** Events when slide is open ****************************/ | ||
| + | .open{height:200px;border-top:1px solid #e5e5e5;float:left;clear:both;overflow:hidden;} | ||
| + | .bigwk .open{height:600px;} | ||
| + | .mweek .open{height:400px;} | ||
| + | .open li{-webkit-border-radius:10px;margin-left:1px;margin-right:1px;border-bottom:#eeeeee solid 1px;padding:0;overflow:hidden;} | ||
| + | .open li p{margin:1px;margin-top:3px;width:105px;line-height:12px;font-size:12px;color:#ffffff;overflow:hidden;word-wrap:break-word;} | ||
| + | .open li:hover{cursor:pointer;} | ||
| + | |||
| + | /**************************** Colors ****************************/ | ||
| + | .none{background:#d6d6d6;} | ||
| + | .none:hover{background:#dfdfdf;} | ||
| + | .blue{background:#5496dd;} | ||
| + | .blue:hover{background:#5c9ef9;} | ||
| + | .red{background:#ff454b;} | ||
| + | .red:hover{background:#ff6164;} | ||
| + | .yellow{ | ||
| + | //background:#ffac4d; | ||
| + | background:rgba(255, 172, 77, 0.8) none repeat scroll 0 0 !important; | ||
| + | } | ||
| + | .yellow:hover{ | ||
| + | //background:#ffbd6a; | ||
| + | background:rgba(255, 189 106, 0.8) none repeat scroll 0 0 !important; | ||
| + | } | ||
| + | .green{background:#94e354;} | ||
| + | .green:hover{background:#98e857;} | ||
| + | |||
| + | /**************************** Duration of an event ****************************/ | ||
| + | .open li{height:200px;overflow:hidden;} | ||
| + | .open li.e2{height:100px;overflow:hidden;} | ||
| + | .open li.e3{height:67px;overflow:hidden;} | ||
| + | .open li.e4{height:50px;overflow:hidden;} | ||
| + | .open li.e5{height:40px;overflow:hidden;} | ||
| + | .open li.e8{height:25px;overflow:hidden;} | ||
| + | .bigwk .open li{height:600px;overflow:hidden;} | ||
| + | .bigwk .open li.e2{height:300px;overflow:hidden;} | ||
| + | .bigwk .open li.e3{height:200px;overflow:hidden;} | ||
| + | .bigwk .open li.e4{height:150px;overflow:hidden;} | ||
| + | .bigwk .open li.e5{height:120px;overflow:hidden;} | ||
| + | .bigwk .open li.e6{height:100px;overflow:hidden;} | ||
| + | .bigwk .open li.e8{height:75px;overflow:hidden;} | ||
| + | .mweek .open li{height:400px;overflow:hidden;} | ||
| + | .mweek .open li.e2{height:200px;overflow:hidden;} | ||
| + | .mweek .open li.e3{height:134px;overflow:hidden;} | ||
| + | .mweek .open li.e4{height:100px;overflow:hidden;} | ||
| + | .mweek .open li.e5{height:80px;overflow:hidden;} | ||
| + | .mweek .open li.e6{height:67px;overflow:hidden;} | ||
| + | .mweek .open li.e8{height:50px;overflow:hidden;} | ||
| + | |||
| + | /**************************** Legend ****************************/ | ||
| + | .caldot{width:12px;height:12px;border-radius:6px;margin-left:3px;margin-top:4px;margin-right:3px;} | ||
</style> | </style> | ||
Revision as of 18:16, 13 September 2013
