|
|
| Line 123: |
Line 123: |
| | } | | } |
| | | | |
| - |
| |
| - |
| |
| - |
| |
| - | /* ACCORDION */
| |
| - | .accordion {
| |
| - | }
| |
| - | .accordionTitel {
| |
| - | cursor: pointer;
| |
| - | border: 1px solid #C7C7C7;
| |
| - | font-size: 13px;
| |
| - | font-family: Tahoma, Arial;
| |
| - | font-weight: bold;
| |
| - | padding: 3px 10px;
| |
| - | display: block;
| |
| - | margin-top:5px;
| |
| - | border-radius: 5px;
| |
| - | /* background */
| |
| - | background: #EEEEEE; /* Old browsers */
| |
| - | background: -moz-linear-gradient(top, rgb(228, 228, 228) 20%, rgb(255, 255, 255) 100%); /* FF3.6+ */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgb(228, 228, 228) ), color-stop(100%,#FFFFFF )); /* Chrome,Safari4+ */
| |
| - | background: -webkit-linear-gradient(top, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%); /* Chrome10+,Safari5.1+ */
| |
| - | background: -o-linear-gradient(top, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%); /* Opera 11.10+ */
| |
| - | background: -ms-linear-gradient(top, rgb(228, 228, 228) 20%, rgb(255, 255, 255) 100%); /* IE10+ */
| |
| - | background: linear-gradient(to bottom, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%); /* W3C */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
| |
| - | }
| |
| - | .accordionTitel:hover {
| |
| - | border: 1px solid #A5A5A5;
| |
| - | background: rgb(219,219,219); /* Old browsers */
| |
| - | /* IE9 SVG, needs conditional override of 'filter' to 'none' */
| |
| - | background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
| |
| - | background: -moz-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(238,238,238,1) 99%); /* FF3.6+ */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,219,219,1)), color-stop(99%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
| |
| - | background: -webkit-linear-gradient(top, rgba(219,219,219,1) 0%,rgba(238,238,238,1) 99%); /* Chrome10+,Safari5.1+ */
| |
| - | background: -o-linear-gradient(top, rgba(219,219,219,1) 0%,rgba(238,238,238,1) 99%); /* Opera 11.10+ */
| |
| - | background: -ms-linear-gradient(top, rgba(219,219,219,1) 0%,rgba(238,238,238,1) 99%); /* IE10+ */
| |
| - | background: linear-gradient(to bottom, rgba(219,219,219,1) 0%,rgba(238,238,238,1) 99%); /* W3C */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
| |
| - | }
| |
| - |
| |
| - | .accordion div.pane {
| |
| - | border-radius: 5px;
| |
| - | padding: 10px;
| |
| - | margin-top:3px;
| |
| - | margin-bottom: 10px;
| |
| - | display: none;
| |
| - | border: 1px solid #C7C7C7;
| |
| - | }
| |
| - | .accordion div.current {
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* RESULT PAGE */
| |
| - | .resultContainer {
| |
| - | width: 700px;
| |
| - | margin-left:auto;
| |
| - | margin-right:auto;
| |
| - | }
| |
| - | .groupTitel {
| |
| - | border-bottom-width: 2px;
| |
| - | border-bottom-style: solid;
| |
| - | border-bottom-color: #808080;
| |
| - | background-position: right top;
| |
| - | background-repeat: no-repeat;
| |
| - | font-size: 28px;
| |
| - | padding-left: 2px;
| |
| - | margin-bottom: 10px;
| |
| - | margin-top: 10px;
| |
| - | padding-top: 40px;
| |
| - | padding-right: 20px;
| |
| - | }
| |
| - | .Bronze {
| |
| - | background-image: url(https://static.igem.org/mediawiki/2013/7/76/SDU2013_Bronze.png);
| |
| - | color: #D1A45F;
| |
| - | }
| |
| - | .Silver {
| |
| - | background-image: url(https://static.igem.org/mediawiki/2013/1/19/SDU2013_Silver.png);
| |
| - | color: #B1B1B1;
| |
| - | }
| |
| - | .Gold {
| |
| - | background-image: url(https://static.igem.org/mediawiki/2013/e/eb/SDU2013_Gold.png);
| |
| - | color: #EEC452;
| |
| - | }
| |
| - | .resultGroup {
| |
| - | margin-left: 20px;
| |
| - | padding-left: 55px;
| |
| - | background-position: left top;
| |
| - | background-repeat: no-repeat;
| |
| - | background-image: url(https://static.igem.org/mediawiki/2013/1/1b/SDU2013_YesIcon.png);
| |
| - | padding-bottom: 2px;
| |
| - | margin-bottom: 10px;
| |
| - | margin-right: 20px;
| |
| - |
| |
| - | }
| |
| - | .resultTitel {
| |
| - | font-weight: bold;
| |
| - | font-size: 14px;
| |
| - | margin-bottom: 0px;
| |
| - | }
| |
| - | .resultText {
| |
| - | font-size: 12px;
| |
| - | margin-top: 0px;
| |
| - | }
| |
| - |
| |
| - | /* VACCORDION */
| |
| - | /* Vertical Accordion Style */
| |
| - | .va-container{
| |
| - | position:relative;
| |
| - | overflow: hidden;
| |
| - |
| |
| - | }
| |
| - | .va-wrapper{
| |
| - | width:100%;
| |
| - | height:100%;
| |
| - | position:relative;
| |
| - | overflow:hidden;
| |
| - | background:#000;
| |
| - | }
| |
| - | .va-slice{
| |
| - | cursor:pointer;
| |
| - | position:absolute;
| |
| - | width:100%;
| |
| - | left:0px;
| |
| - | overflow:hidden;
| |
| - | background-position: center center;
| |
| - | background-repeat: no-repeat;
| |
| - | }
| |
| - |
| |
| - | .va-title{
| |
| - | font-family: 'Open Sans Condensed', sans-serif;
| |
| - | text-transform:uppercase;
| |
| - | font-size:28px;
| |
| - | margin-left:20px;
| |
| - | color:#fff;
| |
| - | text-shadow: 0px 0px 1px white;
| |
| - | font-weight: bold;
| |
| - | width: 340px;
| |
| - | background-color: rgba(0, 0, 0, 0.8);
| |
| - | padding-left: 20px;
| |
| - | }
| |
| - | .va-title-sub {
| |
| - | font-size:18px;
| |
| - | font-weight: normal;
| |
| - | float: left;
| |
| - | margin-right: 15px;
| |
| - | margin-top: 3px;
| |
| - | width: 140px;
| |
| - | }
| |
| - | .va-content{
| |
| - | display:none;
| |
| - | margin-left:20px;
| |
| - | margin-left: 20px;
| |
| - | margin-top: 20px;
| |
| - | width: 330px;
| |
| - | background-color: rgba(0, 0, 0, 0.8);
| |
| - | padding: 5px 15px 10px 15px;
| |
| - | position: absolute;
| |
| - | bottom: 0px;
| |
| - | max-height: 380px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .aboutLabel, .aboutText {
| |
| - | font-family: 'Open Sans Condensed', sans-serif;
| |
| - | color: #fff;
| |
| - | text-shadow: 0px 0px 1px white;
| |
| - | font-size: 14px;
| |
| - |
| |
| - | }
| |
| - | .aboutLabel {
| |
| - | text-transform: uppercase;
| |
| - | font-size: 16px;
| |
| - | font-style: italic;
| |
| - | margin-top: 12px;
| |
| - | font-weight: bold;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | .va-slice ul{
| |
| - | margin-top:20px;
| |
| - | }
| |
| - | .va-slice ul li{
| |
| - | float:left;
| |
| - | margin:0px 2px;
| |
| - | }
| |
| - | .va-slice ul li a{
| |
| - | color:#000;
| |
| - | background:#eede2f;
| |
| - | padding:3px 6px;
| |
| - | font-size:14px;
| |
| - | font-family:'PT Sans', sans-serif;
| |
| - | text-transform:uppercase;
| |
| - | }
| |
| - | .va-slice ul li a:hover{
| |
| - | background:#000;
| |
| - | color:#fff;
| |
| - | text-shadow:none;
| |
| - | }
| |
| - | .va-nav span{
| |
| - | width:40px;
| |
| - | height:25px;
| |
| - | background:transparent no-repeat center center;
| |
| - | position:absolute;
| |
| - | top:-35px;
| |
| - | left:50%;
| |
| - | margin-left:-20px;
| |
| - | text-indent:-9000px;
| |
| - | opacity:0.7;
| |
| - | cursor:pointer;
| |
| - | display:none;
| |
| - | z-index:100;
| |
| - | }
| |
| - | .va-nav span.va-nav-next{
| |
| - |
| |
| - | top:auto;
| |
| - | bottom:-35px;
| |
| - | }
| |
| - | .va-nav span:hover{
| |
| - | opacity:1.0;
| |
| - | }
| |
| | | | |
| | </style> | | </style> |
| | </head> | | </head> |
| | </html> | | </html> |
"
