Team:NCTU Formosa/source/header-notes
From 2013.igem.org
(Difference between revisions)
(13 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<style> | <style> | ||
.effect { | .effect { | ||
- | left: | + | left: 49.99%; |
} | } | ||
#cover{ | #cover{ | ||
- | background:url( | + | background:url(https://static.igem.org/mediawiki/2013/d/db/Nctu-cover-notes.jpg) center no-repeat; |
} | } | ||
h3 { | h3 { | ||
Line 12: | Line 12: | ||
#footer-wrapper { | #footer-wrapper { | ||
clear:both; | clear:both; | ||
+ | } | ||
+ | .cont .li { | ||
+ | padding-left:20px; | ||
+ | } | ||
+ | .cont .li .card { | ||
+ | margin-left:20px; | ||
+ | margin-right:20px; | ||
+ | } | ||
+ | .calendar p, .calendar ul{ | ||
+ | text-indent:0!important; | ||
+ | margin-left:0!important; | ||
} | } | ||
.calendar{ | .calendar{ | ||
Line 24: | Line 35: | ||
font-size:11px; | font-size:11px; | ||
font-family:Lucida Grande; | font-family:Lucida Grande; | ||
- | |||
- | |||
- | |||
margin-bottom:15px; | margin-bottom:15px; | ||
font-weight:400; | font-weight:400; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
.calcontainer{ | .calcontainer{ | ||
Line 47: | Line 46: | ||
clear:both; | clear:both; | ||
} | } | ||
- | .dayweek{background:#fefefe;width:14 | + | .dayweek{background:#fefefe;width:14%;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;} | .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{overflow:hidden;border-top:1px solid #c2c2c2;} | ||
Line 54: | Line 53: | ||
.today{background:#fffcdf;border-right:1px solid #e5e5e5;} | .today{background:#fffcdf;border-right:1px solid #e5e5e5;} | ||
.today .daybar{background:#fffac1;} | .today .daybar{background:#fffac1;} | ||
- | .day{width:14 | + | .day{width:14%;float:left;border-right:1px solid #e5e5e5;} |
.brn{border-right:none;} | .brn{border-right:none;} | ||
.bun{border-bottom:none;} | .bun{border-bottom:none;} | ||
Line 62: | Line 61: | ||
.dots ul{text-align:center;white-space:nowrap;overflow:hidden;} | .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;} | .dots ul li{margin-top:10px;display:inline-block;-webkit-border-radius:14px;width:12px;height:12px;} | ||
- | .big{width:14 | + | .big{width:14%;float:left;} |
.big:hover{background:#e9f0f8;cursor:pointer;} | .big:hover{background:#e9f0f8;cursor:pointer;} | ||
.big .dots{height:65px;} | .big .dots{height:65px;} | ||
Line 68: | Line 67: | ||
/**************************** Events when slide is open ****************************/ | /**************************** Events when slide is open ****************************/ | ||
- | .open{height:200px;border-top:1px solid #e5e5e5;float:left;clear:both;overflow:hidden;} | + | .open{height:200px;width:100%;border-top:1px solid #e5e5e5;float:left;clear:both;overflow:hidden;} |
.bigwk .open{height:600px;} | .bigwk .open{height:600px;} | ||
.mweek .open{height:400px;} | .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{-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 | + | .open li p{margin:1px;margin-top:3px;line-height:12px;font-size:12px;color:#ffffff;overflow:hidden;word-wrap:break-word;} |
.open li:hover{cursor:pointer;} | .open li:hover{cursor:pointer;} | ||
Line 83: | Line 82: | ||
.red:hover{background:#ff6164;} | .red:hover{background:#ff6164;} | ||
.yellow{ | .yellow{ | ||
- | |||
background:rgba(255, 172, 77, 0.8) none repeat scroll 0 0 !important; | background:rgba(255, 172, 77, 0.8) none repeat scroll 0 0 !important; | ||
} | } | ||
.yellow:hover{ | .yellow:hover{ | ||
- | |||
background:rgba(255, 189 106, 0.8) none repeat scroll 0 0 !important; | background:rgba(255, 189 106, 0.8) none repeat scroll 0 0 !important; | ||
} | } | ||
- | .green{background:# | + | .green{background:#7ec754;} |
- | .green:hover{background:# | + | .green:hover{background:#7ec754;} |
/**************************** Duration of an event ****************************/ | /**************************** Duration of an event ****************************/ | ||
Line 99: | Line 96: | ||
.open li.e4{height:50px;overflow:hidden;} | .open li.e4{height:50px;overflow:hidden;} | ||
.open li.e5{height:40px;overflow:hidden;} | .open li.e5{height:40px;overflow:hidden;} | ||
+ | .open li.e6{height:33.33px;overflow:hidden;} | ||
+ | .open li.e7{height:28.57px;overflow:hidden;} | ||
.open li.e8{height:25px;overflow:hidden;} | .open li.e8{height:25px;overflow:hidden;} | ||
.bigwk .open li{height:600px;overflow:hidden;} | .bigwk .open li{height:600px;overflow:hidden;} | ||
Line 106: | Line 105: | ||
.bigwk .open li.e5{height:120px;overflow:hidden;} | .bigwk .open li.e5{height:120px;overflow:hidden;} | ||
.bigwk .open li.e6{height:100px;overflow:hidden;} | .bigwk .open li.e6{height:100px;overflow:hidden;} | ||
+ | .bigwk .open li.e7{height:85.71px;overflow:hidden;} | ||
.bigwk .open li.e8{height:75px;overflow:hidden;} | .bigwk .open li.e8{height:75px;overflow:hidden;} | ||
.mweek .open li{height:400px;overflow:hidden;} | .mweek .open li{height:400px;overflow:hidden;} | ||
Line 113: | Line 113: | ||
.mweek .open li.e5{height:80px;overflow:hidden;} | .mweek .open li.e5{height:80px;overflow:hidden;} | ||
.mweek .open li.e6{height:67px;overflow:hidden;} | .mweek .open li.e6{height:67px;overflow:hidden;} | ||
+ | .mweek .open li.e7{height:57.14px;overflow:hidden;} | ||
.mweek .open li.e8{height:50px;overflow:hidden;} | .mweek .open li.e8{height:50px;overflow:hidden;} | ||
Line 118: | Line 119: | ||
.caldot{width:12px;height:12px;border-radius:6px;margin-left:3px;margin-top:4px;margin-right:3px;} | .caldot{width:12px;height:12px;border-radius:6px;margin-left:3px;margin-top:4px;margin-right:3px;} | ||
</style> | </style> | ||
+ | <script> | ||
+ | function initMenu() { | ||
+ | var block = $(".day"); | ||
+ | block.addClass("clickable"); | ||
+ | block.hover(function(){window.status = $(this)}, function(){window.status = ""}); | ||
+ | |||
+ | $('.open').hide(); | ||
+ | block.click( | ||
+ | function() { | ||
+ | $(this).parents('div:eq(0)').find('.open').slideToggle('fast'); | ||
+ | } | ||
+ | );} | ||
+ | $(document).ready(function() {initMenu();}); | ||
+ | </script> |
Latest revision as of 14:10, 24 October 2013