|
|
| (45 intermediate revisions not shown) |
| Line 106: |
Line 106: |
| | } | | } |
| | | | |
| - | /*#spon-ibmcp
| |
| - | {
| |
| - | width: 300px;
| |
| - | }*/
| |
| | | | |
| | .link-page{ | | .link-page{ |
| Line 188: |
Line 184: |
| | .results | | .results |
| | { | | { |
| - | height: 150px; | + | height: 180px; |
| - | width: 150px; | + | width: 180px; |
| | padding: 10px; | | padding: 10px; |
| | /*border: 2px solid yellow;*/ | | /*border: 2px solid yellow;*/ |
| Line 209: |
Line 205: |
| | -moz-border-radius:3px; | | -moz-border-radius:3px; |
| | -webkit-border-radius:3px; | | -webkit-border-radius:3px; |
| - | }
| |
| - |
| |
| - | #example_short
| |
| - | {
| |
| - | background: transparent;
| |
| - | height:40px;
| |
| - | }
| |
| - |
| |
| - | #menu_short
| |
| - | {
| |
| - | position: absolute;
| |
| - | top: 0px;
| |
| | } | | } |
| | | | |
| Line 367: |
Line 351: |
| | padding:3px 5px; | | padding:3px 5px; |
| | text-decoration:none; | | text-decoration:none; |
| - | font-size:1.3em; | + | font-size:1.5em; |
| | } | | } |
| | | | |
| Line 642: |
Line 626: |
| | } | | } |
| | | | |
| - | .modules
| |
| - | {
| |
| - | height: 175px;
| |
| - | width: 175px;
| |
| - | margin: 15px;
| |
| - | }
| |
| | | | |
| | .footer-img | | .footer-img |
| Line 944: |
Line 922: |
| | @media only screen and (min-width : 1601px) | | @media only screen and (min-width : 1601px) |
| | { | | { |
| - |
| |
| - | .modules
| |
| - | {
| |
| - | height: 255px;
| |
| - | width: 255px;
| |
| - | margin: 15px;
| |
| - | }
| |
| | | | |
| | #nav > li > a | | #nav > li > a |
| Line 1,064: |
Line 1,035: |
| | | | |
| | | | |
| - | /*Wormboy's Css*/
| + | |
| - | /*.nav-tabs,.nav-pills{*zoom:1;}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";line-height:0;}
| + | |
| - | .nav-tabs:after,.nav-pills:after{clear:both;}
| + | |
| - | .nav-tabs>li,.nav-pills>li{float:left;}
| + | |
| - | .nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;}
| + | |
| - | .nav-tabs{border-bottom:1px solid #ddd;}
| + | |
| - | .nav-tabs>li{margin-bottom:-1px;}
| + | |
| - | .nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{border-color:#eeeeee #eeeeee #dddddd;}
| + | |
| - | .nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
| + | |
| - | .nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
| + | |
| - | .nav-pills>.active>a,.nav-pills>.active>a:hover,.nav-pills>.active>a:focus{color:#ffffff;background-color:#2c5382;}
| + | |
| - | .nav-stacked>li{float:none;}
| + | |
| - | .nav-stacked>li>a{margin-right:0;}
| + | |
| - | .nav-tabs.nav-stacked{border-bottom:0;}
| + | |
| - | .nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
| + | |
| - | .nav-tabs.nav-stacked>li:first-child>a{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;}
| + | |
| - | .nav-tabs.nav-stacked>li:last-child>a{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
| + | |
| - | .nav-tabs.nav-stacked>li>a:hover,.nav-tabs.nav-stacked>li>a:focus{border-color:#ddd;z-index:2;}
| + | |
| - | .nav-pills.nav-stacked>li>a{margin-bottom:3px;}
| + | |
| - | .nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px;}
| + | |
| - | .nav-tabs .dropdown-menu{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
| + | |
| - | .nav-pills .dropdown-menu{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
| + | |
| - | .nav .dropdown-toggle .caret{border-top-color:#2c5382;border-bottom-color:#2c5382;margin-top:6px;}
| + | |
| - | .nav .dropdown-toggle:hover .caret,.nav .dropdown-toggle:focus .caret{border-top-color:#192f49;border-bottom-color:#192f49;}
| + | |
| - | .nav-tabs .dropdown-toggle .caret{margin-top:8px;}
| + | |
| - | .nav .active .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff;}
| + | |
| - | .nav-tabs .active .dropdown-toggle .caret{border-top-color:#555555;border-bottom-color:#555555;}
| + | |
| - | .nav>.dropdown.active>a:hover,.nav>.dropdown.active>a:focus{cursor:pointer;}
| + | |
| - | .nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover,.nav>li.dropdown.open.active>a:focus{color:#ffffff;background-color:#999999;border-color:#999999;}
| + | |
| - | .nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret,.nav li.dropdown.open a:focus .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;opacity:1;filter:alpha(opacity=100);}
| + | |
| - | .tabs-stacked .open>a:hover,.tabs-stacked .open>a:focus{border-color:#999999;}
| + | |
| - | .tabbable{*zoom:1;}.tabbable:before,.tabbable:after{display:table;content:"";line-height:0;}
| + | |
| - | .tabbable:after{clear:both;}
| + | |
| - | .tab-content{overflow:auto;}
| + | |
| - | .tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0;}
| + | |
| - | .tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
| + | |
| - | .tab-content>.active,.pill-content>.active{display:block;}
| + | |
| - | .tabs-below>.nav-tabs{border-top:1px solid #ddd;}
| + | |
| - | .tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0;}
| + | |
| - | .tabs-below>.nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus{border-bottom-color:transparent;border-top-color:#ddd;}
| + | |
| - | .tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus{border-color:transparent #ddd #ddd #ddd;}
| + | |
| - | .tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none;}
| + | |
| - | .tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;}
| + | |
| - | .tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd;}
| + | |
| - | .tabs-left>.nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
| + | |
| - | .tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus{border-color:#eeeeee #dddddd #eeeeee #eeeeee;}
| + | |
| - | .tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus{border-color:#ddd transparent #ddd #ddd;*border-right-color:#ffffff;}
| + | |
| - | .tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd;}
| + | |
| - | .tabs-right>.nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
| + | |
| - | .tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus{border-color:#eeeeee #eeeeee #eeeeee #dddddd;}
| + | |
| - | .tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover,.tabs-right>.nav-tabs .active>a:focus{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;}
| + | |
| - | .nav>.disabled>a{color:#999999;}
| + | |
| - | .nav>.disabled>a:hover,.nav>.disabled>a:focus{text-decoration:none;background-color:transparent;cursor:default;}
| + | |
| - | .breadcrumb{padding:8px 15px;margin:0 0 20px;list-style:none;background-color:#f5f5f5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.breadcrumb>li{display:inline-block;*display:inline;*zoom:1;text-shadow:0 1px 0 #ffffff;}.breadcrumb>li>.divider{padding:0 5px;color:#ccc;}
| + | |
| - | .breadcrumb>.active{color:#999999;}
| + | |
| - | .pagination{margin:20px 0;}
| + | |
| - | .pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
| + | |
| - | .pagination ul>li{display:inline;}
| + | |
| - | .pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;border-left-width:0;}
| + | |
| - | .pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#f5f5f5;}
| + | |
| - | .pagination ul>.active>a,.pagination ul>.active>span{color:#999999;cursor:default;}
| + | |
| - | .pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999999;background-color:transparent;cursor:default;}
| + | |
| - | .pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
| + | |
| - | .pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
| + | |
| - | .pagination-centered{text-align:center;}
| + | |
| - | .pagination-right{text-align:right;}
| + | |
| - | .pagination-large ul>li>a,.pagination-large ul>li>span{padding:11px 19px;font-size:17.5px;}
| + | |
| - | .pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span{-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}
| + | |
| - | .pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
| + | |
| - | .pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span{-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px;}
| + | |
| - | .pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span{-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-bottom-right-radius:3px;}
| + | |
| - | .pagination-small ul>li>a,.pagination-small ul>li>span{padding:2px 10px;font-size:11.9px;}
| + | |
| - | .pagination-mini ul>li>a,.pagination-mini ul>li>span{padding:0 6px;font-size:10.5px;}
| + | |
| - | .pager{margin:20px 0;list-style:none;text-align:center;*zoom:1;}.pager:before,.pager:after{display:table;content:"";line-height:0;}
| + | |
| - | .pager:after{clear:both;}
| + | |
| - | .pager li{display:inline;}
| + | |
| - | .pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
| + | |
| - | .pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#f5f5f5;}
| + | |
| - | .pager .next>a,.pager .next>span{float:right;}
| + | |
| - | .pager .previous>a,.pager .previous>span{float:left;}
| + | |
| - | .pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999999;background-color:#fff;cursor:default;}
| + | |
| - | .thumbnails{margin-left:-20px;list-style:none;*zoom:1;}.thumbnails:before,.thumbnails:after{display:table;content:"";line-height:0;}
| + | |
| - | .thumbnails:after{clear:both;}
| + | |
| - | .row-fluid .thumbnails{margin-left:0;}
| + | |
| - | .thumbnails>li{float:left;margin-bottom:20px;margin-left:20px;}
| + | |
| - | .thumbnail{display:block;padding:4px;line-height:20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
| + | |
| - | a.thumbnail:hover,a.thumbnail:focus{border-color:#2c5382;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
| + | |
| - | .thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto;}
| + | |
| - | .thumbnail .caption{padding:9px;color:#555555;}
| + | |
| - | .alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
| + | |
| - | .alert,.alert h4{color:#c09853;}
| + | |
| - | .alert h4{margin:0;}
| + | |
| - | .alert .close{position:relative;top:-2px;right:-21px;line-height:20px;}
| + | |
| - | .alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}
| + | |
| - | .alert-success h4{color:#468847;}
| + | |
| - | .alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
| + | |
| - | .alert-danger h4,.alert-error h4{color:#b94a48;}
| + | |
| - | .alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;}
| + | |
| - | .alert-info h4{color:#3a87ad;}
| + | |
| - | .alert-block{padding-top:14px;padding-bottom:14px;}
| + | |
| - | .alert-block>p,.alert-block>ul{margin-bottom:0;}
| + | |
| - | .alert-block p+p{margin-top:5px;}
| + | |
| - | @-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-o-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(to bottom, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
| + | |
| - | .progress .bar{width:0%;height:100%;color:#ffffff;float:left;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(to bottom, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
| + | |
| - | .progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);}*/
| + | |
| | | | |
| | .p_notebook { | | .p_notebook { |
| Line 1,238: |
Line 1,105: |
| | font-weight:600; | | font-weight:600; |
| | color:#4c4c4c; | | color:#4c4c4c; |
| - | transition:all linear 0.15s; | + | transition:all linear 1s; |
| | } | | } |
| | | | |
| Line 1,314: |
Line 1,181: |
| | top: 15px; | | top: 15px; |
| | left: -30px; | | left: -30px; |
| - | padding-right: 50px;
| + | z-index: -10; |
| | + | padding: 5px 60px 5px 35px; |
| | background: url(https://static.igem.org/mediawiki/2014/9/91/VUPVMedal_background.png) no-repeat center center; | | background: url(https://static.igem.org/mediawiki/2014/9/91/VUPVMedal_background.png) no-repeat center center; |
| | background-size: cover; | | background-size: cover; |
| | } | | } |
| | + | |
| | + | .medals-tick |
| | + | { |
| | + | margin-left: 130px; |
| | + | } |
| | + | |
| | + | .medals-tick li ul li |
| | + | { |
| | + | list-style: square; |
| | + | margin-left: 35px; |
| | + | } |
| | + | |
| | + | #bronze |
| | + | { |
| | + | list-style-image: url('https://static.igem.org/mediawiki/2014/6/6b/VUPVTick_bronze.png'); |
| | + | } |
| | + | |
| | + | #silver |
| | + | { |
| | + | list-style-image: url('https://static.igem.org/mediawiki/2014/1/1f/VUPVTick_silver_mod.png'); |
| | + | } |
| | + | |
| | + | #gold |
| | + | { |
| | + | list-style-image: url('https://static.igem.org/mediawiki/2014/5/56/VUPVTick_golden_mod.png'); |
| | + | } |
| | + | #green |
| | + | { |
| | + | list-style-image: url('https://static.igem.org/mediawiki/2014/d/d0/VUPVTick_green_mod.png'); |
| | + | } |
| | + | |
| | | | |
| | | | |
| | </style> | | </style> |
| | </html> | | </html> |
"
