git.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 footer strong {
  43         color: #333333;
  44 }
  45
  46 footer h4 {
  47         color: #333333;
  48 }
  49
  50 div.repo-author {
  51         padding-top: 30px;
  52 }
  53
  54 /* Text */
  55 p, strong, li {
  56     color: #CCCCCC;
  57     font-size: 14px;
  58 }
  59
  60 strong {
  61     font-weight: bold;
  62     color: #EEEEEE;
  63 }
  64
  65 a {
  66         color: #0075B6;
  67         text-decoration: none;
  68 }
  69
  70 a:visited {
  71         color: #0075B6;
  72 }
  73
  74 a:hover {
  75         text-decoration: underline;
  76 }
  77
  78 h1, h2 {
  79         font-family: georgia,serif;
  80 }
  81
  82 h1 {
  83         font-style: italic;
  84         color: #FFFFFF;
  85         font-size: 50px;
  86         margin: 0;
  87 }
  88
  89 h2 {
  90         color: #CCCCCC;
  91         font-size: 20px;
  92         line-height: 23px;
  93         padding-top: 15px;
  94 }
  95
  96 h3, h4 {
  97         color: #FFFFFF;
  98         font-weight: bold;
  99         font-family: inherit;
 100 }
 101
 102 h3 {
 103         font-size: 28px;
 104         margin-top: 40px;
 105 }
 106
 107 h4 {
 108         font-size: 20px;
 109         margin-top: 20px;
 110 }
 111
 112 /* Useful classes and styles */
 113 a.github-ribbon {
 114         position: absolute;
 115         top: 0;
 116         left: 0;
 117         border: 0;
 118 }
 119
 120 a.download-button {
 121         display: block;
 122         padding: 25px 30px 20px 30px;
 123         color: #FFFFFF;
 124         text-decoration: none;
 125         font-size: 28px;
 126         font-weight: bold;
 127         background: #33A700 url('../images/application-install.png') no-repeat 92% 50%;
 128         border: 2px solid #339410;
 129         -webkit-box-shadow: 3px 3px 5px #000000;
 130         -moz-box-shadow: 3px 3px 5px #000000;
 131         box-shadow: 3px 3px 5px #000000;
 132         -webkit-border-radius: 5px;
 133         -moz-border-radius: 5px;
 134         border-radius: 5px;
 135         -webkit-transition: 350ms;
 136         -moz-transition: 350ms;
 137         -o-transition: 350ms;
 138         transition: 350ms;
 139 }
 140
 141 a.download-button:hover {
 142         background-color: #267C00;
 143         background-position: 90% 50%;
 144 }
 145
 146 a.download-button span {
 147         font-size: 14px;
 148         display: block;
 149         margin-top: 2px;
 150 }
 151
 152 code {
 153         margin-top: 15px;
 154         min-height: 220px;
 155         border: 3px solid #FFFFFF;
 156         background-color: #CCCC99;
 157         display: block;
 158         padding: 20px;
 159         font-family: monospace;
 160         -webkit-box-shadow: 3px 3px 5px #000000;
 161         -moz-box-shadow: 3px 3px 5px #000000;
 162         box-shadow: 3px 3px 5px #000000;
 163         overflow-x: auto;
 164 }
 165
 166 pre.prettyprint {
 167         border: 0;
 168         padding: 0;
 169         margin: 0;
 170 }
 171
 172 img.repo-author-logo {
 173         float: left;
 174         margin-right: 15px;
 175 }
 176
 177 /* Media queries */
 178 /* Hide the ribbon when we are on a phone, screen is too small */
 179 @media only screen and (max-width: 479px) {
 180         a.github-ribbon {
 181                 display: none;
 182         }
 183 }