Difference between revisions of "Template:Freiburg/Styles"

Line 1: Line 1:
−
<html>
+
<html> <style>
−
<style>
+
−
+
 
/********************************* WIKI SETTINGS  ********************************/
 
/********************************* WIKI SETTINGS  ********************************/
−
   
 
−
    #sideMenu,
 
−
    #top_title {
 
−
        display: none;
 
−
    }
 
−
   
 
−
    #content {
 
−
            min-height:1000px;
 
−
        padding: 0px;
 
−
        width: 100%;
 
−
        margin-top: -7px;
 
−
        margin-left: 0px;
 
−
        background-color: #482b00;
 
  
−
        /* background-image: url("https://static.igem.org/mediawiki/2016/7/75/T--Freiburg--background.png");*/
+
#sideMenu,
−
      background-size: 100%;
+
#top_title {
 +
    display: none;
 +
}
  
−
    }
+
#content {
−
      
+
     min-height: 1000px;
−
     body {}
+
     padding: 0px;
−
      
+
     width: 100%;
−
     #bodyContent h1,
+
     margin-top: -7px;
−
     #bodyContent h5 {
+
     margin-left: 0px;
−
        margin-bottom: 0px;
+
    background-color: #482b00;
−
        font-family: 'Bad Script', cursive;
+
    /* background-image: url("https://static.igem.org/mediawiki/2016/7/75/T--Freiburg--background.png");*/
−
        font-weight: bold;
+
    background-size: 100%;
−
        font-size: 24px;
+
}
−
        color: #be740d letter-spacing: 3px;
+
−
    }
+
  
−
     /********************************* CONTENT OF THE PAGE ********************************/
+
body {}
−
    /* Wrapper for the content */
+
 
−
   
+
h1 {
−
    .content_wrapper {
+
    text-align: center;
−
        /*
+
    margin-top: -10px;
 +
    padding: 20px;
 +
    font-family: 'Bad Script', cursive;
 +
    font-weight: bold;
 +
    font-size: 36px;
 +
    color: #be740d;
 +
    letter-spacing: 3px;
 +
}
 +
 
 +
h2 {
 +
     /*    margin: 10px;*/
 +
    font-family: 'Bad Script', cursive;
 +
    font-weight: bold;
 +
    font-size: 24px;
 +
    color: darkorange;
 +
    letter-spacing: 3px;
 +
}
 +
 
 +
h3 {
 +
    /*    margin: 10px;*/
 +
    font-family: 'Bad Script', cursive;
 +
    font-weight: bold;
 +
    font-size: 18px;
 +
    color: orangered;
 +
    letter-spacing: 3px;
 +
}
 +
 
 +
h5 {
 +
    text-align: center;
 +
    /*        margin-bottom: 10px;*/
 +
    margin: 10px;
 +
    font-family: 'Bad Script', cursive;
 +
    font-weight: bold;
 +
    font-size: 36px;
 +
    color: #be740d;
 +
    letter-spacing: 3px;
 +
}
 +
 
 +
 
 +
/********************************* CONTENT OF THE PAGE ********************************/
 +
 
 +
 
 +
/* Wrapper for the content */
 +
 
 +
.content_wrapper {
 +
    /*
 
         width: 85%;
 
         width: 85%;
 
         margin-left: 120px;
 
         margin-left: 120px;
Line 43: Line 73:
 
         float: left;
 
         float: left;
 
         */
 
         */
−
    }
+
}
−
    /*LAYOUT */
+
−
   
+
−
    .column {
+
−
        margin-top: 50px;
+
−
        padding: 10px 0px;
+
−
        float: left;
+
−
       
+
−
        /* background-color: green; */
+
−
        /* border: 3px solid brown; */
+
−
        /* border-radius: 15px 15px 15px 15px; */
+
−
        /* background-image: url("https://static.igem.org/mediawiki/2016/a/a2/T--Freiburg--bg.jpeg"); */
+
  
−
    }
 
−
   
 
−
    .full_size {
 
−
        width: 100%;
 
−
    }
 
−
   
 
−
    .full_size img {
 
−
        padding: 10px 15px;
 
−
        width: 96.5%;
 
−
    }
 
−
   
 
−
    .half_size {
 
−
        width: 50%;
 
−
    }
 
−
   
 
−
    .half_size img {
 
−
        padding: 10px 15px;
 
−
        width: 93%;
 
−
    }
 
−
   
 
−
    .clear {
 
−
        clear: both;
 
−
    }
 
