Team:SJTU-Software2/test
From 2014.igem.org
(Difference between revisions)
Line 12: | Line 12: | ||
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/main.js%20?action=raw&ctype=text/js"></script> | <script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/main.js%20?action=raw&ctype=text/js"></script> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | ul.expmenu { width: 200px; } | + | |
+ | .slider | ||
+ | { | ||
+ | background: #d5d5d5; | ||
+ | height: 7px; | ||
+ | position: relative; | ||
+ | cursor: pointer; | ||
+ | width: 100%; | ||
+ | clear: right; | ||
+ | top: 0px; | ||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-box-shadow: inset 0 0 8px #000; | ||
+ | margin: 10px 0 10px 0; | ||
+ | } | ||
+ | |||
+ | /* progress bar (enabled with progress: true) */ | ||
+ | .progress | ||
+ | { | ||
+ | height: 7px; | ||
+ | position: relative; | ||
+ | background: #5389c5; /* Old browsers */ | ||
+ | background: -moz-linear-gradient(top, #5389c5 0%, #4775a9 100%); /* FF3.6+ */ | ||
+ | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5389c5), color-stop(100%,#4775a9)); /* Chrome,Safari4+ */ | ||
+ | background: -webkit-linear-gradient(top, #5389c5 0%,#4775a9 100%); /* Chrome10+,Safari5.1+ */ | ||
+ | background: -o-linear-gradient(top, #5389c5 0%,#4775a9 100%); /* Opera 11.10+ */ | ||
+ | background: -ms-linear-gradient(top, #5389c5 0%,#4775a9 100%); /* IE10+ */ | ||
+ | background: linear-gradient(to bottom, #5389c5 0%,#4775a9 100%); /* W3C */ | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5389c5', endColorstr='#4775a9',GradientType=0 ); /* IE6-9 */ | ||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | top: 0px; | ||
+ | border: 1px solid #4b7bb1; | ||
+ | |||
+ | -moz-box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3); | ||
+ | -webkit-box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3); | ||
+ | box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3); | ||
+ | } | ||
+ | |||
+ | /* drag handle */ | ||
+ | .handle | ||
+ | { | ||
+ | background: url(../images/handle.png) repeat-x center; | ||
+ | height: 16px; | ||
+ | width: 16px; | ||
+ | top: -5px; | ||
+ | position: absolute; | ||
+ | display: block; | ||
+ | margin-top: 1px; | ||
+ | cursor: pointer; | ||
+ | |||
+ | } | ||
+ | |||
+ | /* the input field */ | ||
+ | .range | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | /* | ||
+ | * CSS Expandable Menu | ||
+ | * @author: Francisco Neves | ||
+ | */ | ||
+ | |||
+ | /** Reset */ | ||
+ | * { font-family: "museo500", "Arial"; font-size: 12px; list-style: none; margin: 0; padding: 0; outline: 0; text-decoration: none; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; } | ||
+ | |||
+ | /** | ||
+ | * START FREEBIE STYLES | ||
+ | */ | ||
+ | |||
+ | /*! Font Faces */ | ||
+ | @font-face{ | ||
+ | font-family: 'museo500'; | ||
+ | src: url('../fonts/MuseoSans_500-webfont.eot'); | ||
+ | src: url('../fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'), | ||
+ | url('../fonts/MuseoSans_500-webfont.woff') format('woff'), | ||
+ | url('../fonts/MuseoSans_500-webfont.ttf') format('truetype'), | ||
+ | url('../fonts/MuseoSans_500-webfont.svg#museo_sans_500regular') format('svg'); | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | |||
+ | /*! Freebie Skelet */ | ||
+ | ul.expmenu { width: 200px; } | ||
ul.expmenu * { list-style: none; } | ul.expmenu * { list-style: none; } | ||
ul.expmenu > li > div.header { padding: 12px; border-bottom: 1px #396e9f solid; } | ul.expmenu > li > div.header { padding: 12px; border-bottom: 1px #396e9f solid; } | ||
Line 65: | Line 148: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
- | + | /** | |
- | + | * END FREEBIE STYLES | |
- | + | */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | /* | + | /** |
- | + | * Not important styles | |
- | + | */ | |
- | + | body | |
- | + | { | |
- | + | color: #b1b1b1; | |
- | + | background: #e1e1e1; /* Old browsers */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | font-family: "museo500"; | |
- | - | + | } |
- | + | ul#pagination-freebie { display: table; padding-right: 20px; margin: 20px auto; list-style: none; } | |
- | } | + | ul#pagination-freebie:last-child { padding-right: 0; } |
- | + | ul#pagination-freebie li { float: left; margin-bottom: 20px } | |
- | + | ul#pagination-freebie li:last-child { margin-right: 0; } | |
+ | div#text { text-align: center; font-size: 48px; width: 610px; margin: 0 auto; margin-top: 50px; margin-top: 80px; } | ||
+ | div#smalltext { text-align: center; font-size: 15px; width: 600px; margin: 0 auto; } | ||
+ | div#content { display: table; margin: 0 auto; padding: 30px; } | ||
</style> | </style> | ||
Latest revision as of 08:01, 12 October 2014