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...")
 
(16 intermediate revisions not shown)
Line 2: Line 2:
<style>
<style>
.effect {
.effect {
-
left: 56.25%;
+
  left: 49.99%;
}
}
#cover{
#cover{
-
background:url(http://projectheshima.files.wordpress.com/2012/03/notebook-on-wood.jpg) center no-repeat;
+
background:url(https://static.igem.org/mediawiki/2013/d/db/Nctu-cover-notes.jpg) center no-repeat;
}
}
h3 {
h3 {
Line 13: Line 13:
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{
 +
background:#fefefe;
 +
margin:0 auto;
 +
padding-top: 5px;
 +
width: 100%;
 +
height:100%;
 +
text-align: center;
 +
  position: relative;
 +
color:#555;
 +
font-size:11px;
 +
font-family:Lucida Grande;
 +
margin-bottom:15px;
 +
font-weight:400;
 +
}
 +
.calcontainer{
 +
margin-bottom:10px;
 +
margin-left:25px;
 +
margin: 0 auto;
 +
}
 +
.daysmonth{
 +
clear:both;
 +
}
 +
.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;}
 +
.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:14%;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:14%;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;width:100%;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;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:rgba(255, 172, 77, 0.8) none repeat scroll 0 0 !important;
 +
}
 +
.yellow:hover{
 +
background:rgba(255, 189 106, 0.8) none repeat scroll 0 0 !important;
 +
}
 +
.green{background:#7ec754;}
 +
.green:hover{background:#7ec754;}
 +
 +
/**************************** 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.e6{height:33.33px;overflow:hidden;}
 +
.open li.e7{height:28.57px;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.e7{height:85.71px;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.e7{height:57.14px;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>
 +
<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

Retrieved from "http://2013.igem.org/Team:NCTU_Formosa/source/header-notes"