−
   
 
−
    .highlight {
 
−
        width: 90%;
 
−
        margin: auto;
 
−
        padding: 15px 5px;
 
−
        background-color: #f2f2f2;
 
−
    }
 
−
   
 
−
    .my_center {
 
−
        display: flex;
 
−
        justify-content: center;
 
−
    }
 
−
   
 
  
 +
/*LAYOUT */
  
−
    .para_center_20 {
+
.column {
−
        background-color: #871150;
+
    margin-top: 50px;
−
        font-size:20px;
+
    padding: 10px 0px;
−
        text-align: justify;
+
    float: left;
−
        /*margin-left: 10%;*/
+
    /* background-color: green; */
−
        line-height: 120%;
+
    /* border: 3px solid brown; */
−
      /* margin-right: 100px; */
+
    /* border-radius: 15px 15px 15px 15px; */
−
        margin-bottom: 100px;
+
    /* background-image: url("https://static.igem.org/mediawiki/2016/a/a2/T--Freiburg--bg.jpeg"); */
−
        font-family: 'Open Sans', sans-serif;
+
}
  
−
    }
+
.full_size {
−
    .para_center_Quellen {
+
     width: 100%;
−
        font-size:10px;
+
−
        text-align: center;
+
−
        margin-left: 10%;
+
−
        line-height: 110%;
+
−
        margin-right: 10%;
+
−
        margin-bottom: 100px;
+
−
        font-family: 'Arvo', serif;
+
−
     }
+
−
    .para_center_without_margin_bottom {
+
−
        font-size:20px;
+
−
        text-align: center;
+
−
        line-height: 120%;
+
−
        margin-left: 10%;
+
−
        margin-right: 100px;
+
−
        margin-bottom: 20px;
+
−
        font-family: 'Open Sans', sans-serif;
+
−
    }
+
−
    .para{
+
−
      font-size:10px;
+
 
}
 
}
−
 
 
−
</style>
 
  
−
<head> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Sniglet" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Arvo" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Days+One" rel="stylesheet">  </head>
+
.full_size img {
 +
    padding: 10px 15px;
 +
    width: 96.5%;
 +
}
 +
 
 +
.half_size {
 +
    width: 50%;
 +
}
 +
 
 +
.half_size img {
 +
    padding: 10px 15px;
 +
    width: 93%;
 +
}
 +
 
 +
.clear {
 +
    clear: both;
 +
}
 +
 
 +
.highlight {
 +
    width: 90%;
 +
    margin: auto;
 +
    padding: 15px 5px;
 +
    background-color: #f2f2f2;
 +
}
 +
 
 +
.my_center {
 +
    display: flex;
 +
    justify-content: center;
 +
}
 +
 
 +
.color1 {
 +
    /*purple*/
 +
    background-color: rgb(67, 33, 79);
 +
}
 +
 
 +
.color2 {
 +
    /*pinkish*/
 +
    background-color: #871150;
 +
}
 +
 
 +
.color3 {
 +
    /*brownish*/
 +
    background-color: #4e3c3c;
 +
}
 +
 
 +
.color4 {
 +
    /*greenish*/
 +
    background-color: #3d6051;
 +
}
 +
 
 +
.color5 {
 +
    /*bluish*/
 +
    background-color: #3d4d60;
 +
}
 +
 
 +
.color6 {
 +
    /*blue*/
 +
    background-color: #09305f;
 +
}
 +
 
 +
.img_menu {
 +
    /*purple*/
 +
    background-color: rgb(67, 33, 79);
 +
    padding: 20px;
 +
}
 +
 
 +
.para_center_20 {
 +
    font-size: 20px;
 +
    text-align: justify;
 +
    font-family: 'Open Sans', sans-serif;
 +
    padding: 2% 20% 2% 20%;
 +
}
 +
 
 +
.para_center_Quellen {
 +
    font-size: 10px;
 +
    text-align: center;
 +
    margin-left: 10%;
 +
    line-height: 110%;
 +
    margin-right: 10%;
 +
    margin-bottom: 100px;
 +
    font-family: 'Arvo', serif;
 +
}
 +
 
 +
.para_center_without_margin_bottom {
 +
    font-size: 20px;
 +
    text-align: center;
 +
    line-height: 120%;
 +
    margin-left: 10%;
 +
    margin-right: 100px;
 +
    margin-bottom: 20px;
 +
    font-family: 'Open Sans', sans-serif;
 +
}
 +
 
 +
.para {
 +
    font-size: 10px;
 +
}
  
−
</html>
+
</style> <head> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Sniglet" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Arvo" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Days+One" rel="stylesheet"> </head> </html>

Revision as of 05:51, 2 October 2016