Difference between revisions of "Template:Goettingen/CSS"

 
(178 intermediate revisions by 2 users not shown)
Line 34: Line 34:
 
padding:0;
 
padding:0;
 
margin:0;
 
margin:0;
−
        list-style-image:url('');
+
/*        list-style-image:url('');*/
−
        background-image:url('');
+
/*        background-image:url('');*/
 
         border-bottom:none;
 
         border-bottom:none;
 
}
 
}
Line 82: Line 82:
 
         background:none;
 
         background:none;
 
          
 
          
 +
}
 +
 +
.text ul {
 +
list-style-type: disc !important;
 
}
 
}
  
Line 140: Line 144:
  
 
/************************* SIDE BAR  *************************/
 
/************************* SIDE BAR  *************************/
 +
 +
html,body,.container {
 +
    height:100%;
 +
}
 +
  
 
/* Side Bar */
 
/* Side Bar */
Line 228: Line 237:
 
line-height:24px;
 
line-height:24px;
 
}
 
}
−
 
−
/*
 
−
@media (max-width: 690px) {
 
−
.sidebar {
 
−
 
−
    position: absolute;
 
−
    bottom:-1px;
 
−
    /*float:none;*/
 
−
}
 
−
}
 
−
*/
 
  
  
Line 706: Line 704:
  
  
 +
.t-left table {
 +
border: solid 4px white;
 +
border-bottom: solid 1px #DDDDDD;
 +
border-top: solid 2px #DDDDDD;
 +
 +
}
 +
 +
 +
.t-center table {
 +
border: solid 4px white;
 +
border-bottom: solid 1px #DDDDDD;
 +
border-top: solid 2px #DDDDDD;
 +
 +
}
 +
 +
 +
.t-center th {
 +
  text-align: center !important; 
 +
  border-right: solid 1px #DDDDDD;
 +
  border-left: solid 1px #DDDDDD;
 +
}
 +
 +
.t-center td {
 +
  text-align: left !important;
 +
    border-right: solid 1px #DDDDDD;
 +
}
 +
 +
 +
.t-left .table th {
 +
  text-align: left !important; 
 +
  border-right: solid 1px #DDDDDD;
 +
  border-left: solid 1px #DDDDDD;
 +
}
 +
 +
 +
.t-left .table td {
 +
  text-align: left !important; 
 +
  border-right: solid 1px #DDDDDD;
 +
  border-left: solid 1px #DDDDDD;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
.exp {
 +
padding:0px;
 +
margin:0px;
 +
width:80%;
 +
background-repeat: no-repeat;
 +
display: block;
 +
margin:0 auto 0 auto;
 +
 +
}
 +
 +
.img-noborder {
 +
margin-top:-0.5px;
 +
margin-left:-4.5px;
 +
padding:0;
 +
opacity: 0;
 +
 +
}
 +
 +
.img-noborder1 {
 +
margin-top:-0.5px;
 +
padding:0;
 +
opacity: 0;
 +
 +
}
 +
 +
.img-noborder:hover {
 +
 +
opacity: 1;
 +
 +
}
 +
 +
.img-noborder1:hover {
 +
 +
opacity: 1;
 +
 +
}
  
  
Line 795: Line 876:
 
}
 
}
  
−
.text img {
+
.text ol{
 +
font-size: 16px;
 +
list-style-type: decimal;
 +
}
 +
 
 +
 
 +
ol.ref {
 +
    counter-reset: item;
 +
    list-style-type: none;
 +
    *list-style-type: decimal; /*Conditional hack for ie7*/
 +
}
 +
 
 +
ol.ref li:before {
 +
    content: '[' counter(item, decimal) '. ';
 +
    counter-increment: item;
 +
}
 +
 
 +
ol.ref { counter-reset: item; }
 +
ol.ref li:before { content: '[' counter(item, decimal) '] '; }
 +
 
 +
 
 +
img.text {
 
width:100%;
 
width:100%;
 
}
 
}
 +
 +
