├── robots.txt ├── images ├── hr.gif ├── bullet.png ├── background.png ├── divhotel128.png ├── octocat-logo.png └── body-background.png ├── fonts ├── copse-regular-webfont.eot ├── copse-regular-webfont.ttf ├── copse-regular-webfont.woff ├── quattrocentosans-bold-webfont.eot ├── quattrocentosans-bold-webfont.ttf ├── quattrocentosans-bold-webfont.woff ├── quattrocentosans-italic-webfont.eot ├── quattrocentosans-italic-webfont.ttf ├── quattrocentosans-italic-webfont.woff ├── quattrocentosans-regular-webfont.eot ├── quattrocentosans-regular-webfont.ttf ├── quattrocentosans-regular-webfont.woff ├── quattrocentosans-bolditalic-webfont.eot ├── quattrocentosans-bolditalic-webfont.ttf ├── quattrocentosans-bolditalic-webfont.woff ├── quattrocentosans-bold-webfont.svg └── quattrocentosans-regular-webfont.svg ├── html └── buy.html ├── params.json ├── 404.html ├── js └── trial.js ├── css └── main.css ├── javascripts └── main.js ├── stylesheets ├── pygment_trac.css ├── normalize.css └── styles.css └── index.html /robots.txt: -------------------------------------------------------------------------------- 1 | #Robots.txt 2 | User-Agent: * 3 | Disallow: /html/buy.html 4 | Crawl-delay: 30 -------------------------------------------------------------------------------- /images/hr.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/images/hr.gif -------------------------------------------------------------------------------- /images/bullet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/images/bullet.png -------------------------------------------------------------------------------- /images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/images/background.png -------------------------------------------------------------------------------- /images/divhotel128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/images/divhotel128.png -------------------------------------------------------------------------------- /images/octocat-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/images/octocat-logo.png -------------------------------------------------------------------------------- /images/body-background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/images/body-background.png -------------------------------------------------------------------------------- /fonts/copse-regular-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/fonts/copse-regular-webfont.eot -------------------------------------------------------------------------------- /fonts/copse-regular-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/fonts/copse-regular-webfont.ttf -------------------------------------------------------------------------------- /fonts/copse-regular-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/fonts/copse-regular-webfont.woff -------------------------------------------------------------------------------- /fonts/quattrocentosans-bold-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/fonts/quattrocentosans-bold-webfont.eot -------------------------------------------------------------------------------- /fonts/quattrocentosans-bold-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/fonts/quattrocentosans-bold-webfont.ttf -------------------------------------------------------------------------------- /fonts/quattrocentosans-bold-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/fonts/quattrocentosans-bold-webfont.woff -------------------------------------------------------------------------------- /fonts/quattrocentosans-italic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/fonts/quattrocentosans-italic-webfont.eot -------------------------------------------------------------------------------- /fonts/quattrocentosans-italic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/fonts/quattrocentosans-italic-webfont.ttf -------------------------------------------------------------------------------- /fonts/quattrocentosans-italic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/fonts/quattrocentosans-italic-webfont.woff -------------------------------------------------------------------------------- /fonts/quattrocentosans-regular-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/fonts/quattrocentosans-regular-webfont.eot -------------------------------------------------------------------------------- /fonts/quattrocentosans-regular-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/fonts/quattrocentosans-regular-webfont.ttf -------------------------------------------------------------------------------- /fonts/quattrocentosans-regular-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/fonts/quattrocentosans-regular-webfont.woff -------------------------------------------------------------------------------- /fonts/quattrocentosans-bolditalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/fonts/quattrocentosans-bolditalic-webfont.eot -------------------------------------------------------------------------------- /fonts/quattrocentosans-bolditalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/fonts/quattrocentosans-bolditalic-webfont.ttf -------------------------------------------------------------------------------- /fonts/quattrocentosans-bolditalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aarroyoc/divhotel-webpage/gh-pages/fonts/quattrocentosans-bolditalic-webfont.woff -------------------------------------------------------------------------------- /html/buy.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Buy 5 | 6 | 7 | We aren't ready for this at the moment. The development phase is early 8 | 9 | -------------------------------------------------------------------------------- /params.json: -------------------------------------------------------------------------------- 1 | {"name":"DivHotel","tagline":"DivHotel Official Webpage","body":"### DivHotel\r\nDivHotel Offical Webpage\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."} -------------------------------------------------------------------------------- /404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Error 404 - File not found 5 | 6 | 7 |

Error 404 - File not found

