Difference between revisions of "Team:UPMC-Paris"

Line 137: Line 137:
 
</style>
 
</style>
 
</div></div>
 
</div></div>
 
 
 
 
<script>
 
<style>
 
#mainContainer p {
 
    font-size: 15px;
 
    padding-top: 5px;
 
    padding-bottom: 5px;
 
    text-align:justify;
 
    margin:0 1% 0 1%;
 
}
 
#mainContainer p.caption {
 
    display:block;
 
    margin:auto;
 
    text-align:center;
 
}
 
 
#mainContainer h1,#mainContainer h2,#mainContainer h3,#mainContainer h4,#mainContainer h5,#mainContainer h6 {
 
    color: #000000;
 
    border-bottom: none;
 
    font-weight: bold;
 
    line-height:normal;
 
}
 
#mainContainer h1 p,#mainContainer h2 p,#mainContainer h3 p,#mainContainer h4 p,#mainContainer h5 p,#mainContainer h6 p {
 
    font-weight:normal;
 
    text-align:left;
 
}
 
 
#mainContainer h1 {
 
    text-align: center;
 
    color:#00964B;
 
    font-size:36px;
 
    padding-top:0px;
 
    clear:both;
 
/*    margin-bottom: 0px;*/
 
}
 
 
#mainContainer h2 {
 
    font-size:24px;
 
    padding-top: 40px;
 
    border-bottom:1px solid black;
 
    clear:both;
 
}
 
 
#mainContainer h2:first-child {
 
    padding-top: 0px;
 
}
 
 
#mainContainer h3 {
 
    font-size:20px;
 
    clear:both;
 
}
 
 
#mainContainer li,td,th {
 
    font-size:15px;
 
}
 
 
.expContainer a {
 
    font-weight: bold;
 
    color: #00964B;
 
}
 
 
.expContainer a:hover {
 
    color: #59bf92;
 
}
 
 
.expContainer ul {
 
    margin: .3em 0 0 2.5em;
 
}
 
 
/*Change the styling of tables */
 
#mainContainer table {
 
    border: 3px solid #565656;
 
    border-collapse: collapse;
 
    margin: auto;
 
    margin-bottom:20px;
 
}
 
 
/*Change the styling of table cells*/
 
#mainContainer td,th {
 
    padding: 10px;
 
    vertical-align:middle;
 
    border: 3px solid #565656;
 
    max-width:100%;
 
}
 
 
/*Change the styling of table headers */
 
#mainContainer th {
 
    background-color: #93c6ac;
 
}
 
 
#mainContainer .imgBox {
 
    padding:3px;
 
    height:auto;
 
    border: 1px solid #ccc;
 
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 
    margin: 20px 0 20px 0;
 
    background-color:#f9f9f9;
 
}
 
#mainContainer .imgBox a {
 
    display:block;
 
}
 
#mainContainer .imgBox > :not(p) {
 
    background-color:#fff;
 
}
 
#mainContainer .imgBox #mag {
 
    width:15px;
 
    height:11px;
 
    float:right;
 
    margin: 3px;
 
}
 
#mainContainer .imgBox #mag img {
 
    border:none !important;
 
}
 
#mainContainer .imgBox p {
 
    font-size: 10pt;
 
    padding:3px;
 
    margin: 0px;
 
    text-align:left;
 
}
 
 
#mainContainer .imgBox object,.imgBox img {
 
    width:100%;
 
    border: 1px solid #ccc;
 
}
 
#mainContainer .imgBox > table, #mainContainer .imgBox > table td,#mainContainer .imgBox > table th {
 
    border: 0;
 
}
 
#mainContainer .imgBox > table table, #mainContainer .imgBox > table table td, #mainContainer .imgBox > table table th {
 
    border: 3px solid black;
 
}
 
 
 
.expContainer img,.expContainer object.svg {
 
    display:block;
 
    margin:auto;
 
    text-align:center;
 
}
 
.expContainer ul {
 
    list-style: square;
 
}
 
a.expander img {
 
    background: url("https://static.igem.org/mediawiki/2015/b/b1/Updownarrows.png") no-repeat;
 
    outline : none;
 
    height:100%;
 
    background-size:100%;
 
/*    background-position: 0 100%;*/
 
}
 
.open-info a.expander img {
 
    background-position: 0 100%;
 
}
 
/*.closed-info a.expander img {
 
    background-position: 0 0;
 
}*/
 
.expContainer b.TODO {
 
    color: #F660AB;
 
}
 
 
@media screen and (max-device-width: 480px) {
 
    a.expander {
 
        height: 10em;
 
    }
 
    .info {
 
        padding-bottom:20em;
 
    }
 
    .open-info {
 
        padding-bottom:20em;
 
    }
 
    .info {
 
        max-height:10em;
 
    }
 
/*    .closed-info {
 
        max-height:10em;
 
        height:10em;
 
    }*/
 
}
 
 
</style>
 
</script>
 
  
  

Revision as of 16:38, 30 September 2016