|
|
(17 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| {{ATOMS-Turkiye/Test}} | | {{ATOMS-Turkiye/Test}} |
| <html> | | <html> |
− | <head>
| + | <script> $('#content').attr('style', 'width:100% !important');</script> |
− | <!-- NEW JQUERY -->
| + | <style type="text/css"> |
− | <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> | + | |
− | | + | |
− | <!-- MathJax (LaTeX for the web) -->
| + | |
− | <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
| + | |
− | | + | |
− | <script src="https://2015.igem.org/Team:ATOMS-Turkiye/slimbox2.js?action=raw&ctype=text/javascript"></script>
| + | |
− | <link href="https://2015.igem.org/Team:ATOMS-Turkiye/slimbox2.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | + | |
− | <script src="https://2015.igem.org/Team:ATOMS-Turkiye/underscore-min.js?action=raw&ctype=text/javascript"></script>
| + | |
− | <script src="https://2015.igem.org/Team:ATOMS-Turkiye/xscrolly.js?action=raw&ctype=text/javascript"></script>
| + | |
− | <script src="https://2015.igem.org/Team:ATOMS-Turkiye/native.history.min.js?action=raw&ctype=text/javascript"></script>
| + | |
− | <script src="https://2015.igem.org/Team:ATOMS-Turkiye/ajaxload.js?action=raw&ctype=text/javascript"></script>
| + | |
− | <script src="https://2015.igem.org/Team:ATOMS-Turkiye/jquery.hoverIntent.js?action=raw&ctype=text/javascript"></script>
| + | |
− | <script src="https://2015.igem.org/Team:ATOMS-Turkiye/jquery.scrollTo.js?action=raw&ctype=text/javascript"></script>
| + | |
− | <script src="https://2015.igem.org/Team:ATOMS-Turkiye/iGEM.js?action=raw&ctype=text/javascript"></script>
| + | |
− | | + | |
| <!-- MAIN STYLE --> | | <!-- MAIN STYLE --> |
| <style type="text/css"> | | <style type="text/css"> |
| + | @media (max-width: 1100px) { |
| + | #globalWrapper #content.mw-body{ |
| + | width:100% !important; |
| + | } |
| + | } |
| body{ | | body{ |
| background-color:rgb(255,0,0); | | background-color:rgb(255,0,0); |
| text-align:center; | | text-align:center; |
| + | } |
| + | table{ |
| + | background-color:transparent; |
| } | | } |
| #contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/ | | #contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/ |
Line 42: |
Line 35: |
| border: 0px; | | border: 0px; |
| background-color: transparent; | | background-color: transparent; |
− | margin-top: -7px; | + | margin-top: 0px; |
| padding: 0px; | | padding: 0px; |
| } | | } |
| #content { | | #content { |
| background-image: url(https://static.igem.org/mediawiki/2015/c/c9/ATOMS-Turkiye_background_texture.png); | | background-image: url(https://static.igem.org/mediawiki/2015/c/c9/ATOMS-Turkiye_background_texture.png); |
− | position: fixed | + | position: fixed; |
| } | | } |
− |
| |
| li { | | li { |
| margin:0px; | | margin:0px; |
Line 58: |
Line 50: |
| } | | } |
| | | |
− | #headerWrapper a,
| |
− | #headerWrapper a:hover,
| |
− | #headerWrapper a:visited,
| |
− | #headerWrapper a:active {
| |
− | text-decoration:none;
| |
− | color:white;
| |
− | }
| |
| | | |
| body{ | | body{ |
Line 70: |
Line 55: |
| background-color:oldlace; | | background-color:oldlace; |
| margin-left:0px; | | margin-left:0px; |
− | }
| |
− |
| |
− | #headerWrapper {
| |
− | position:fixed;
| |
− | top:16px;
| |
− | height: 110px;
| |
− | width:100%;
| |
− | background-color: #A30000;
| |
− | background-color: rgba(163, 0, 0, 0.95);
| |
− | z-index:30;
| |
− | }
| |
− |
| |
− | #sub-navigation-wrapper {
| |
− | clear:both;
| |
− | position:relative;
| |
− | background-color: #104F60;
| |
− | background-color: rgba(16, 79, 96, .95);
| |
− | width:100%;
| |
− | height: 26px;
| |
− | padding-top: 5px;
| |
− | -webkit-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75);
| |
− | -moz-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75);
| |
− | box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75);
| |
| } | | } |
| | | |
Line 103: |
Line 65: |
| #global-wrapper { | | #global-wrapper { |
| padding-top: 100px; | | padding-top: 100px; |
− | width: 900px; | + | width: 960px; |
| text-align: left; | | text-align: left; |
| margin-left: auto; | | margin-left: auto; |
Line 113: |
Line 75: |
| padding-bottom: 10px; | | padding-bottom: 10px; |
| } | | } |
− | #logo img {
| + | body{ |
− | width: 147px;
| + | |
− | position: fixed;
| + | |
− | left: 100px;
| + | |
− | z-index: 99;
| + | |
− | float: left;
| + | |
− | -webkit-filter: drop-shadow(0px 5px 3px rgba(0,0,0,0.5));
| + | |
− | filter: url(#drop-shadow);
| + | |
− | -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
| + | |
− | filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
| + | |
− | }
| + | |
− | #navigation {
| + | |
− | float: right;
| + | |
− | font-family: Verdana, Geneva, sans-serif;
| + | |
− | font-size: 0.85em;
| + | |
− | }
| + | |
| | | |
− | #sub-navigation {
| + | text-align:center; |
− | width:1090px;
| + | |
− | text-align: right;
| + | |
− | font-family: Verdana, Geneva, sans-serif;
| + | |
− | font-size: 0.7em;
| + | |
− | margin:auto;
| + | |
− | }
| + | |
− | | + | |
− | #sub-navigation ul {
| + | |
− | display: inline;
| + | |
− | float:right;
| + | |
− | }
| + | |
− | | + | |
− | #sub-navigation li:before{
| + | |
− | color:white;
| + | |
− | }
| + | |
− | | + | |
− | #sub-navigation li li:before{
| + | |
− | color:white;
| + | |
− | }
| + | |
− | | + | |
− | #sub-navigation li.active-item > a{
| + | |
− | font-weight: bold;
| + | |
− | border-top:2px solid;
| + | |
− | }
| + | |
− | | + | |
− | #sub-navigation li.current ul {
| + | |
− | display: inline;
| + | |
− | }
| + | |
− | | + | |
− | #sub-navigation ul ul {
| + | |
− | color:white;
| + | |
− | padding-left:0px;
| + | |
− | }
| + | |
− | | + | |
− | #sub-navigation li {
| + | |
− | display: inline;
| + | |
− | float: left;
| + | |
− | }
| + | |
− | | + | |
− | #sub-navigation li li{
| + | |
− | display: inline;
| + | |
− | float: left;
| + | |
− | padding-left: 5px;
| + | |
− | font-style: italic;
| + | |
| } | | } |
| | | |
| #navigation ul li { | | #navigation ul li { |
− | display: inline;
| + | display: inline; |
− | float:left;
| + | |
| } | | } |
| | | |
− | | + | #arma { |
− | | + | height: 74%; |
− | #body { | + | margin: auto; |
− | clear:both; | + | left: 0; |
− | padding-top: 20px; | + | right: 0; |
| + | top: 13%; |
| + | position: absolute; |
| } | | } |
− | #content-area { | + | #title { |
− | text-align: justify; | + | margin: auto; |
− | padding-left:120px; | + | left: 0; |
| + | right: 0; |
| + | top: -30px; |
| + | position: absolute; |
| + | height: 25%; |
| } | | } |
− | | + | div#logo, div#footer{ |
− | p img {
| + | display:none; |
− | float:left;
| + | |
− | padding-right:20px;
| + | |
| } | | } |
− | | + | #gloabalWrapper{ |
− | #scroll-spy li.sub-heading { | + | position:fixed !important; |
− | margin-left:20px;
| + | bottom:-25px; |
| } | | } |
− | | + | div#header{ |
− | #scroll-spy li.active { | + | width:600px; |
− | color:red;
| + | margin:auto; |
| + | left:0px; |
| + | right:0px; |
| } | | } |
− | | + | div#externals { |
− | | + | right: 0px; |
− | | + | position: absolute; |
− | .nav-item {
| + | top: 52px; |
− | display: block; | + | |
− | background-size: 32px; | + | |
− | float: left;
| + | |
− | width:80px;
| + | |
− | background-position: center 15px ;
| + | |
− | background-repeat: no-repeat; | + | |
− | line-height: 40px;
| + | |
− | text-align:center;
| + | |
− | padding-top: 40px;
| + | |
− | padding-right:10px;
| + | |
− | padding-left:10px;
| + | |
− | text-transform: uppercase;
| + | |
| } | | } |
− | | + | #headerWrapper { |
− | .tour { | + | position: fixed !important; |
− | background-image: url(https://static.igem.org/mediawiki/2014/5/54/LMU14_team_white.png); | + | bottom: -30px !important; |
| + | opacity: 0.5; |
| + | -webkit-transition: all .2s linear; |
| + | -moz-transition: all .2s linear; |
| + | -o-transition: all .2s linear; |
| + | transition: all .2s linear; |
| } | | } |
− | | + | div#headerWrapper:hover { |
− | .project { | + | opacity: 1; |
− | background-image: url(https://static.igem.org/mediawiki/2014/b/b5/LMU14_project_white.png); | + | -webkit-transition: all .2s linear; |
| + | -moz-transition: all .2s linear; |
| + | -o-transition: all .2s linear; |
| + | transition: all .2s linear; |
| + | bottom: 0px !important; |
| } | | } |
− | | + | a:hover { |
− | .results {
| + | background-color: #104F60 !important; |
− | background-image: url(https://static.igem.org/mediawiki/2014/b/b5/LMU14_flask_white.png); | + | |
| } | | } |
− |
| |
− | .team {
| |
− | background-image: url(https://static.igem.org/mediawiki/2014/c/c3/LMU14_application_white.png);
| |
− | }
| |
− |
| |
− | .extras {
| |
− | background-image: url(https://static.igem.org/mediawiki/2014/c/c4/LMU14_Outreach_white.png);
| |
− | }
| |
− |
| |
− | .pp {
| |
− | background-image: url(https://static.igem.org/mediawiki/2014/f/f8/LMU14_labbook_white.png);
| |
− | }
| |
− |
| |
− | a:hover{
| |
− | background-color: #104F60;
| |
− | background-color: rgba(16, 79, 96, .95);
| |
− | }
| |
− |
| |
| a.active{ | | a.active{ |
− | background-color: #104F60;
| + | background-color:transparent; |
− | background-color: rgba(16, 79, 96, .95);
| + | |
| } | | } |
− | | + | ul#project-sub { |
− | #content-div a:hover { | + | padding-right:280px !important; |
− | text-decoration: none;
| + | |
− | background-color: inherit;
| + | |
− | | + | |
− | border-bottom: 1px dashed navy;
| + | |
| } | | } |
− | | + | #sub-navigation { |
− | .project-tile a:hover {
| + | width: 750px; |
− | border:0;
| + | |
− | }
| + | |
− | | + | |
− | #content-div a,
| + | |
− | #content-div a:visited,
| + | |
− | #content-div a:active,
| + | |
− | #content-div a:hover {
| + | |
− | text-decoration: none;
| + | |
− | color: navy;
| + | |
− | }
| + | |
− | | + | |
− | /*a:hover{
| + | |
− | color:white;
| + | |
− | }*/
| + | |
− | | + | |
− | ul {
| + | |
− | margin:0px;
| + | |
− | }
| + | |
− | | + | |
− | p{
| + | |
− | font-size: 19px;
| + | |
− | }
| + | |
− | | + | |
− | #sub-navigation > ul { | + | |
− | display:none;
| + | |
− | }
| + | |
− | | + | |
− | div.thumb{
| + | |
− | border-color: rgba(255, 255, 255, 0);
| + | |
− | }
| + | |
− | | + | |
− | .accordion{
| + | |
− | width: 100%; | + | |
− | margin: 10px auto 10px auto;
| + | |
− | }
| + | |
− | | + | |
− | .accordion label{
| + | |
− | font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
| + | |
− | padding: 5px 20px;
| + | |
− | position: relative;
| + | |
− | z-index: 20;
| + | |
− | display: block;
| + | |
− | cursor: pointer;
| + | |
− | color: #003366;
| + | |
− | line-height: 33px;
| + | |
− | font-size: 19px;
| + | |
− | font-weight: 500;
| + | |
− | -webkit-transition: 0.5s, -webkit-transform 0.5s;
| + | |
− | transition: 0.5s, transform 0.5s;
| + | |
− | }
| + | |
− | | + | |
− | .bg-color-2 .accordion label {
| + | |
− | background-color: #D5CDBC;
| + | |
− | background-color: #D5CDBC;
| + | |
− | }
| + | |
− | .accordion label {
| + | |
− | background-color: #E8E0D2;
| + | |
− | }
| + | |
− | | + | |
− | .accordion label:hover{
| + | |
− | background: #fff;
| + | |
− | }
| + | |
− | | + | |
− | .accordion input:checked + label,
| + | |
− | .accordion input:checked + label:hover{
| + | |
− | background: #CFEAFF;
| + | |
− | color: #003366;
| + | |
− | }
| + | |
− | | + | |
− | .accordion input:enabled + label:after{
| + | |
− | content: '';
| + | |
− | position: absolute;
| + | |
− | width: 24px;
| + | |
− | height: 24px;
| + | |
− | right: 13px;
| + | |
− | top: 7px;
| + | |
− | background: transparent url(https://static.igem.org/mediawiki/2014/f/f8/LMU14_arrow_down.png) no-repeat center center;
| + | |
− | }
| + | |
− | | + | |
− | .accordion input{
| + | |
− | display: none;
| + | |
− | }
| + | |
− | | + | |
− | .accordion article{
| + | |
− | background: rgba(255, 255, 255, 0.5);
| + | |
− | margin-top: -1px;
| + | |
− | overflow: hidden;
| + | |
− | height: 0px;
| + | |
− | position: relative;
| + | |
− | z-index: 10;
| + | |
− | transition:
| + | |
− | height 0.3s ease-in-out,
| + | |
− | box-shadow 0.6s linear;
| + | |
− | }
| + | |
− | .accordion input:checked ~ article{
| + | |
− | transition:
| + | |
− | height 0.5s ease-in-out,
| + | |
− | }
| + | |
− | | + | |
− | .accordion input:checked ~ article.ac-small{
| + | |
− | height: auto;
| + | |
− | padding-top: 5px;
| + | |
− | padding-left: 15px;
| + | |
− | padding-right: 15px;
| + | |
− | padding-bottom: 10px;
| + | |
− | text-align: justify;
| + | |
− | }
| + | |
− | .accordion input:checked ~ article.ac-medium{
| + | |
− | height: 180px;
| + | |
− | }
| + | |
− | .accordion input:checked ~ article.ac-large{
| + | |
− | height: 230px;
| + | |
− | }
| + | |
− | | + | |
− | .accordion input:checked + label:after{
| + | |
− | background-image: url(https://static.igem.org/mediawiki/2014/7/7a/LMU14_arrow_up.png);
| + | |
− | }
| + | |
− | | + | |
− | section > div{
| + | |
− | width: 900px;
| + | |
− | text-align: left;
| + | |
− | margin-left: auto;
| + | |
− | margin-right: auto;
| + | |
− | padding-bottom: 5px;
| + | |
− | padding-top: 5px;
| + | |
− | }
| + | |
− | | + | |
− | .accordion article p {
| + | |
− | font-size: 1em;
| + | |
− | }
| + | |
− | | + | |
− | .accordion article,
| + | |
− | section p {
| + | |
− | text-align: justify;
| + | |
− | font-size: 19px;
| + | |
− | line-height:1.5em;
| + | |
− | }
| + | |
− | | + | |
− | #content-div > section {
| + | |
− | padding-bottom:20px;
| + | |
− | }
| + | |
− | #content-div > section > section > div > img {
| + | |
− | padding-bottom: 30px;
| + | |
− | }
| + | |
− | | + | |
− | #content-div > p,
| + | |
− | #content-div > h1,
| + | |
− | #content-div > h2,
| + | |
− | #content-div > h3,
| + | |
− | #content-div > ul,
| + | |
− | #content-div > dl,
| + | |
− | #content-div > table{
| + | |
− | margin-left:auto;
| + | |
− | margin-right:auto;
| + | |
− | }
| + | |
− | | + | |
− | p {
| + | |
− | text-align:justify;
| + | |
− | }
| + | |
− | | + | |
− | #content-div {
| + | |
− | margin: auto;
| + | |
− | width: 900px;
| + | |
− | box-shadow: black 0px 0px 20px;
| + | |
− | background-color: rgb(236, 247, 255);
| + | |
− | padding: 10px 100px;
| + | |
− | font-size: 16px;
| + | |
− | line-height: 1.5em;
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | | + | |
− | #content-div .full-width {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | #content-div .text-width,
| + | |
− | #content-div div.center{
| + | |
− | width:900px;
| + | |
− | margin-left:auto;
| + | |
− | margin-right:auto;
| + | |
− | padding-right:0px;
| + | |
− | padding-left:0px;
| + | |
− | padding-top: 30px;
| + | |
− | padding-bottom: 30px;
| + | |
− | float:none;
| + | |
− | }
| + | |
− | | + | |
− | #content-div .chart-width{
| + | |
− | width:560px;
| + | |
− | margin-left:auto;
| + | |
− | margin-right:auto;
| + | |
− | padding-right:0px;
| + | |
− | padding-left:0px;
| + | |
− | }
| + | |
− | | + | |
− | h3 {
| + | |
− | font-weight:bold;
| + | |
− | padding-top: 30px;
| + | |
− | }
| + | |
− | | + | |
− | h1,h2,h3,h4,h5,h6 {
| + | |
− | border:none;
| + | |
− | }
| + | |
− | | + | |
− | #top_menu_14 {
| + | |
− | border:0px;
| + | |
− | }
| + | |
− | | + | |
− | #navigation ul li {
| + | |
− | width:100px;
| + | |
− | }
| + | |
− | body {
| + | |
− | font-size:100%;
| + | |
− | }
| + | |
− | | + | |
− | #intro-img {
| + | |
− | height: 250px;
| + | |
− | width: 1100px;
| + | |
− | box-shadow: black 0px 0px 30px;
| + | |
− | position: relative;
| + | |
− | z-index: -1;
| + | |
− | }
| + | |
− | #page-wrapper {
| + | |
− | margin-top: 71px;
| + | |
− | }
| + | |
− | .wikitable {
| + | |
− | border: none!important;
| + | |
− | border-top: 3px solid black!important;
| + | |
− | border-bottom: 3px solid black!important;
| + | |
− | }
| + | |
− | .wikitable td, .wikitable th {
| + | |
− | border: none!important;
| + | |
− | background: white;
| + | |
− | }
| + | |
− | .wikitable th {
| + | |
− | border-bottom: 3px solid black!important;
| + | |
− | }
| + | |
− | .wikitable caption {
| + | |
− | font-weight: inherit;
| + | |
− | }
| + | |
− | .sub-nav-item {
| + | |
− | padding:7px;
| + | |
− | }
| + | |
− | .sub-nav-item:hover {
| + | |
− | background:#092E38;
| + | |
− | }
| + | |
− | #footer
| + | |
− | {
| + | |
− | background-color: #555;
| + | |
− | text-align: center;
| + | |
− | //height: 200px;
| + | |
− | margin-bottom: -50px;
| + | |
− | }
| + | |
− | | + | |
− | #footer-content
| + | |
− | {
| + | |
− | padding: 20px;
| + | |
− | color: snow;
| + | |
− | }
| + | |
− | | + | |
− | #footer-content h2, #footer-content h3 {
| + | |
− | border:0;
| + | |
− | padding:0;
| + | |
− | margin:0;
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− | #footer-logos a img{
| + | |
− | height: 80px;
| + | |
− | margin: 10px;
| + | |
− | }
| + | |
− | | + | |
− | #footer-logos a{
| + | |
− | background-color: inherit;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | #arma {
| + | |
− | width:600px;
| + | |
− | margin:auto;
| + | |
− | left:0;
| + | |
− | right:0;
| + | |
− | top: 105px;
| + | |
− | position:absolute;
| + | |
− | }
| + | |
− | #title {
| + | |
− | margin:auto;
| + | |
− | left:0;
| + | |
− | right:0;
| + | |
− | top: 13px;
| + | |
− | position:absolute;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | #content {
| + | |
− | background-image: url(https://static.igem.org/mediawiki/2015/c/c9/ATOMS-Turkiye_background_texture.png);
| + | |
| } | | } |
| </style> | | </style> |
| + | <img id="title" src="https://static.igem.org/mediawiki/2015/f/fb/ATOMS-Turkiye_Title.png"/> |
| + | <img id="arma" src="https://static.igem.org/mediawiki/2015/1/1b/ATOMS-Turkiye_Arma.png"/> |
| | | |
− | <script>
| |
− | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
| |
− | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
| |
− | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
| |
− | })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
| |
− |
| |
− | ga('create', 'UA-55868873-1', 'auto');
| |
− | ga('require', 'displayfeatures');
| |
− | ga('require', 'linkid', 'linkid.js');
| |
− | ga('send', 'pageview');
| |
− |
| |
− | </script>
| |
− |
| |
− | </head>
| |
| </html> | | </html> |
− | __NOTOC__
| |
− |
| |
− | <html>
| |
− | <img id="title" src="https://static.igem.org/mediawiki/2015/f/fb/ATOMS-Turkiye_Title.png"/>
| |
− | <img id="arma" src="https://static.igem.org/mediawiki/2015/1/1b/ATOMS-Turkiye_Arma.png"/>
| |