Difference between revisions of "Template:Uppsala/nav"

Line 4: Line 4:
 
<head>
 
<head>
 
<style type="text/css" rel="stylesheet">
 
<style type="text/css" rel="stylesheet">
 +
 +
/* thin      = fontnamne-100
 +
    regular  = fontname-400
 +
    medium  = -600
 +
    bold      = -700 */
 +
 +
@font-face{
 +
font-family: 'Raleway-700';
 +
src: url('https://static.igem.org/mediawiki/2018/3/3d/T--Uppsala--Font-Raleway-Bold.woff') format('woff'),
 +
        url('https://static.igem.org/mediawiki/2018/8/88/T--Uppsala--Font-Raleway-Bold.ttf') format('truetype')   
 +
}
 +
 +
@font-face{
 +
font-family: 'Raleway-600';
 +
src: url('https://static.igem.org/mediawiki/2018/f/fd/T--Uppsala--Font-Raleway-Medium.woff') format('woff'),
 +
        url('https://static.igem.org/mediawiki/2018/6/65/T--Uppsala--Font-Raleway-Medium.ttf') format('truetype')   
 +
}
 +
 +
@font-face{
 +
font-family: 'Raleway-400';
 +
src: url('https://static.igem.org/mediawiki/2018/9/92/T--Uppsala--Font-Raleway-Regular.woff') format('woff'),
 +
        url('https://static.igem.org/mediawiki/2018/1/16/T--Uppsala--Font-Raleway-Regular.ttf') format('truetype')   
 +
}
 +
 +
@font-face{
 +
font-family: 'Raleway-100';
 +
src: url('https://static.igem.org/mediawiki/2018/8/8a/T--Uppsala--Font-Raleway-Thin.woff') format('woff'),
 +
        url('https://static.igem.org/mediawiki/2018/a/a0/T--Uppsala--Font-Raleway-Thin.ttf') format('truetype')   
 +
}
 +
 +
@font-face{
 +
font-family: 'PT-serif-400i';
 +
src: url('https://static.igem.org/mediawiki/2018/9/9b/T--Uppsala--Font-PT-Serif-web-Italic.woff') format('woff'),
 +
        url('https://static.igem.org/mediawiki/2018/2/20/T--Uppsala--Font-PT-Serif-Web-Italic.ttf') format('truetype')   
 +
}
 +
 +
@font-face{
 +
font-family: 'PT-serif-400';
 +
src: url('https://static.igem.org/mediawiki/2018/9/97/T--Uppsala--Font-PT-Serif-Web-regular.woff') format('woff'),
 +
        url('https://static.igem.org/mediawiki/2018/c/c5/T--Uppsala--Font-PT-Serif-web-regular.ttf') format('truetype')   
 +
}
 +
 +
@font-face{
 +
font-family: 'PT-serif-700';
 +
src: url('https://static.igem.org/mediawiki/2018/a/af/T--Uppsala--Font-PT-Serif-Bold.woff') format('woff'),
 +
        url('https://static.igem.org/mediawiki/2018/f/f0/T--Uppsala--Font-PT-Serif-Bold.ttf') format('truetype')   
 +
}
 +
 +
@font-face{
 +
font-family: 'Roboto-100';
 +
src: url('https://static.igem.org/mediawiki/2018/b/bb/T--Uppsala--Roboto--Thin.woff') format('woff'),
 +
        url('https://static.igem.org/mediawiki/2018/f/fe/T--Uppsala--Roboto--Thin.ttf') format('truetype')   
 +
}
 +
 +
@font-face{
 +
font-family: 'Roboto-400';
 +
src: url('https://static.igem.org/mediawiki/2018/4/4e/T--Uppsala--Roboto--Regular.woff') format('woff'),
 +
        url('https://static.igem.org/mediawiki/2018/1/18/T--Uppsala--Fonts--Roboto-Regular.ttf') format('truetype')   
 +
}
 +
 +
@font-face{
 +
font-family: 'Roboto-600';
 +
src: url('https://static.igem.org/mediawiki/2018/e/e4/T--Uppsala--Roboto--Medium.woff') format('woff'),
 +
        url('https://static.igem.org/mediawiki/2018/e/e4/T--Uppsala--Roboto--Medium.ttf') format('truetype')   
 +
}
 +
 +
 
:root {
 
:root {
 
     --nav-mobile-width: 100%;
 
     --nav-mobile-width: 100%;
Line 18: Line 85:
  
  
−
     @import url('https://fonts.googleapis.com/css?family=Raleway|Roboto');
+
     /*@import url('https://fonts.googleapis.com/css?family=Raleway|Roboto');
−
     @import url('https://fonts.googleapis.com/css?family=PT+Serif:700, 400');  
+
     @import url('https://fonts.googleapis.com/css?family=PT+Serif:700, 400'); */
  
  
  
 
html {
 
html {
−
      @import url('https://fonts.googleapis.com/css?family=Raleway|Roboto');
+
    /*  @import url('https://fonts.googleapis.com/css?family=Raleway|Roboto');*/
 
}
 
}
  
Line 112: Line 179:
  
 
.mobile-list-link {
 
.mobile-list-link {
−
     font-family: 'PT Serif', serif;
+
     /*font-family: 'PT Serif', serif;'/
 
     color: rgba(255, 255, 255, 0.7);
 
     color: rgba(255, 255, 255, 0.7);
−
     font-weight: 80;
+
     /*font-weight: 80;*/
 +
    font-family: 'PT-serif-100', serif;
 
     text-decoration: none;
 
     text-decoration: none;
 
     list-style: none;
 
     list-style: none;
Line 203: Line 271:
  
 
ul.mobile-nav-ul > li a {
 
ul.mobile-nav-ul > li a {
−
     font-family: 'Raleway', serif;
+
     /*font-family: 'Raleway', serif;*/
 +
    font-family: 'Raleway-400', serif;
 
     color: rgba(255, 255, 255, 0.7);
 
     color: rgba(255, 255, 255, 0.7);
 
     -moz-osx-font-smoothing: grayscale;
 
     -moz-osx-font-smoothing: grayscale;

Revision as of 00:00, 18 October 2018