Difference between revisions of "Template:Freiburg/Styles"

Line 13: Line 13:
 
     margin-top: -7px;
 
     margin-top: -7px;
 
     margin-left: 0px;
 
     margin-left: 0px;
−
     background-color: #cfcfcf;    /* total background */
+
     background-color: #cfcfcf;
−
 
+
     /* total background */
−
  /* background-image: url("https://static.igem.org/mediawiki/2016/e/ea/T--Freiburg--backgroundgrey.png"); */
+
    /* background-image: url("https://static.igem.org/mediawiki/2016/e/ea/T--Freiburg--backgroundgrey.png"); */
−
      /*grey pattern background*/
+
    /*grey pattern background*/
−
 
+
 
     background-size: 100%;
 
     background-size: 100%;
 
}
 
}
Line 30: Line 29:
 
     font-weight: bold;
 
     font-weight: bold;
 
     font-size: 36px;
 
     font-size: 36px;
−
     color: #be740d;
+
     /*    color: #be740d;*/
 
     letter-spacing: 3px;
 
     letter-spacing: 3px;
 
}
 
}
Line 39: Line 38:
 
     font-weight: bold;
 
     font-weight: bold;
 
     font-size: 24px;
 
     font-size: 24px;
−
     color: darkorange;
+
     /*    color: darkorange;*/
 
     letter-spacing: 3px;
 
     letter-spacing: 3px;
 
     padding: 40px 0px 10px 0px;
 
     padding: 40px 0px 10px 0px;
Line 49: Line 48:
 
     font-weight: bold;
 
     font-weight: bold;
 
     font-size: 18px;
 
     font-size: 18px;
−
     color: orangered;
+
     /*    color: orangered;*/
 
     letter-spacing: 3px;
 
     letter-spacing: 3px;
 
     padding: 20px 0px 10px 0px;
 
     padding: 20px 0px 10px 0px;
Line 105: Line 104:
 
.half_size {
 
.half_size {
 
     width: 50%;
 
     width: 50%;
−
   
 
 
}
 
}
  
Line 131: Line 129:
 
.color1 {
 
.color1 {
 
     /*purple*/
 
     /*purple*/
−
     background-color:#32014f;
+
     background-color: #32014f;
−
     font-color:#bbd4d4;
+
}
−
      
+
 
 +
.color1 h1,
 +
.color1 h2,
 +
.color1 h3,
 +
.color1 div {
 +
     color: #bbd4d4;
 +
}
 +
 
 +
.color1 strong {
 +
     color: #bbd4d4;
 +
}
 +
 
 +
.color1 p {
 +
    color: #bbd4d4;
 
}
 
}
  
Line 139: Line 150:
 
     /*pinkish*/
 
     /*pinkish*/
 
     background-color: #871150;
 
     background-color: #871150;
−
     font-color:#aaaaaa;
+
     /*    color: #aaaaaa;*/
−
      
+
}
 +
 
 +
.color2 h1,
 +
.color2 h2,
 +
.color2 h3,
 +
.color2 div {
 +
     color: #aaaaaa;
 +
}
 +
 
 +
.color2 strong {
 +
    color: #aaaaaa;
 +
}
 +
 
 +
.color2 p {
 +
    color: #aaaaaa;
 
}
 
}
  
Line 146: Line 171:
 
     /*brownish*/
 
     /*brownish*/
 
     background-color: #3c2109;
 
     background-color: #3c2109;
−
     font-color:#d25852;
+
     /*    color: #d25852;*/
 +
}
 +
 
 +
.color3 h1,
 +
.color3 h2,
 +
.color3 h3,
 +
.color3 div {
 +
    color: #d25852;
 +
}
 +
 
 +
.color3 strong {
 +
    color: #d25852;
 +
}
 +
 
 +
.color3 p {
 +
    color: #d25852;
 
}
 
}
  
Line 152: Line 192:
 
     /*greenish*/
 
     /*greenish*/
 
     background-color: #002a00;
 
     background-color: #002a00;
−
     font-color:#5d995d;
+
     /*    color: #5d995d;5d995d*/
 +
}
 +
 
 +
.color4 h1,
 +
.color4 h2,
 +
.color4 h3,
 +
.color4 div {
 +
    color: #5d995d;
 +
}
 +
 
 +