.caption {
 +
margin:auto;
 +
display:block;
 +
width:80%;
 +
margin-top:16px;
 +
margin-bottom:16px;
 +
}
 +
 +
 +
.photo {
 +
width:90%;
 +
margin:16px auto 16px auto;
 +
display: block;
 +
border-radius:4px;
 +
}
 +
 +
.poem {
 +
text-align:center !important;
 +
}
 +
 +
.poem p{
 +
text-align:center !important;
 +
}
 +
  
  
Line 951: Line 1,078:
 
}
 
}
  
 +
 +
 +
 +
 +
 +
@media (min-width: 768px) {
 +
.row-eq-height {
 +
  display: -webkit-box;
 +
  display: -webkit-flex;
 +
  display: -ms-flexbox;
 +
  display:        flex;
 +
margin-bottom:20px;
 +
}
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
.box{
 +
float:left;
 +
width:100%;
 +
height:100%;
 +
margin:0 0 10px 0;
 +
padding:10px;
 +
background-color: #ffffff;
 +
border-style:solid;
 +
border-color:#ececec;
 +
border-width:1px;
 +
        border-radius:3px;
 +
font-size: 14px;
 +
align-items: stretch
 +
}
 +
 +
.box h2{
 +
font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
 +
font-family:"Charter Black", sans-serif;
 +
font-size:24px;
 +
font-weight:bold;
 +
line-height:48px;
 +
padding:0;
 +
margin-top:14px;
 +
color:#000000;
 +
        text-align:center;
 +
 +
}
 +
 +
.box h3{
 +
font-family:"Charter Black", sans-serif;
 +
font-size:18px;
 +
font-weight:bold;
 +
line-height:20px;
 +
padding:0;
 +
margin-top:14px;
 +
color:#000000;
 +
        text-align:center;
 +
}
 +
.box h4{
 +
font-family:"Charter Black", sans-serif;
 +
font-size:14px;
 +
color:black;
 +
text-align:justify;
 +
        font-weight:bold;
 +
        margin-bottom: 0 !important;
 +
        padding:0;
 +
}
 +
 +
.box h5{
 +
font-family:"Charter Black", sans-serif;
 +
font-size:14px;
 +
        line-height:24px;
 +
padding:10px 0;
 +
color:black;
 +
text-align:center;
 +
        margin-bottom: 0 !important;
 +
}
 +
 +
.box h6{
 +
font-family:"Charter Black", sans-serif;
 +
font-size:14px;
 +
font-weight:bold;
 +
line-height:18px;
 +
padding:0;
 +
margin-top:16px;
 +
color:#000000;
 +
        text-align:left;
 +
}
 +
 +
 +
 +
.box:hover {
 +
        border-color:#000000 !important;
 +
        border: 2px solid;
 +
        padding: 9px;
 +
     
 +
}
 +
 +
 +
 +
.box p{
 +
font-size:14px;
 +
text-align:justify;
 +
font-weight: normal !important;
 +
        color: #000000;
 +
}
 +
 +
.box ul{
 +
font-size: 20px;
 +
line-height:48px;
 +
list-style-type: square !important;
 +
font-weight: normal !important;
 +
        color: #000000 !important;
 +
}
 +
 +
.box img {
 +
width:100%;
 +
border-radius:4px;
 +
 +
}
 +
 +
 +
.box hr {
 +
margin-top:10px;
 +
margin-bottom:10px;
 +
}
  
  
Line 1,099: Line 1,353:
 
.table1 th,  .table1 td{
 
.table1 th,  .table1 td{
 
   font-size:1em;
 
   font-size:1em;
−
   border:1px solid #98bf21;
+
   border:1px solid #2EBAFF;
 
   padding:3px 7px 2px 7px;
 
   padding:3px 7px 2px 7px;
 
}
 
}
Line 1,107: Line 1,361:
 
           padding-top:5px;
 
           padding-top:5px;
 
           padding-bottom:4px;
 
           padding-bottom:4px;
−
           background-color:#A7C942;
+
           background-color:#2EBAFF;
 
           color:#ffffff;
 
           color:#ffffff;
 
}
 
}
 
