Difference between revisions of "Team:ATOMS-Turkiye/Test Main1"

Line 18: Line 18:
  
 
<!-- MAIN STYLE -->
 
<!-- MAIN STYLE -->
−
 
 
<style type="text/css">
 
<style type="text/css">
−
body{
 
−
background-color:rgb(255,0,0);
 
−
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 --*/
 
−
.topWikiNavBackground {
 
−
height:18px;
 
−
margin-top: -32px;
 
−
background-color:transparent;
 
−
}
 
−
.headerimage {
 
−
position: relative;
 
−
top:40px;
 
−
margin: auto;
 
−
width: 100%;
 
−
height: 100%;
 
−
}
 
−
#globalWrapper, #content { /*-- changes default wiki settings --*/
 
−
    width: 100%;
 
−
    height: 100%;
 
−
    border: 0px;
 
−
    background-color: transparent;
 
−
    margin-top: -7px;
 
−
    padding: 0px;
 
−
}
 
−
#content {
 
−
    background-image: url(https://static.igem.org/mediawiki/2015/c/c9/ATOMS-Turkiye_background_texture.png);
 
−
    position: fixed;
 
−
}
 
−
li {
 
−
    margin:0px;
 
−
}
 
−
 
−
.firstHeading {
 
−
display: none;
 
−
}
 
−
 
−
#headerWrapper a,
 
−
#headerWrapper a:hover,
 
−
#headerWrapper a:visited,
 
−
#headerWrapper a:active {
 
−
    text-decoration:none;
 
−
    color:white;
 
−
}
 
−
 
−
body{
 
−
    /*background-color:#D8D8D8;*/
 
−
    background-color:oldlace;
 
−
    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);
 
−
}
 
−
 
−
 
−
#header {
 
−
    width:950px;
 
−
    margin: auto;
 
−
}
 
−
 
−
#global-wrapper {
 
−
    padding-top: 100px;
 
−
    width: 960px;
 
−
    text-align: left;
 
−
    margin-left: auto;
 
−
    margin-right: auto;
 
−
}
 
−
 
−
#wiki-navigation {
 
−
    font-size: 8pt;
 
−
    padding-bottom: 10px;
 
−
}
 
−
body{
 
−
 
−
text-align:center;
 
−
}
 
−
#navigation {
 
−
    position: fixed;
 
−
    margin: auto;
 
−
    left: 0;
 
−
    right: 0;
 
−
    bottom: 20px;
 
−
 
−
}
 
−
#navigation ul li {
 
−
display: inline;
 
−
}
 
−
#navigation a {
 
−
    display: inline-block;
 
−
    width: 130px;
 
−
    height: 65px;
 
−
    background: url("https://static.igem.org/mediawiki/2015/d/d6/ATOMS-Turkiye_Rectangle.png");
 
−
    line-height: 65px;
 
−
    color: white;
 
−
    font-size: 30px;
 
−
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
 
−
    margin: 4px;
 
−
transition: all 0.3s;
 
−
}
 
−
#navigation a:hover {
 
−
    text-decoration:none;
 
−
    background-color: black;
 
−
    -webkit-filter: brightness(0.9);
 
−
    transition: all 0.3s;
 
−
}
 
−
.tour, .project, .results {
 
−
float:left;
 
−
}
 
−
.tour {
 
−
margin-left:5px!important;
 
−
}
 
−
.pp, .team, .extras {
 
−
float:right;
 
−
}
 
−
.extras {
 
−
margin-right:25px!important;
 
−
}
 
−
#arma {
 
−
width:600px;
 
−
margin:auto;
 
−
left:0;
 
−
right:0;
 
−
top: 105px;
 
−
position:absolute;
 
−
}
 
−
#title {
 
−
margin:auto;
 
−
left:0;
 
−
right:0;
 
−
top: 13px;
 
−
position:absolute;
 
−
}
 
−
 
−
 
 
body{
 
body{
 
background-color:rgb(255,0,0);
 
background-color:rgb(255,0,0);
Line 419: Line 261:
 
}
 
}
  
 +
.project-tile a:hover {
 +
    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;
 +
}
 +
</style>
 +
 +
<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>
 
</script>
Line 427: Line 574:
  
 
<html>
 
<html>
−
    <div id="headerWrapper" class="hidden-xs hidden-sm">
+
<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"/>   
 +
<div id="headerWrapper" class="hidden-xs hidden-sm">
 
         <div id="header">
 
         <div id="header">
 
             <div id="logo">
 
             <div id="logo">
Line 482: Line 631:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
<html>
 
−
<style type="text/css">
 
−
<!-- MAIN 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"/>
 
−
 
−
</html>
 

Revision as of 20:06, 2 September 2015