.color4 strong {
 +
    color: #5d995d;
 +
}
 +
 
 +
.color4 p {
 +
    color: #5d995d;
 
}
 
}
  
Line 158: Line 213:
 
     /*bluish*/
 
     /*bluish*/
 
     background-color: #3d4d60;
 
     background-color: #3d4d60;
−
     font-color:#95a5a6;
+
     /*    color: #95a5a6;*/
 +
}
 +
 
 +
.color5 h1,
 +
.color5 h2,
 +
.color5 h3,
 +
.color5 div {
 +
    color: #95a5a6;
 +
}
 +
 
 +
.color5 strong {
 +
    color: #95a5a6;
 +
}
 +
 
 +
.color5 p {
 +
    color: #95a5a6;
 
}
 
}
  
Line 164: Line 234:
 
     /*blue*/
 
     /*blue*/
 
     background-color: #09305f;
 
     background-color: #09305f;
−
     font-color:#aea8d3;
+
     /*    color: #aea8d3;*/
 
}
 
}
  
 +
.color6 h1,
 +
.color6 h2,
 +
.color6 h3,
 +
.color6 div {
 +
    color: #aea8d3;
 +
}
 +
 +
.color6 strong {
 +
    color: #aea8d3;
 +
}
 +
 +
.color6 p {
 +
    color: #aea8d3;
 +
}
  
 
.color7 {
 
.color7 {
 
     /*dark red*/
 
     /*dark red*/
 
     background-color: #550000;
 
     background-color: #550000;
−
     font-color:#d24d57;
+
     /*    color: #d24d57;*/
 +
}
 +
 
 +
.color7 h1,
 +
.color7 h2,
 +
.color7 h3,
 +
.color7 div {
 +
    color: #d24d57;
 +
}
 +
 
 +
.color7 strong {
 +
    color: #d24d57;
 +
}
 +
 
 +
.color7 p {
 +
    color: #d24d57;
 
}
 
}
  
Line 177: Line 276:
 
     /*blue*/
 
     /*blue*/
 
     background-color: #008783;
 
     background-color: #008783;
−
     font-color:#002a2a;
+
     /*    color: #002a2a;*/
 +
}
 +
 
 +
.color8 h1,
 +
.color8 h2,
 +
.color8 h3,
 +
.color8 div {
 +
    color: #002a2a;
 +
}
 +
 
 +
.color8 strong {
 +
    color: #002a2a;
 +
}
 +
 
 +
.color8 p {
 +
    color: #002a2a;
 
}
 
}
  
−
.txt_pinkish{
+
.color9 {
−
color: lightcoral;
+
    /*green*/
 +
    background-color: #168152;
 +
    color: #3e3e3e;
 
}
 
}
  
Line 199: Line 315:
 
}
 
}
  
−
 
+
.team_pic_div {
−
.team_pic_div{
+
 
     font-size: 20px;
 
     font-size: 20px;
 
     text-align: justify;
 
     text-align: justify;
Line 206: Line 321:
 
     padding: 5% 10% 10% 10%;
 
     padding: 5% 10% 10% 10%;
 
}
 
}
−
 
  
 
.para_center_Quellen {
 
.para_center_Quellen {
Line 233: Line 347:
  
 
.level3 {
 
.level3 {
−
font-size: 18px;
+
    font-size: 18px;
 +
}
  
−
}
+
.pinkpurple {
 +
    background-color: #871150;
 +
    color: orange;
 +
}
  
−
.pinkpurple{
+
.level3 h3 {
 +
    font-size: 36px;
 +
    /*padding: 20px;*/
 +
}
  
−
background-color: #871150;
+
.pinkpurple strong {
−
color: orange;
+
    color: white;
−
}
+
}
  
−
.level3 h3 {
+
.grey {
−
font-size: 36px;
+
    background-color: grey;
−
/*padding: 20px;*/
+
    color: orange;
 +
}
  
−
}
+
.para_20 {
−
 
+
    padding: 5% 15%;
−
.pinkpurple strong {
+
}
−
color: white;
+
−
}
+
−
 
+
−
.grey {
+
−
background-color: grey;
+
−
color: orange;
+
−
}
+
−
 
+
−
.para_20 {
+
−
padding: 5% 15%;
+
−
}
+
  
 
</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>
 
</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 20:56, 4 October 2016