.table1 tr:nth-child(odd){
 
.table1 tr:nth-child(odd){
−
           background-color:#EAF2D3;
+
           background-color:#DFF5FF;
 
}
 
}
 
.table2{
 
.table2{
Line 1,201: Line 1,455:
 
<!--  Plyr css-->
 
<!--  Plyr css-->
 
<link rel="stylesheet" href="https://2016.igem.org/Template:Goettingen/plyr_css?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2016.igem.org/Template:Goettingen/plyr_css?action=raw&ctype=text/css">
 +
 +
<!--  Fontawesome CSS-->
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:Goettingen/CSS_fontawesome?action=raw&ctype=text/css">
 +
  
  
Line 1,258: Line 1,516:
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Description"> Description </a></li>
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Description"> Description </a></li>
−
<li> <a href="https://2016.igem.org/Team:Goettingen/Design"> ★ Design </a></li>
 
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Experiments"> Experiments </a></li>
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Experiments"> Experiments </a></li>
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Proof"> Proof of Concept </a></li>
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Proof"> Proof of Concept </a></li>
−
<li> <a href="https://2016.igem.org/Team:Goettingen/Demonstrate"> ★ Demonstrate </a></li>
 
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Results"> Results </a></li>
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Results"> Results </a></li>
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Notebook"> Notebook </a></li>
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Notebook"> Notebook </a></li>
Line 1,275: Line 1,531:
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Parts">Parts </a></li>
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Parts">Parts </a></li>
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Basic_Part"> Basic Parts </a></li>
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Basic_Part"> Basic Parts </a></li>
−
<li> <a href="https://2016.igem.org/Team:Goettingen/Composite_Part"> ★ Composite Parts </a></li>
 
−
<li> <a href="https://2016.igem.org/Team:Goettingen/Part_Collection"> ★ Part Collection </a></li>
 
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
Line 1,295: Line 1,549:
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Human_Practices"> Human Practices </a></li>
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Human_Practices"> Human Practices </a></li>
−
<li> <a href="https://2016.igem.org/Team:Goettingen/HP/Silver"> Silver </a></li>
+
<li> <a href="https://2016.igem.org/Team:Goettingen/HP/Silver"> HP on the Road </a></li>
−
<li> <a href="https://2016.igem.org/Team:Goettingen/HP/Gold"> Gold </a></li>
+
<li> <a href="https://2016.igem.org/Team:Goettingen/HP/Gold"> HP on the Web </a></li>
−
<li> <a href="https://2016.igem.org/Team:Goettingen/Integrated_Practices"> ★ Integrated Practices </a></li>
+
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Engagement"> Engagement </a></li>
 
<li> <a href="https://2016.igem.org/Team:Goettingen/Engagement"> Engagement </a></li>
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
−
 
−
        <li class="dropdown">
 
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Awards <span class="caret"></span></a>
 
−
          <ul class="dropdown-menu">
 
−
<li><a href="https://2016.igem.org/Team:Goettingen/Entrepreneurship"> ★ Entrepreneurship </a></li>
 
−
<li> <a href="https://2016.igem.org/Team:Goettingen/Hardware"> ★ Hardware </a></li>
 
−
<li> <a href="https://2016.igem.org/Team:Goettingen/Software">★ Software </a></li>
 
−
<li> <a href="https://2016.igem.org/Team:Goettingen/Measurement">★  Measurement </a></li>
 
−
<li> <a href="https://2016.igem.org/Team:Goettingen/Model">★ Model </a></li>
 
−
          </ul>
 
−
        </li>
 
−
 
  
  

Latest revision as of 17:49, 19 October 2016