vcs.maemo.org Git - apps-fullscreen/blob - www/assets/css/style.css

   1 /**
   2  * A clean concise theme for your GitHub projects
   3  *
   4  * Licenced under GPL v3
   5  * http://www.gnu.org/licenses/gpl.html
   6  **/
   7
   8 /* Page */
   9 body {
  10         background: #333333 url('../images/page-background.png') repeat top left;
  11         font-family: arial,sans-serif;
  12 }
  13
  14 /* Header */
  15 header {
  16         padding-top: 50px;
  17         border-bottom: 2px solid #77746C;
  18         padding-bottom: 28px;
  19 }
  20
  21 /* Footer */
  22 footer {
  23         background-color: #FFFFFF;
  24         margin-top: 50px;
  25         -webkit-box-shadow: -10px 0 15px #000000;
  26         -moz-box-shadow: -10px 0 15px #000000;
  27         box-shadow: -10px 0 15px #000000;
  28 }
  29
  30 div.credits {
  31         padding-top: 9px;
  32         margin-top: 30px;
  33         margin-bottom: 25px;
  34         border-top: 1px solid #DDD2B2;
  35         text-align: center;
  36 }
  37
  38 footer p {
  39         color: #333333;
  40 }
  41
  42 div.repo-author {
  43         padding-top: 30px;
  44 }
  45
  46 /* Text */
  47 p, strong, li {
  48     color: #CCCCCC;
  49     font-size: 14px;
  50 }
  51
  52 strong {
  53     font-weight: bold;
  54     color: #EEEEEE;
  55 }
  56
  57 a {
  58         color: #0075B6;
  59         text-decoration: none;
  60 }
  61
  62 a:visited {
  63         color: #0075B6;
  64 }
  65
  66 a:hover {
  67         text-decoration: underline;
  68 }
  69
  70 h1, h2 {
  71         font-family: georgia,serif;
  72 }
  73
  74 h1 {
  75         font-style: italic;
  76         color: #FFFFFF;
  77         font-size: 50px;
  78         margin: 0;
  79 }
  80
  81 h2 {
  82         color: #CCCCCC;
  83         font-size: 20px;
  84         line-height: 23px;
  85         padding-top: 15px;
  86 }
  87
  88 h3, h4 {
  89         color: #FFFFFF;
  90         font-weight: bold;
  91         font-family: inherit;
  92 }
  93
  94 h3 {
  95         font-size: 28px;
  96         margin-top: 40px;
  97 }
  98
  99 h4 {
 100         font-size: 20px;
 101         margin-top: 20px;
 102 }
 103
 104 /* Useful classes and styles */
 105 a.github-ribbon {
 106         position: absolute;
 107         top: 0;
 108         left: 0;
 109         border: 0;
 110 }
 111
 112 a.download-button {
 113         display: block;
 114         padding: 25px 30px 20px 30px;
 115         color: #FFFFFF;
 116         text-decoration: none;
 117         font-size: 28px;
 118         font-weight: bold;
 119         background: #33A700 url('../images/application-install.png') no-repeat 92% 50%;
 120         border: 2px solid #339410;
 121         -webkit-box-shadow: 3px 3px 5px #000000;
 122         -moz-box-shadow: 3px 3px 5px #000000;
 123         box-shadow: 3px 3px 5px #000000;
 124         -webkit-border-radius: 5px;
 125         -moz-border-radius: 5px;
 126         border-radius: 5px;
 127         -webkit-transition: 350ms;
 128         -moz-transition: 350ms;
 129         -o-transition: 350ms;
 130         transition: 350ms;
 131 }
 132
 133 a.download-button:hover {
 134         background-color: #267C00;
 135         background-position: 90% 50%;
 136 }
 137
 138 a.download-button span {
 139         font-size: 14px;
 140         display: block;
 141         margin-top: 2px;
 142 }
 143
 144 code {
 145         margin-top: 15px;
 146         min-height: 220px;
 147         border: 3px solid #FFFFFF;
 148         background-color: #CCCC99;
 149         display: block;
 150         padding: 20px;
 151         font-family: monospace;
 152         -webkit-box-shadow: 3px 3px 5px #000000;
 153         -moz-box-shadow: 3px 3px 5px #000000;
 154         box-shadow: 3px 3px 5px #000000;
 155         overflow-x: auto;
 156 }
 157
 158 pre.prettyprint {
 159         border: 0;
 160         padding: 0;
 161         margin: 0;
 162 }
 163
 164 img.repo-author-logo {
 165         float: left;
 166         margin-right: 15px;
 167 }
 168
 169 /* Media queries */
 170 /* Hide the ribbon when we are on a phone, screen is too small */
 171 @media only screen and (max-width: 479px) {
 172         a.github-ribbon {
 173                 display: none;
 174         }
 175 }