Raphaël G. Git Repositories - blogbundle/blob - Resources/public/css/screen.css

   1 /* Reset link */
   2 a {
   3         text-decoration: none;
   4 }
   5
   6 a:hover {
   7         text-decoration: underline;
   8 }
   9
  10 /* Default styling */
  11 h1 {
  12         font-size: 2rem;
  13         margin: 1.34rem 0;
  14 }
  15
  16 h2 {
  17         font-size: 1.5rem;
  18         margin: 1.245rem 0;
  19 }
  20
  21 h3 {
  22         font-size: 1.17rem;
  23         margin: 1.17rem 0;
  24 }
  25
  26 h4 {
  27         font-size: 1rem;
  28         margin: 1.33rem 0;
  29 }
  30
  31 h5 {
  32         font-size: .83rem;
  33         margin: 1.386rem 0;
  34 }
  35
  36 h6 {
  37         font-size: .67rem;
  38         margin: 1.561rem 0;
  39 }
  40
  41 #wrapper {
  42         display: flex;
  43         flex-flow: column wrap;
  44 }
  45
  46 #header {
  47         width: 100%;
  48         border-top: .1rem solid #0074d9;
  49         padding: .5rem;
  50         background-color: #7fdbff;
  51         color: #0074d9;
  52         border-radius: 0 0 .5rem .5rem;
  53 }
  54
  55 #header a {
  56 }
  57
  58 #header h1 {
  59 }
  60
  61 #header nav {
  62         float: right;
  63         display: flex;
  64         flex-direction: row;
  65         flex-wrap: wrap;
  66         align-items: stretch;
  67 }
  68
  69 #header nav a {
  70         flex: 1;
  71         text-align: center;
  72         border-radius: .25rem;
  73         padding: .25rem .5rem;
  74         margin: 0 0 .5rem .5rem;
  75         /*color: #399696;*/
  76         color: #0093f9;
  77         background-color: #001f3f;
  78         font-weight: bold;
  79 }
  80
  81 #footer {
  82         font-size: .8rem;
  83         width: 100%;
  84         padding: .5rem;
  85         background-color: #7fdbff;
  86         color: #0074d9;
  87         border-radius: .5rem;
  88         bottom: 0;
  89         position: absolute;
  90 }
  91
  92 #footer summary {
  93         display: inline;
  94 }
  95
  96 #footer summary:after {
  97         content: "\00a0";
  98 }
  99
 100 /*
 101 #footer summary:after,
 102 #footer p:after {
 103         content: ' - ';
 104 }
 105
 106 #footer p:last-child:after {
 107         content: '';
 108 }*/