8 | 9 | 10 | -------------------------------------------------------------------------------- /js/trial.js: -------------------------------------------------------------------------------- 1 | function trial(json) 2 | { 3 | //This function makes avalible the download button for downloading the trial version of DivHotel 4 | var trial=document.getElementById("trial"); 5 | var text=document.createElement("p"); 6 | text.textContent="Currently the trial is not avalible. Check later"; 7 | trial.appendChild(text); 8 | } -------------------------------------------------------------------------------- /css/main.css: -------------------------------------------------------------------------------- 1 | @font-face{ 2 | font-family: "Copse"; 3 | src: url(../fonts/copse-regular-webfont.woff); 4 | } 5 | body{ 6 | background-color: rgb(120,200,180); 7 | font-family: "Copse"; 8 | } 9 | header{ 10 | /*position: fixed; 11 | height: 20%; 12 | width: 100%; 13 | top: 0px; 14 | left: 0px; 15 | background-color: yellow;*/ 16 | } 17 | nav{ 18 | width: 100%; /* Anchura del menú */ 19 | height: 100px; /* Altura del menú */ 20 | /*margin: 0 auto;*/ 21 | position: fixed; 22 | top: 0px; 23 | left: 0px; 24 | background-color: yellow; 25 | } 26 | nav ul{ 27 | list-style: none; /* Eliminamos el puntito negro */ 28 | display: block; 29 | } 30 | nav ul li{ 31 | float: left; /* Alineamos los botones del menú */ 32 | margin: 0 5px; /* Distancia de separación entre botones */ 33 | } 34 | nav ul li iframe{ 35 | height: 100px; 36 | border: none; 37 | } 38 | nav ul li img{ 39 | height: 100px; 40 | border: none; 41 | } 42 | article{ 43 | position: static; 44 | top: 0px; 45 | margin-top: 100px; 46 | } 47 | .framex{ 48 | border: none; 49 | overflow: hidden; 50 | } 51 | -------------------------------------------------------------------------------- /javascripts/main.js: -------------------------------------------------------------------------------- 1 | var sectionHeight = function() { 2 | var total = $(window).height(), 3 | $section = $('section').css('height','auto'); 4 | 5 | if ($section.outerHeight(true) < total) { 6 | var margin = $section.outerHeight(true) - $section.height(); 7 | $section.height(total - margin - 20); 8 | } else { 9 | $section.css('height','auto'); 10 | } 11 | } 12 | 13 | $(window).resize(sectionHeight); 14 | 15 | $(document).ready(function(){ 16 | $("section h1, section h2").each(function(){ 17 | $("nav ul").append("
  • " + $(this).text() + "
    • "); 18 | $(this).attr("id",$(this).text().toLowerCase().replace(/ /g, '-').replace(/[^\w-]+/g,'')); 19 | $("nav ul li:first-child a").parent().addClass("active"); 20 | }); 21 | 22 | $("nav ul li").on("click", "a", function(event) { 23 | var position = $($(this).attr("href")).offset().top - 190; 24 | $("html, body").animate({scrollTop: position}, 400); 25 | $("nav ul li a").parent().removeClass("active"); 26 | $(this).parent().addClass("active"); 27 | event.preventDefault(); 28 | }); 29 | 30 | sectionHeight(); 31 | 32 | $('img').load(sectionHeight); 33 | }); 34 | 35 | fixScale = function(doc) { 36 | 37 | var addEvent = 'addEventListener', 38 | type = 'gesturestart', 39 | qsa = 'querySelectorAll', 40 | scales = [1, 1], 41 | meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : []; 42 | 43 | function fix() { 44 | meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1]; 45 | doc.removeEventListener(type, fix, true); 46 | } 47 | 48 | if ((meta = meta[meta.length - 1]) && addEvent in doc) { 49 | fix(); 50 | scales = [.25, 1.6]; 51 | doc[addEvent](type, fix, true); 52 | } 53 | }; -------------------------------------------------------------------------------- /stylesheets/pygment_trac.css: -------------------------------------------------------------------------------- 1 | .highlight .hll { background-color: #404040 } 2 | .highlight { color: #d0d0d0 } 3 | .highlight .c { color: #999999; font-style: italic } /* Comment */ 4 | .highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ 5 | .highlight .g { color: #d0d0d0 } /* Generic */ 6 | .highlight .k { color: #6ab825; font-weight: normal } /* Keyword */ 7 | .highlight .l { color: #d0d0d0 } /* Literal */ 8 | .highlight .n { color: #d0d0d0 } /* Name */ 9 | .highlight .o { color: #d0d0d0 } /* Operator */ 10 | .highlight .x { color: #d0d0d0 } /* Other */ 11 | .highlight .p { color: #d0d0d0 } /* Punctuation */ 12 | .highlight .cm { color: #999999; font-style: italic } /* Comment.Multiline */ 13 | .highlight .cp { color: #cd2828; font-weight: normal } /* Comment.Preproc */ 14 | .highlight .c1 { color: #999999; font-style: italic } /* Comment.Single */ 15 | .highlight .cs { color: #e50808; font-weight: normal; background-color: #520000 } /* Comment.Special */ 16 | .highlight .gd { color: #d22323 } /* Generic.Deleted */ 17 | .highlight .ge { color: #d0d0d0; font-style: italic } /* Generic.Emph */ 18 | .highlight .gr { color: #d22323 } /* Generic.Error */ 19 | .highlight .gh { color: #ffffff; font-weight: normal } /* Generic.Heading */ 20 | .highlight .gi { color: #589819 } /* Generic.Inserted */ 21 | .highlight .go { color: #cccccc } /* Generic.Output */ 22 | .highlight .gp { color: #aaaaaa } /* Generic.Prompt */ 23 | .highlight .gs { color: #d0d0d0; font-weight: normal } /* Generic.Strong */ 24 | .highlight .gu { color: #ffffff; text-decoration: underline } /* Generic.Subheading */ 25 | .highlight .gt { color: #d22323 } /* Generic.Traceback */ 26 | .highlight .kc { color: #6ab825; font-weight: normal } /* Keyword.Constant */ 27 | .highlight .kd { color: #6ab825; font-weight: normal } /* Keyword.Declaration */ 28 | .highlight .kn { color: #6ab825; font-weight: normal } /* Keyword.Namespace */ 29 | .highlight .kp { color: #6ab825 } /* Keyword.Pseudo */ 30 | .highlight .kr { color: #6ab825; font-weight: normal } /* Keyword.Reserved */ 31 | .highlight .kt { color: #6ab825; font-weight: normal } /* Keyword.Type */ 32 | .highlight .ld { color: #d0d0d0 } /* Literal.Date */ 33 | .highlight .m { color: #3677a9 } /* Literal.Number */ 34 | .highlight .s { color: #ff8 } /* Literal.String */ 35 | .highlight .na { color: #bbbbbb } /* Name.Attribute */ 36 | .highlight .nb { color: #24909d } /* Name.Builtin */ 37 | .highlight .nc { color: #447fcf; text-decoration: underline } /* Name.Class */ 38 | .highlight .no { color: #40ffff } /* Name.Constant */ 39 | .highlight .nd { color: #ffa500 } /* Name.Decorator */ 40 | .highlight .ni { color: #d0d0d0 } /* Name.Entity */ 41 | .highlight .ne { color: #bbbbbb } /* Name.Exception */ 42 | .highlight .nf { color: #447fcf } /* Name.Function */ 43 | .highlight .nl { color: #d0d0d0 } /* Name.Label */ 44 | .highlight .nn { color: #447fcf; text-decoration: underline } /* Name.Namespace */ 45 | .highlight .nx { color: #d0d0d0 } /* Name.Other */ 46 | .highlight .py { color: #d0d0d0 } /* Name.Property */ 47 | .highlight .nt { color: #6ab825;} /* Name.Tag */ 48 | .highlight .nv { color: #40ffff } /* Name.Variable */ 49 | .highlight .ow { color: #6ab825; font-weight: normal } /* Operator.Word */ 50 | .highlight .w { color: #666666 } /* Text.Whitespace */ 51 | .highlight .mf { color: #3677a9 } /* Literal.Number.Float */ 52 | .highlight .mh { color: #3677a9 } /* Literal.Number.Hex */ 53 | .highlight .mi { color: #3677a9 } /* Literal.Number.Integer */ 54 | .highlight .mo { color: #3677a9 } /* Literal.Number.Oct */ 55 | .highlight .sb { color: #ff8 } /* Literal.String.Backtick */ 56 | .highlight .sc { color: #ff8 } /* Literal.String.Char */ 57 | .highlight .sd { color: #ff8 } /* Literal.String.Doc */ 58 | .highlight .s2 { color: #ff8 } /* Literal.String.Double */ 59 | .highlight .se { color: #ff8 } /* Literal.String.Escape */ 60 | .highlight .sh { color: #ff8 } /* Literal.String.Heredoc */ 61 | .highlight .si { color: #ff8 } /* Literal.String.Interpol */ 62 | .highlight .sx { color: #ffa500 } /* Literal.String.Other */ 63 | .highlight .sr { color: #ff8 } /* Literal.String.Regex */ 64 | .highlight .s1 { color: #ff8 } /* Literal.String.Single */ 65 | .highlight .ss { color: #ff8 } /* Literal.String.Symbol */ 66 | .highlight .bp { color: #24909d } /* Name.Builtin.Pseudo */ 67 | .highlight .vc { color: #40ffff } /* Name.Variable.Class */ 68 | .highlight .vg { color: #40ffff } /* Name.Variable.Global */ 69 | .highlight .vi { color: #40ffff } /* Name.Variable.Instance */ 70 | .highlight .il { color: #3677a9 } /* Literal.Number.Integer.Long */ -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | DivHotel by AdrianArroyoCalle 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 25 |
    26 |
    27 |

    DivHotel

    28 |

    29 | DivHotel is a simulation game about a hotel. With DivHotel you can control your hotel and manage it. 30 |

    31 |

    32 | DivHotel is still on Alpha. At the moment we can't offer any way of pay but the price is (with updates): 20$ 33 |

    34 | DivHotel is avalible in the following platforms: 35 | 41 |
    42 |
    43 |

    This button offers to buy DivHotel trough PayPal

    44 | 45 |
    46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 62 |
    Versión
    63 | 64 | 65 | 66 |
    67 | 68 |
    69 |
    70 |

    You can get a trial/demo of the game by clicking on the +1 button on Facebook or Google+

    71 |
    72 | 73 |
    74 |
    75 |
    76 | 81 | 87 | 94 | 95 | 96 | -------------------------------------------------------------------------------- /stylesheets/normalize.css: -------------------------------------------------------------------------------- 1 | /* normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */ 2 | /* ============================================================================= 3 | HTML5 display definitions 4 | ========================================================================== */ 5 | /* 6 | * Corrects block display not defined in IE6/7/8/9 & FF3 7 | */ 8 | article, 9 | aside, 10 | details, 11 | figcaption, 12 | figure, 13 | footer, 14 | header, 15 | hgroup, 16 | nav, 17 | section, 18 | summary { 19 | display: block; 20 | } 21 | 22 | /* 23 | * Corrects inline-block display not defined in IE6/7/8/9 & FF3 24 | */ 25 | audio, 26 | canvas, 27 | video { 28 | display: inline-block; 29 | *display: inline; 30 | *zoom: 1; 31 | } 32 | 33 | /* 34 | * Prevents modern browsers from displaying 'audio' without controls 35 | */ 36 | audio:not([controls]) { 37 | display: none; 38 | } 39 | 40 | /* 41 | * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 42 | * Known issue: no IE6 support 43 | */ 44 | [hidden] { 45 | display: none; 46 | } 47 | 48 | /* ============================================================================= 49 | Base 50 | ========================================================================== */ 51 | /* 52 | * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units 53 | * http://clagnut.com/blog/348/#c790 54 | * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom 55 | * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ 56 | */ 57 | html { 58 | font-size: 100%; 59 | /* 1 */ 60 | -webkit-text-size-adjust: 100%; 61 | /* 2 */ 62 | -ms-text-size-adjust: 100%; 63 | /* 2 */ 64 | } 65 | 66 | /* 67 | * Addresses font-family inconsistency between 'textarea' and other form elements. 68 | */ 69 | html, 70 | button, 71 | input, 72 | select, 73 | textarea { 74 | font-family: sans-serif; 75 | } 76 | 77 | /* 78 | * Addresses margins handled incorrectly in IE6/7 79 | */ 80 | body { 81 | margin: 0; 82 | } 83 | 84 | /* ============================================================================= 85 | Links 86 | ========================================================================== */ 87 | /* 88 | * Addresses outline displayed oddly in Chrome 89 | */ 90 | a:focus { 91 | outline: thin dotted; 92 | } 93 | 94 | /* 95 | * Improves readability when focused and also mouse hovered in all browsers 96 | * people.opera.com/patrickl/experiments/keyboard/test 97 | */ 98 | a:hover, 99 | a:active { 100 | outline: 0; 101 | } 102 | 103 | /* ============================================================================= 104 | Typography 105 | ========================================================================== */ 106 | /* 107 | * Addresses font sizes and margins set differently in IE6/7 108 | * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 109 | */ 110 | h1 { 111 | font-size: 2em; 112 | margin: 0.67em 0; 113 | } 114 | 115 | h2 { 116 | font-size: 1.5em; 117 | margin: 0.83em 0; 118 | } 119 | 120 | h3 { 121 | font-size: 1.17em; 122 | margin: 1em 0; 123 | } 124 | 125 | h4 { 126 | font-size: 1em; 127 | margin: 1.33em 0; 128 | } 129 | 130 | h5 { 131 | font-size: 0.83em; 132 | margin: 1.67em 0; 133 | } 134 | 135 | h6 { 136 | font-size: 0.75em; 137 | margin: 2.33em 0; 138 | } 139 | 140 | /* 141 | * Addresses styling not present in IE7/8/9, S5, Chrome 142 | */ 143 | abbr[title] { 144 | border-bottom: 1px dotted; 145 | } 146 | 147 | /* 148 | * Addresses style set to 'bolder' in FF3+, S4/5, Chrome 149 | */ 150 | b, 151 | strong { 152 | font-weight: bold; 153 | } 154 | 155 | blockquote { 156 | margin: 1em 40px; 157 | } 158 | 159 | /* 160 | * Addresses styling not present in S5, Chrome 161 | */ 162 | dfn { 163 | font-style: italic; 164 | } 165 | 166 | /* 167 | * Addresses styling not present in IE6/7/8/9 168 | */ 169 | mark { 170 | background: #ff0; 171 | color: #000; 172 | } 173 | 174 | /* 175 | * Addresses margins set differently in IE6/7 176 | */ 177 | p, 178 | pre { 179 | margin: 1em 0; 180 | } 181 | 182 | /* 183 | * Corrects font family set oddly in IE6, S4/5, Chrome 184 | * en.wikipedia.org/wiki/User:Davidgothberg/Test59 185 | */ 186 | pre, 187 | code, 188 | kbd, 189 | samp { 190 | font-family: monospace, serif; 191 | _font-family: 'courier new', monospace; 192 | font-size: 1em; 193 | } 194 | 195 | /* 196 | * 1. Addresses CSS quotes not supported in IE6/7 197 | * 2. Addresses quote property not supported in S4 198 | */ 199 | /* 1 */ 200 | q { 201 | quotes: none; 202 | } 203 | 204 | /* 2 */ 205 | q:before, 206 | q:after { 207 | content: ''; 208 | content: none; 209 | } 210 | 211 | small { 212 | font-size: 75%; 213 | } 214 | 215 | /* 216 | * Prevents sub and sup affecting line-height in all browsers 217 | * gist.github.com/413930 218 | */ 219 | sub, 220 | sup { 221 | font-size: 75%; 222 | line-height: 0; 223 | position: relative; 224 | vertical-align: baseline; 225 | } 226 | 227 | sup { 228 | top: -0.5em; 229 | } 230 | 231 | sub { 232 | bottom: -0.25em; 233 | } 234 | 235 | /* ============================================================================= 236 | Lists 237 | ========================================================================== */ 238 | /* 239 | * Addresses margins set differently in IE6/7 240 | */ 241 | dl, 242 | menu, 243 | ol, 244 | ul { 245 | margin: 1em 0; 246 | } 247 | 248 | dd { 249 | margin: 0 0 0 40px; 250 | } 251 | 252 | /* 253 | * Addresses paddings set differently in IE6/7 254 | */ 255 | menu, 256 | ol, 257 | ul { 258 | padding: 0 0 0 40px; 259 | } 260 | 261 | /* 262 | * Corrects list images handled incorrectly in IE7 263 | */ 264 | nav ul, 265 | nav ol { 266 | list-style: none; 267 | list-style-image: none; 268 | } 269 | 270 | /* ============================================================================= 271 | Embedded content 272 | ========================================================================== */ 273 | /* 274 | * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 275 | * 2. Improves image quality when scaled in IE7 276 | * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ 277 | */ 278 | img { 279 | border: 0; 280 | /* 1 */ 281 | -ms-interpolation-mode: bicubic; 282 | /* 2 */ 283 | } 284 | 285 | /* 286 | * Corrects overflow displayed oddly in IE9 287 | */ 288 | svg:not(:root) { 289 | overflow: hidden; 290 | } 291 | 292 | /* ============================================================================= 293 | Figures 294 | ========================================================================== */ 295 | /* 296 | * Addresses margin not present in IE6/7/8/9, S5, O11 297 | */ 298 | figure { 299 | margin: 0; 300 | } 301 | 302 | /* ============================================================================= 303 | Forms 304 | ========================================================================== */ 305 | /* 306 | * Corrects margin displayed oddly in IE6/7 307 | */ 308 | form { 309 | margin: 0; 310 | } 311 | 312 | /* 313 | * Define consistent border, margin, and padding 314 | */ 315 | fieldset { 316 | border: 1px solid #c0c0c0; 317 | margin: 0 2px; 318 | padding: 0.35em 0.625em 0.75em; 319 | } 320 | 321 | /* 322 | * 1. Corrects color not being inherited in IE6/7/8/9 323 | * 2. Corrects text not wrapping in FF3 324 | * 3. Corrects alignment displayed oddly in IE6/7 325 | */ 326 | legend { 327 | border: 0; 328 | /* 1 */ 329 | padding: 0; 330 | white-space: normal; 331 | /* 2 */ 332 | *margin-left: -7px; 333 | /* 3 */ 334 | } 335 | 336 | /* 337 | * 1. Corrects font size not being inherited in all browsers 338 | * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome 339 | * 3. Improves appearance and consistency in all browsers 340 | */ 341 | button, 342 | input, 343 | select, 344 | textarea { 345 | font-size: 100%; 346 | /* 1 */ 347 | margin: 0; 348 | /* 2 */ 349 | vertical-align: baseline; 350 | /* 3 */ 351 | *vertical-align: middle; 352 | /* 3 */ 353 | } 354 | 355 | /* 356 | * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet 357 | */ 358 | button, 359 | input { 360 | line-height: normal; 361 | /* 1 */ 362 | } 363 | 364 | /* 365 | * 1. Improves usability and consistency of cursor style between image-type 'input' and others 366 | * 2. Corrects inability to style clickable 'input' types in iOS 367 | * 3. Removes inner spacing in IE7 without affecting normal text inputs 368 | * Known issue: inner spacing remains in IE6 369 | */ 370 | button, 371 | input[type="button"], 372 | input[type="reset"], 373 | input[type="submit"] { 374 | cursor: pointer; 375 | /* 1 */ 376 | -webkit-appearance: button; 377 | /* 2 */ 378 | *overflow: visible; 379 | /* 3 */ 380 | } 381 | 382 | /* 383 | * Re-set default cursor for disabled elements 384 | */ 385 | button[disabled], 386 | input[disabled] { 387 | cursor: default; 388 | } 389 | 390 | /* 391 | * 1. Addresses box sizing set to content-box in IE8/9 392 | * 2. Removes excess padding in IE8/9 393 | * 3. Removes excess padding in IE7 394 | Known issue: excess padding remains in IE6 395 | */ 396 | input[type="checkbox"], 397 | input[type="radio"] { 398 | box-sizing: border-box; 399 | /* 1 */ 400 | padding: 0; 401 | /* 2 */ 402 | *height: 13px; 403 | /* 3 */ 404 | *width: 13px; 405 | /* 3 */ 406 | } 407 | 408 | /* 409 | * 1. Addresses appearance set to searchfield in S5, Chrome 410 | * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) 411 | */ 412 | input[type="search"] { 413 | -webkit-appearance: textfield; 414 | /* 1 */ 415 | -moz-box-sizing: content-box; 416 | -webkit-box-sizing: content-box; 417 | /* 2 */ 418 | box-sizing: content-box; 419 | } 420 | 421 | /* 422 | * Removes inner padding and search cancel button in S5, Chrome on OS X 423 | */ 424 | input[type="search"]::-webkit-search-decoration, 425 | input[type="search"]::-webkit-search-cancel-button { 426 | -webkit-appearance: none; 427 | } 428 | 429 | /* 430 | * Removes inner padding and border in FF3+ 431 | * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 432 | */ 433 | button::-moz-focus-inner, 434 | input::-moz-focus-inner { 435 | border: 0; 436 | padding: 0; 437 | } 438 | 439 | /* 440 | * 1. Removes default vertical scrollbar in IE6/7/8/9 441 | * 2. Improves readability and alignment in all browsers 442 | */ 443 | textarea { 444 | overflow: auto; 445 | /* 1 */ 446 | vertical-align: top; 447 | /* 2 */ 448 | } 449 | 450 | /* ============================================================================= 451 | Tables 452 | ========================================================================== */ 453 | /* 454 | * Remove most spacing between table cells 455 | */ 456 | table { 457 | border-collapse: collapse; 458 | border-spacing: 0; 459 | } 460 | -------------------------------------------------------------------------------- /stylesheets/styles.css: -------------------------------------------------------------------------------- 1 | /* 2 | Leap Day for GitHub Pages 3 | by Matt Graham 4 | */ 5 | @font-face { 6 | font-family: 'Quattrocento Sans'; 7 | src: url("../fonts/quattrocentosans-bold-webfont.eot"); 8 | src: url("../fonts/quattrocentosans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/quattrocentosans-bold-webfont.woff") format("woff"), url("../fonts/quattrocentosans-bold-webfont.ttf") format("truetype"), url("../fonts/quattrocentosans-bold-webfont.svg#QuattrocentoSansBold") format("svg"); 9 | font-weight: bold; 10 | font-style: normal; 11 | } 12 | 13 | @font-face { 14 | font-family: 'Quattrocento Sans'; 15 | src: url("../fonts/quattrocentosans-bolditalic-webfont.eot"); 16 | src: url("../fonts/quattrocentosans-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/quattrocentosans-bolditalic-webfont.woff") format("woff"), url("../fonts/quattrocentosans-bolditalic-webfont.ttf") format("truetype"), url("../fonts/quattrocentosans-bolditalic-webfont.svg#QuattrocentoSansBoldItalic") format("svg"); 17 | font-weight: bold; 18 | font-style: italic; 19 | } 20 | 21 | @font-face { 22 | font-family: 'Quattrocento Sans'; 23 | src: url("../fonts/quattrocentosans-italic-webfont.eot"); 24 | src: url("../fonts/quattrocentosans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/quattrocentosans-italic-webfont.woff") format("woff"), url("../fonts/quattrocentosans-italic-webfont.ttf") format("truetype"), url("../fonts/quattrocentosans-italic-webfont.svg#QuattrocentoSansItalic") format("svg"); 25 | font-weight: normal; 26 | font-style: italic; 27 | } 28 | 29 | @font-face { 30 | font-family: 'Quattrocento Sans'; 31 | src: url("../fonts/quattrocentosans-regular-webfont.eot"); 32 | src: url("../fonts/quattrocentosans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/quattrocentosans-regular-webfont.woff") format("woff"), url("../fonts/quattrocentosans-regular-webfont.ttf") format("truetype"), url("../fonts/quattrocentosans-regular-webfont.svg#QuattrocentoSansRegular") format("svg"); 33 | font-weight: normal; 34 | font-style: normal; 35 | } 36 | 37 | @font-face { 38 | font-family: 'Copse'; 39 | src: url("../fonts/copse-regular-webfont.eot"); 40 | src: url("../fonts/copse-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/copse-regular-webfont.woff") format("woff"), url("../fonts/copse-regular-webfont.ttf") format("truetype"), url("../fonts/copse-regular-webfont.svg#CopseRegular") format("svg"); 41 | font-weight: normal; 42 | font-style: normal; 43 | } 44 | 45 | /* normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */ 46 | /* ============================================================================= 47 | HTML5 display definitions 48 | ========================================================================== */ 49 | /* 50 | * Corrects block display not defined in IE6/7/8/9 & FF3 51 | */ 52 | article, 53 | aside, 54 | details, 55 | figcaption, 56 | figure, 57 | footer, 58 | header, 59 | hgroup, 60 | nav, 61 | section, 62 | summary { 63 | display: block; 64 | } 65 | 66 | /* 67 | * Corrects inline-block display not defined in IE6/7/8/9 & FF3 68 | */ 69 | audio, 70 | canvas, 71 | video { 72 | display: inline-block; 73 | *display: inline; 74 | *zoom: 1; 75 | } 76 | 77 | /* 78 | * Prevents modern browsers from displaying 'audio' without controls 79 | */ 80 | audio:not([controls]) { 81 | display: none; 82 | } 83 | 84 | /* 85 | * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 86 | * Known issue: no IE6 support 87 | */ 88 | [hidden] { 89 | display: none; 90 | } 91 | 92 | /* ============================================================================= 93 | Base 94 | ========================================================================== */ 95 | /* 96 | * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units 97 | * http://clagnut.com/blog/348/#c790 98 | * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom 99 | * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ 100 | */ 101 | html { 102 | font-size: 100%; 103 | /* 1 */ 104 | -webkit-text-size-adjust: 100%; 105 | /* 2 */ 106 | -ms-text-size-adjust: 100%; 107 | /* 2 */ 108 | } 109 | 110 | /* 111 | * Addresses font-family inconsistency between 'textarea' and other form elements. 112 | */ 113 | html, 114 | button, 115 | input, 116 | select, 117 | textarea { 118 | font-family: sans-serif; 119 | } 120 | 121 | /* 122 | * Addresses margins handled incorrectly in IE6/7 123 | */ 124 | body { 125 | margin: 0; 126 | } 127 | 128 | /* ============================================================================= 129 | Links 130 | ========================================================================== */ 131 | /* 132 | * Addresses outline displayed oddly in Chrome 133 | */ 134 | a:focus { 135 | outline: thin dotted; 136 | } 137 | 138 | /* 139 | * Improves readability when focused and also mouse hovered in all browsers 140 | * people.opera.com/patrickl/experiments/keyboard/test 141 | */ 142 | a:hover, 143 | a:active { 144 | outline: 0; 145 | } 146 | 147 | /* ============================================================================= 148 | Typography 149 | ========================================================================== */ 150 | /* 151 | * Addresses font sizes and margins set differently in IE6/7 152 | * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 153 | */ 154 | h1 { 155 | font-size: 2em; 156 | margin: 0.67em 0; 157 | } 158 | 159 | h2 { 160 | font-size: 1.5em; 161 | margin: 0.83em 0; 162 | } 163 | 164 | h3 { 165 | font-size: 1.17em; 166 | margin: 1em 0; 167 | } 168 | 169 | h4 { 170 | font-size: 1em; 171 | margin: 1.33em 0; 172 | } 173 | 174 | h5 { 175 | font-size: 0.83em; 176 | margin: 1.67em 0; 177 | } 178 | 179 | h6 { 180 | font-size: 0.75em; 181 | margin: 2.33em 0; 182 | } 183 | 184 | /* 185 | * Addresses styling not present in IE7/8/9, S5, Chrome 186 | */ 187 | abbr[title] { 188 | border-bottom: 1px dotted; 189 | } 190 | 191 | /* 192 | * Addresses style set to 'bolder' in FF3+, S4/5, Chrome 193 | */ 194 | b, 195 | strong { 196 | font-weight: bold; 197 | } 198 | 199 | blockquote { 200 | margin: 1em 40px; 201 | } 202 | 203 | /* 204 | * Addresses styling not present in S5, Chrome 205 | */ 206 | dfn { 207 | font-style: italic; 208 | } 209 | 210 | /* 211 | * Addresses styling not present in IE6/7/8/9 212 | */ 213 | mark { 214 | background: #ff0; 215 | color: #000; 216 | } 217 | 218 | /* 219 | * Addresses margins set differently in IE6/7 220 | */ 221 | p, 222 | pre { 223 | margin: 1em 0; 224 | } 225 | 226 | /* 227 | * Corrects font family set oddly in IE6, S4/5, Chrome 228 | * en.wikipedia.org/wiki/User:Davidgothberg/Test59 229 | */ 230 | pre, 231 | code, 232 | kbd, 233 | samp { 234 | font-family: monospace, serif; 235 | _font-family: 'courier new', monospace; 236 | font-size: 1em; 237 | } 238 | 239 | /* 240 | * 1. Addresses CSS quotes not supported in IE6/7 241 | * 2. Addresses quote property not supported in S4 242 | */ 243 | /* 1 */ 244 | q { 245 | quotes: none; 246 | } 247 | 248 | /* 2 */ 249 | q:before, 250 | q:after { 251 | content: ''; 252 | content: none; 253 | } 254 | 255 | small { 256 | font-size: 75%; 257 | } 258 | 259 | /* 260 | * Prevents sub and sup affecting line-height in all browsers 261 | * gist.github.com/413930 262 | */ 263 | sub, 264 | sup { 265 | font-size: 75%; 266 | line-height: 0; 267 | position: relative; 268 | vertical-align: baseline; 269 | } 270 | 271 | sup { 272 | top: -0.5em; 273 | } 274 | 275 | sub { 276 | bottom: -0.25em; 277 | } 278 | 279 | /* ============================================================================= 280 | Lists 281 | ========================================================================== */ 282 | /* 283 | * Addresses margins set differently in IE6/7 284 | */ 285 | dl, 286 | menu, 287 | ol, 288 | ul { 289 | margin: 1em 0; 290 | } 291 | 292 | dd { 293 | margin: 0 0 0 40px; 294 | } 295 | 296 | /* 297 | * Addresses paddings set differently in IE6/7 298 | */ 299 | menu, 300 | ol, 301 | ul { 302 | padding: 0 0 0 40px; 303 | } 304 | 305 | /* 306 | * Corrects list images handled incorrectly in IE7 307 | */ 308 | nav ul, 309 | nav ol { 310 | list-style: none; 311 | list-style-image: none; 312 | } 313 | 314 | /* ============================================================================= 315 | Embedded content 316 | ========================================================================== */ 317 | /* 318 | * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 319 | * 2. Improves image quality when scaled in IE7 320 | * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ 321 | */ 322 | img { 323 | border: 0; 324 | /* 1 */ 325 | -ms-interpolation-mode: bicubic; 326 | /* 2 */ 327 | } 328 | 329 | /* 330 | * Corrects overflow displayed oddly in IE9 331 | */ 332 | svg:not(:root) { 333 | overflow: hidden; 334 | } 335 | 336 | /* ============================================================================= 337 | Figures 338 | ========================================================================== */ 339 | /* 340 | * Addresses margin not present in IE6/7/8/9, S5, O11 341 | */ 342 | figure { 343 | margin: 0; 344 | } 345 | 346 | /* ============================================================================= 347 | Forms 348 | ========================================================================== */ 349 | /* 350 | * Corrects margin displayed oddly in IE6/7 351 | */ 352 | form { 353 | margin: 0; 354 | } 355 | 356 | /* 357 | * Define consistent border, margin, and padding 358 | */ 359 | fieldset { 360 | border: 1px solid #c0c0c0; 361 | margin: 0 2px; 362 | padding: 0.35em 0.625em 0.75em; 363 | } 364 | 365 | /* 366 | * 1. Corrects color not being inherited in IE6/7/8/9 367 | * 2. Corrects text not wrapping in FF3 368 | * 3. Corrects alignment displayed oddly in IE6/7 369 | */ 370 | legend { 371 | border: 0; 372 | /* 1 */ 373 | padding: 0; 374 | white-space: normal; 375 | /* 2 */ 376 | *margin-left: -7px; 377 | /* 3 */ 378 | } 379 | 380 | /* 381 | * 1. Corrects font size not being inherited in all browsers 382 | * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome 383 | * 3. Improves appearance and consistency in all browsers 384 | */ 385 | button, 386 | input, 387 | select, 388 | textarea { 389 | font-size: 100%; 390 | /* 1 */ 391 | margin: 0; 392 | /* 2 */ 393 | vertical-align: baseline; 394 | /* 3 */ 395 | *vertical-align: middle; 396 | /* 3 */ 397 | } 398 | 399 | /* 400 | * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet 401 | */ 402 | button, 403 | input { 404 | line-height: normal; 405 | /* 1 */ 406 | } 407 | 408 | /* 409 | * 1. Improves usability and consistency of cursor style between image-type 'input' and others 410 | * 2. Corrects inability to style clickable 'input' types in iOS 411 | * 3. Removes inner spacing in IE7 without affecting normal text inputs 412 | * Known issue: inner spacing remains in IE6 413 | */ 414 | button, 415 | input[type="button"], 416 | input[type="reset"], 417 | input[type="submit"] { 418 | cursor: pointer; 419 | /* 1 */ 420 | -webkit-appearance: button; 421 | /* 2 */ 422 | *overflow: visible; 423 | /* 3 */ 424 | } 425 | 426 | /* 427 | * Re-set default cursor for disabled elements 428 | */ 429 | button[disabled], 430 | input[disabled] { 431 | cursor: default; 432 | } 433 | 434 | /* 435 | * 1. Addresses box sizing set to content-box in IE8/9 436 | * 2. Removes excess padding in IE8/9 437 | * 3. Removes excess padding in IE7 438 | Known issue: excess padding remains in IE6 439 | */ 440 | input[type="checkbox"], 441 | input[type="radio"] { 442 | box-sizing: border-box; 443 | /* 1 */ 444 | padding: 0; 445 | /* 2 */ 446 | *height: 13px; 447 | /* 3 */ 448 | *width: 13px; 449 | /* 3 */ 450 | } 451 | 452 | /* 453 | * 1. Addresses appearance set to searchfield in S5, Chrome 454 | * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) 455 | */ 456 | input[type="search"] { 457 | -webkit-appearance: textfield; 458 | /* 1 */ 459 | -moz-box-sizing: content-box; 460 | -webkit-box-sizing: content-box; 461 | /* 2 */ 462 | box-sizing: content-box; 463 | } 464 | 465 | /* 466 | * Removes inner padding and search cancel button in S5, Chrome on OS X 467 | */ 468 | input[type="search"]::-webkit-search-decoration, 469 | input[type="search"]::-webkit-search-cancel-button { 470 | -webkit-appearance: none; 471 | } 472 | 473 | /* 474 | * Removes inner padding and border in FF3+ 475 | * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 476 | */ 477 | button::-moz-focus-inner, 478 | input::-moz-focus-inner { 479 | border: 0; 480 | padding: 0; 481 | } 482 | 483 | /* 484 | * 1. Removes default vertical scrollbar in IE6/7/8/9 485 | * 2. Improves readability and alignment in all browsers 486 | */ 487 | textarea { 488 | overflow: auto; 489 | /* 1 */ 490 | vertical-align: top; 491 | /* 2 */ 492 | } 493 | 494 | /* ============================================================================= 495 | Tables 496 | ========================================================================== */ 497 | /* 498 | * Remove most spacing between table cells 499 | */ 500 | table { 501 | border-collapse: collapse; 502 | border-spacing: 0; 503 | } 504 | 505 | body { 506 | font: 14px/22px "Quattrocento Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; 507 | color: #666; 508 | font-weight: 300; 509 | margin: 0px; 510 | padding: 0px 0 20px 0px; 511 | background: url(../images/body-background.png) #eae6d1; 512 | } 513 | 514 | h1, h2, h3, h4, h5, h6 { 515 | color: #333; 516 | margin: 0 0 10px; 517 | } 518 | 519 | p, ul, ol, table, pre, dl { 520 | margin: 0 0 20px; 521 | } 522 | 523 | h1, h2, h3 { 524 | line-height: 1.1; 525 | } 526 | 527 | h1 { 528 | font-size: 28px; 529 | } 530 | 531 | h2 { 532 | font-size: 24px; 533 | color: #393939; 534 | } 535 | 536 | h3, h4, h5, h6 { 537 | color: #666666; 538 | } 539 | 540 | h3 { 541 | font-size: 18px; 542 | line-height: 24px; 543 | } 544 | 545 | a { 546 | color: #3399cc; 547 | font-weight: 400; 548 | text-decoration: none; 549 | } 550 | 551 | a small { 552 | font-size: 11px; 553 | color: #666; 554 | margin-top: -0.6em; 555 | display: block; 556 | } 557 | 558 | ul { 559 | list-style-image: url("../images/bullet.png"); 560 | } 561 | 562 | strong { 563 | font-weight: bold; 564 | color: #333; 565 | } 566 | 567 | .wrapper { 568 | width: 650px; 569 | margin: 0 auto; 570 | position: relative; 571 | } 572 | 573 | section img { 574 | max-width: 100%; 575 | } 576 | 577 | blockquote { 578 | border-left: 1px solid #ffcc00; 579 | margin: 0; 580 | padding: 0 0 0 20px; 581 | font-style: italic; 582 | } 583 | 584 | code { 585 | font-family: "Lucida Sans", Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal; 586 | font-size: 13px; 587 | color: #efefef; 588 | text-shadow: 0px 1px 0px #000; 589 | margin: 0 4px; 590 | padding: 2px 6px; 591 | background: #333; 592 | -moz-border-radius: 2px; 593 | -webkit-border-radius: 2px; 594 | -o-border-radius: 2px; 595 | -ms-border-radius: 2px; 596 | -khtml-border-radius: 2px; 597 | border-radius: 2px; 598 | } 599 | 600 | pre { 601 | padding: 8px 15px; 602 | background: #333333; 603 | -moz-border-radius: 3px; 604 | -webkit-border-radius: 3px; 605 | -o-border-radius: 3px; 606 | -ms-border-radius: 3px; 607 | -khtml-border-radius: 3px; 608 | border-radius: 3px; 609 | border: 1px solid #c7c7c7; 610 | overflow: auto; 611 | overflow-y: hidden; 612 | } 613 | pre code { 614 | margin: 0px; 615 | padding: 0px; 616 | } 617 | 618 | table { 619 | width: 100%; 620 | border-collapse: collapse; 621 | } 622 | 623 | th { 624 | text-align: left; 625 | padding: 5px 10px; 626 | border-bottom: 1px solid #e5e5e5; 627 | color: #444; 628 | } 629 | 630 | td { 631 | text-align: left; 632 | padding: 5px 10px; 633 | border-bottom: 1px solid #e5e5e5; 634 | border-right: 1px solid #ffcc00; 635 | } 636 | td:first-child { 637 | border-left: 1px solid #ffcc00; 638 | } 639 | 640 | hr { 641 | border: 0; 642 | outline: none; 643 | height: 11px; 644 | background: transparent url("../images/hr.gif") center center repeat-x; 645 | margin: 0 0 20px; 646 | } 647 | 648 | dt { 649 | color: #444; 650 | font-weight: 700; 651 | } 652 | 653 | header { 654 | padding: 25px 20px 40px 20px; 655 | margin: 0; 656 | position: fixed; 657 | top: 0; 658 | left: 0; 659 | right: 0; 660 | width: 100%; 661 | text-align: center; 662 | background: url(../images/background.png) #4276b6; 663 | -moz-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.75); 664 | -webkit-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.75); 665 | -o-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.75); 666 | box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.75); 667 | z-index: 99; 668 | -webkit-font-smoothing: antialiased; 669 | min-height: 76px; 670 | } 671 | header h1 { 672 | font: 40px/48px "Copse", "Helvetica Neue", Helvetica, Arial, sans-serif; 673 | color: #f3f3f3; 674 | text-shadow: 0px 2px 0px #235796; 675 | margin: 0px; 676 | white-space: nowrap; 677 | overflow: hidden; 678 | text-overflow: ellipsis; 679 | -o-text-overflow: ellipsis; 680 | -ms-text-overflow: ellipsis; 681 | } 682 | header p { 683 | color: #d8d8d8; 684 | text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0; 685 | font-size: 18px; 686 | margin: 0px; 687 | } 688 | 689 | #banner { 690 | z-index: 100; 691 | left: 0; 692 | right: 50%; 693 | height: 50px; 694 | margin-right: -382px; 695 | position: fixed; 696 | top: 115px; 697 | background: #ffcc00; 698 | border: 1px solid #f0b500; 699 | -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); 700 | -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); 701 | -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); 702 | box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); 703 | -moz-border-radius: 0px 2px 2px 0px; 704 | -webkit-border-radius: 0px 2px 2px 0px; 705 | -o-border-radius: 0px 2px 2px 0px; 706 | -ms-border-radius: 0px 2px 2px 0px; 707 | -khtml-border-radius: 0px 2px 2px 0px; 708 | border-radius: 0px 2px 2px 0px; 709 | padding-right: 10px; 710 | } 711 | #banner .button { 712 | border: 1px solid #dba500; 713 | background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe788), color-stop(100%, #ffce38)); 714 | background: -webkit-linear-gradient(#ffe788, #ffce38); 715 | background: -moz-linear-gradient(#ffe788, #ffce38); 716 | background: -o-linear-gradient(#ffe788, #ffce38); 717 | background: -ms-linear-gradient(#ffe788, #ffce38); 718 | background: linear-gradient(#ffe788, #ffce38); 719 | -moz-border-radius: 2px; 720 | -webkit-border-radius: 2px; 721 | -o-border-radius: 2px; 722 | -ms-border-radius: 2px; 723 | -khtml-border-radius: 2px; 724 | border-radius: 2px; 725 | -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4), 0px 1px 1px rgba(0, 0, 0, 0.1); 726 | -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4), 0px 1px 1px rgba(0, 0, 0, 0.1); 727 | -o-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4), 0px 1px 1px rgba(0, 0, 0, 0.1); 728 | box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4), 0px 1px 1px rgba(0, 0, 0, 0.1); 729 | background-color: #FFE788; 730 | margin-left: 5px; 731 | padding: 10px 12px; 732 | margin-top: 6px; 733 | line-height: 14px; 734 | font-size: 14px; 735 | color: #333; 736 | font-weight: bold; 737 | display: inline-block; 738 | text-align: center; 739 | } 740 | #banner .button:hover { 741 | background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe788), color-stop(100%, #ffe788)); 742 | background: -webkit-linear-gradient(#ffe788, #ffe788); 743 | background: -moz-linear-gradient(#ffe788, #ffe788); 744 | background: -o-linear-gradient(#ffe788, #ffe788); 745 | background: -ms-linear-gradient(#ffe788, #ffe788); 746 | background: linear-gradient(#ffe788, #ffe788); 747 | background-color: #ffeca0; 748 | } 749 | #banner .fork { 750 | position: fixed; 751 | left: 50%; 752 | margin-left: -325px; 753 | padding: 10px 12px; 754 | margin-top: 6px; 755 | line-height: 14px; 756 | font-size: 14px; 757 | background-color: #FFE788; 758 | } 759 | #banner .downloads { 760 | float: right; 761 | margin: 0 45px 0 0; 762 | } 763 | #banner .downloads span { 764 | float: left; 765 | line-height: 52px; 766 | font-size: 90%; 767 | color: #9d7f0d; 768 | text-transform: uppercase; 769 | text-shadow: rgba(255, 255, 255, 0.2) 0 1px 0; 770 | } 771 | #banner ul { 772 | list-style: none; 773 | height: 40px; 774 | padding: 0; 775 | float: left; 776 | margin-left: 10px; 777 | } 778 | #banner ul li { 779 | display: inline; 780 | } 781 | #banner ul li a.button { 782 | background-color: #FFE788; 783 | } 784 | #banner #logo { 785 | position: absolute; 786 | height: 36px; 787 | width: 36px; 788 | right: 7px; 789 | top: 7px; 790 | display: block; 791 | background: url(../images/octocat-logo.png); 792 | } 793 | 794 | section { 795 | width: 590px; 796 | padding: 30px 30px 50px 30px; 797 | margin: 20px 0; 798 | margin-top: 190px; 799 | position: relative; 800 | background: #fbfbfb; 801 | -moz-border-radius: 3px; 802 | -webkit-border-radius: 3px; 803 | -o-border-radius: 3px; 804 | -ms-border-radius: 3px; 805 | -khtml-border-radius: 3px; 806 | border-radius: 3px; 807 | border: 1px solid #cbcbcb; 808 | -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09), inset 0px 0px 2px 2px rgba(255, 255, 255, 0.5), inset 0 0 5px 5px rgba(255, 255, 255, 0.4); 809 | -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09), inset 0px 0px 2px 2px rgba(255, 255, 255, 0.5), inset 0 0 5px 5px rgba(255, 255, 255, 0.4); 810 | -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09), inset 0px 0px 2px 2px rgba(255, 255, 255, 0.5), inset 0 0 5px 5px rgba(255, 255, 255, 0.4); 811 | box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09), inset 0px 0px 2px 2px rgba(255, 255, 255, 0.5), inset 0 0 5px 5px rgba(255, 255, 255, 0.4); 812 | } 813 | 814 | small { 815 | font-size: 12px; 816 | } 817 | 818 | nav { 819 | width: 230px; 820 | position: fixed; 821 | top: 220px; 822 | left: 50%; 823 | margin-left: -580px; 824 | text-align: right; 825 | } 826 | nav ul { 827 | list-style: none; 828 | list-style-image: none; 829 | font-size: 14px; 830 | line-height: 24px; 831 | } 832 | nav ul li { 833 | padding: 5px 0px; 834 | line-height: 16px; 835 | } 836 | nav ul li.tag-h1 { 837 | font-size: 1.2em; 838 | } 839 | nav ul li.tag-h1 a { 840 | font-weight: bold; 841 | color: #333; 842 | } 843 | nav ul li.tag-h2 + .tag-h1 { 844 | margin-top: 10px; 845 | } 846 | nav ul a { 847 | color: #666; 848 | } 849 | nav ul a:hover { 850 | color: #999; 851 | } 852 | 853 | footer { 854 | width: 180px; 855 | position: fixed; 856 | left: 50%; 857 | margin-left: -530px; 858 | bottom: 20px; 859 | text-align: right; 860 | line-height: 16px; 861 | } 862 | 863 | @media print, screen and (max-width: 1060px) { 864 | div.wrapper { 865 | width: auto; 866 | margin: 0; 867 | } 868 | 869 | nav { 870 | display: none; 871 | } 872 | 873 | header, section, footer { 874 | float: none; 875 | } 876 | header h1, section h1, footer h1 { 877 | white-space: nowrap; 878 | overflow: hidden; 879 | text-overflow: ellipsis; 880 | -o-text-overflow: ellipsis; 881 | -ms-text-overflow: ellipsis; 882 | } 883 | 884 | #banner { 885 | width: 100%; 886 | } 887 | #banner .downloads { 888 | margin-right: 60px; 889 | } 890 | #banner #logo { 891 | margin-right: 15px; 892 | } 893 | 894 | section { 895 | border: 1px solid #e5e5e5; 896 | border-width: 1px 0; 897 | padding: 20px auto; 898 | margin: 190px auto 20px; 899 | max-width: 600px; 900 | } 901 | 902 | footer { 903 | text-align: center; 904 | margin: 20px auto; 905 | position: relative; 906 | left: auto; 907 | bottom: auto; 908 | width: auto; 909 | } 910 | } 911 | @media print, screen and (max-width: 720px) { 912 | body { 913 | word-wrap: break-word; 914 | } 915 | 916 | header { 917 | padding: 20px 20px; 918 | margin: 0; 919 | } 920 | header h1 { 921 | font-size: 32px; 922 | white-space: nowrap; 923 | overflow: hidden; 924 | text-overflow: ellipsis; 925 | -o-text-overflow: ellipsis; 926 | -ms-text-overflow: ellipsis; 927 | } 928 | header p { 929 | display: none; 930 | } 931 | 932 | #banner { 933 | top: 80px; 934 | } 935 | #banner .fork { 936 | float: left; 937 | display: inline-block; 938 | margin-left: 0px; 939 | position: fixed; 940 | left: 20px; 941 | } 942 | 943 | section { 944 | margin-top: 130px; 945 | margin-bottom: 0px; 946 | width: auto; 947 | } 948 | 949 | header ul, header p.view { 950 | position: static; 951 | } 952 | } 953 | @media print, screen and (max-width: 480px) { 954 | header { 955 | position: relative; 956 | padding: 5px 0px; 957 | min-height: 0px; 958 | } 959 | header h1 { 960 | font-size: 24px; 961 | white-space: nowrap; 962 | overflow: hidden; 963 | text-overflow: ellipsis; 964 | -o-text-overflow: ellipsis; 965 | -ms-text-overflow: ellipsis; 966 | } 967 | 968 | section { 969 | margin-top: 5px; 970 | } 971 | 972 | #banner { 973 | display: none; 974 | } 975 | 976 | header ul { 977 | display: none; 978 | } 979 | } 980 | @media print { 981 | body { 982 | padding: 0.4in; 983 | font-size: 12pt; 984 | color: #444; 985 | } 986 | } 987 | @media print, screen and (max-height: 680px) { 988 | footer { 989 | text-align: center; 990 | margin: 20px auto; 991 | position: relative; 992 | left: auto; 993 | bottom: auto; 994 | width: auto; 995 | } 996 | } 997 | @media print, screen and (max-height: 480px) { 998 | nav { 999 | display: none; 1000 | } 1001 | 1002 | footer { 1003 | text-align: center; 1004 | margin: 20px auto; 1005 | position: relative; 1006 | left: auto; 1007 | bottom: auto; 1008 | width: auto; 1009 | } 1010 | } 1011 | -------------------------------------------------------------------------------- /fonts/quattrocentosans-bold-webfont.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | This is a custom SVG webfont generated by Font Squirrel. 6 | Copyright : Copyright c 2011 Pablo Impallari wwwimpallaricomimpallarigmailcomCopyright c 2011 Igino Marini wwwikerncommailiginomarinicomCopyright c 2011 Brenda Gallo gbrenda1987gmailcomwith Reserved Font Name Quattrocento Sans 7 | Designer : Pablo Impallari 8 | Foundry : Pablo Impallari Igino Marini Brenda Gallo 9 | Foundry URL : wwwimpallaricom 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | -------------------------------------------------------------------------------- /fonts/quattrocentosans-regular-webfont.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | This is a custom SVG webfont generated by Font Squirrel. 6 | Copyright : Copyright c 2011 Pablo Impallari wwwimpallaricomimpallarigmailcomCopyright c 2011 Igino Marini wwwikerncommailiginomarinicomCopyright c 2011 Brenda Gallo gbrenda1987gmailcomwith Reserved Font Name Quattrocento Sans 7 | Designer : Pablo Impallari 8 | Foundry : Pablo Impallari Igino Marini Brenda Gallo 9 | Foundry URL : wwwimpallaricom 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | --------------------------------------------------------------------------------