Difference between revisions of "Template:Freiburg/Styles"

(Local fonts)
 
Line 1: Line 1:
−
<html> <head>
+
<html> <head> <style>
−
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
−
 
+
−
<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">
+
−
 
+
−
<style>
+
 
/********************************* WIKI SETTINGS  ********************************/
 
/********************************* WIKI SETTINGS  ********************************/
  
Line 12: Line 7:
 
}
 
}
  
−
#HQ_page th{
+
#HQ_page th {
−
background-color: rgba(255, 0, 0, 0);
+
    background-color: rgba(255, 0, 0, 0);
 
}
 
}
  
−
table, th {
+
table,
 +
th {
 
     background: rgba(147, 135, 135, 0.42);
 
     background: rgba(147, 135, 135, 0.42);
 
}
 
}
Line 63: Line 59:
 
     /*    color: orangered;*/
 
     /*    color: orangered;*/
 
     letter-spacing: 3px;
 
     letter-spacing: 3px;
−
 
 
 
}
 
}
  
Line 356: Line 351:
 
     color: white;
 
     color: white;
 
}
 
}
 +
 
.color10 {
 
.color10 {
 
     /*lighter green/blue */
 
     /*lighter green/blue */
Line 401: Line 397:
 
     color: white;
 
     color: white;
 
}
 
}
 +
 
.color12 {
 
.color12 {
 
     /*pink*/
 
     /*pink*/
Line 446: Line 443:
 
     color: white;
 
     color: white;
 
}
 
}
−
 
  
 
.color14 {
 
.color14 {
−
     background-color: #fff7f2 ;
+
     background-color: #fff7f2;
 
}
 
}
  
Line 455: Line 451:
 
     background-color: #299ac5;
 
     background-color: #299ac5;
 
}
 
}
−
 
  
 
.color16 {
 
.color16 {
Line 462: Line 457:
  
 
.color17 {
 
.color17 {
−
     background-color:#aa334d;
+
     background-color: #aa334d;
 
}
 
}
  
 
.color18 {
 
.color18 {
−
     background-color:#559673;
+
     background-color: #559673;
 
}
 
}
  
 
.color19 {
 
.color19 {
−
     background-color:#e57600;
+
     background-color: #e57600;
 
}
 
}
  
 
.color20 {
 
.color20 {
−
     background-color:#d2ffaa;
+
     background-color: #d2ffaa;
 
}
 
}
  
 
.color21 {
 
.color21 {
−
     background-color:#ceff5b;
+
     background-color: #ceff5b;
 
}
 
}
  
 
.color30 {
 
.color30 {
−
     background-color:black;
+
     background-color: black;
 
}
 
}
−
 
  
 
.img_menu {
 
.img_menu {
Line 565: Line 559:
 
}
 
}
  
−
svg{
+
svg {
−
width:60%;
+
    width: 60%;
 
}
 
}
  
−
.media{
+
.media {
−
width:100%;
+
    width: 100%;
 
}
 
}
 +
 
@media screen and (max-width: 500px) {
 
@media screen and (max-width: 500px) {
−
  .para_center_20 {
+
    .para_center_20 {
−
    font-size: 16px;
+
        font-size: 16px;
−
    text-align: justify;
+
        text-align: justify;
−
    font-family: 'Open Sans', sans-serif;
+
        font-family: 'Open Sans', sans-serif;
−
    padding: 2% 5% 2% 5%;
+
        padding: 2% 5% 2% 5%;
−
    letter-spacing: 2px;
+
        letter-spacing: 2px;
−
    line-height: 120%;
+
        line-height: 120%;
 +
    }
 +
    svg {
 +
        width: 90%;
 +
    }
 +
    .para_20 {
 +
        padding: 5% 5%;
 +
    }
 +
    .something {
 +
        width: 95%;
 +
    }
 
}
 
}
−
svg{
+
 
−
width:90%;
+
/* ============= Declaring Fonts  ============= */
 +
@font-face {  
 +
    font-family: 'Open Sans';
 +
    src: url(https://static.igem.org/mediawiki/2016/a/ad/T--Freiburg--Fonts_Open_Sans.ttf) format('truetype');
 
}
 
}
  
−
.para_20 {
+
@font-face {  
−
     padding: 5% 5%;
+
     font-family: 'Sniglet';
 +
    src: url(https://static.igem.org/mediawiki/2016/c/cb/T--Freiburg--Font_Sniglet.ttf) format('truetype');
 
}
 
}
−
.something {
+
 
−
     width: 95%;
+
@font-face {  
 +
     font-family: 'Arvo';
 +
    src: url(https://static.igem.org/mediawiki/2016/5/5e/T--Freiburg--Font_Arvo.ttf) format('truetype');
 
}
 
}
 +
 +
@font-face {
 +
    font-family: 'Days One';
 +
    src: url(https://static.igem.org/mediawiki/2016/5/52/T--Freiburg--Fonts_DaysOne.ttf) format('truetype');
 
}
 
}
  
−
</style>
+
</style> </head> </html>
−
</head>  
+
−
</html>
+

Latest revision as of 17:02, 19 October 2016