/* http://meyerweb.com/eric/tools/css/reset/

   v2.0 | 20110126

   License: none (public domain)

*/

/* stylelint-disable*/

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}html{line-height:1}body{line-height:inherit}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* stylelint-enable */



/* Begin site styles below */



/* Base */

/*

  Using an 18/22 base typographic setting, according to a 4:3 modular scale

  http://www.modularscale.com/?18&px&1.333

*/

html {
  font-size: 1.125em; /* 18 / 16 = 1.125 */
  line-height: 1.222em; /* 22 / 18 = 1.222 */
  text-rendering: optimizeLegibility;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;

}

body {
  background-color: #6FDEFF;
  padding-top: 3.666em; /* 66 / 18 = 3.666 */
  padding-right: 1.222em; /* 22 / 18 = 1.222 */
  padding-left: 1.222em; /* 22 / 18 = 1.222 */

}



h1,h2,h3,p {
  padding-bottom: 1.222em;

}

h1 {
  color: #666;
}

h2 {
  font-size: 1.777em; /* 31.984 / 18 = 1.777 */
  line-height: 1.0318em; /* 33 / 31.984 = 1.0318 */
  padding-bottom: 0.689em; /* 22 / 31.984 = 0.689 */

}

h3 {
  font-weight: bold;
  padding-top: 1.222em; /* 22 / 18 = 1.222 */
  padding-bottom: 0.611em; /* 11 / 18 = 0.611 */

}

li {
  padding-bottom: 0.611em; /* 11 / 18 = 0.611 */
}

ul,ol {

  padding-bottom: 0.611em; /* 11 / 18 = 0.611 */
  color: red;
}

ul {
  list-style-type: square;
}
.fblogo {
  float: left;
}

ol {
  list-style-type: decimal;
}

li > ul,

li > ol {
  padding-top:  0.611em; /* 11 / 18 = 0.611 */
  padding-left: 1.222em; /* 22 / 18 = 1.222 */
  padding-bottom: 0;
}

li li:last-child {
  padding-bottom: 0;
}

i,em,cite {
  font-style: italic;
}

b,strong {
  font-weight: bold;
}
img {
    max-width: 100%;

}

/* Layout */

#navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#navigation li {
  width: 33.333333%;
  float: left;
}


.flexbox #navigation ul {
  display: flex;
}
.flexbox #navigation li {
  float: none;
}
#wrapper{
  max-width: 1050px;
  margin: 60px auto 60px auto;
  background-color: #DDD;
}
#outer {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.itemwrapper {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

/* Modular */
nav ul {
  list-style-type: none;
}

nav a {
  display: block;
  padding-top: 0.611em; /* 11 / 18 = 0.611 */
  padding-bottom: 0.611em; /* 11 / 18 = 0.611 */
  background-color:#11667F;
  text-align: center;
  text-decoration: none;
}
nav a:hover{
  background-color: #418295;
}


/* State */

@media screen and (min-width: 370px) {

  body {
    padding-right: 5.9459459%; /* 22 / 370 = 0.059459459 */
    padding-left: 5.9459459%; /* 22 / 370 = 0.059459459 */
    }

}

@media screen and (min-width: 625px) {

  html {
    font-size: 1.25em; /* 20 / 16 = 1.25 */
  }

}



@media screen and (min-width: 720px) {

  body {
    padding-right: 11.1111111%; /* 80 / 720 = 0.111111111 */
    padding-left: 11.1111111%; /* 80 / 720 = 0.111111111 */
  }

}



@media screen and (min-width: 920px) {

  /*

   920px / whole screen

   -60px / margins (total)

   275px / column

    17.5px / gutter

   Left-hand column : 275 * 2 + 17.5 = 567.5

   Right-hand column: 275px, offset by 17.5

  */

  body {


  }

  #primary {
    width: 65.9883721%; /* 567.5 / 860 = 0.659883721 */
    float: left;

  }

  #supporting {
    width: 31.9767442%; /* 275 / 860 = 0.319767442 */
    margin-left: 2.0348837%; /* 17.5 / 860 = 0.020348837 */
    float: left;
  }



  .flexbox #content {
    display: flex;
    }

  .flexbox #primary,
  .flexbox #supporting {

    float: none;
    margin: 0;
    width: auto;

  }



  .cssgrid #content {

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 2.0348837%; /* 17.5 / 860 = 0.020348837 */
    grid-column-gap: 35px;

  }

  .cssgrid #primary {
    grid-column: 1 / 3;

  }

  .cssgrid #supporting {
    grid-column: 3 / 4;

  }



  #footer {
    clear: both;
    float: none;

  }

}

@media screen and (min-width: 1185px) {

  body {
    padding-right: 20%;
    padding-left: 20%;

  }

}
© 2017 GitHub, Inc.
Terms
Privacy
Security
Status
Help