From 741b17aadbcf4d6b4b702abbc358b97fc50e8be7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lo=C3=AFc=20Chardonnet?= Date: Tue, 31 Jan 2012 11:48:34 +0000 Subject: [PATCH] Getting indentation more homogeneous --- 404.html | 8 ++-- index.html | 12 ++---- javascripts/tabs.js | 6 +-- robots.txt | 1 - stylesheets/base.css | 90 +++++++++++++++++----------------------- stylesheets/layout.css | 3 +- stylesheets/skeleton.css | 22 +++------- 7 files changed, 53 insertions(+), 89 deletions(-) diff --git a/404.html b/404.html index a24448f..02c8d83 100644 --- a/404.html +++ b/404.html @@ -6,7 +6,7 @@ + ================================================== --> Your Page Title Here :) @@ -16,11 +16,11 @@ + ================================================== --> + ================================================== --> @@ -44,4 +44,4 @@ - \ No newline at end of file + diff --git a/index.html b/index.html index 1a4ed9b..be6fe45 100644 --- a/index.html +++ b/index.html @@ -6,18 +6,18 @@ + ================================================== --> Your Page Title Here :) + ================================================== --> + ================================================== --> @@ -36,8 +36,6 @@ - - @@ -69,8 +67,6 @@ - - @@ -79,4 +75,4 @@ - \ No newline at end of file + diff --git a/javascripts/tabs.js b/javascripts/tabs.js index 1c3de1a..edb426a 100644 --- a/javascripts/tabs.js +++ b/javascripts/tabs.js @@ -7,15 +7,12 @@ * 8/17/2011 */ - $('body').on('click', 'ul.tabs > li > a', function(e) { - //Get Location of tab's content var contentLocation = $(this).attr('href'); //Let go if not a hashed one if(contentLocation.charAt(0)=="#") { - e.preventDefault(); //Make Tab Active @@ -24,6 +21,5 @@ $('body').on('click', 'ul.tabs > li > a', function(e) { //Show Tab Content & add active class $(contentLocation).show().addClass('active').siblings().hide().removeClass('active'); - } -}); \ No newline at end of file +}); diff --git a/robots.txt b/robots.txt index d310d07..214e411 100755 --- a/robots.txt +++ b/robots.txt @@ -2,4 +2,3 @@ # www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449 User-agent: * - diff --git a/stylesheets/base.css b/stylesheets/base.css index 974b11d..f39fcc0 100644 --- a/stylesheets/base.css +++ b/stylesheets/base.css @@ -7,7 +7,6 @@ * 8/17/2011 */ - /* Table of Content ================================================== #Reset & Basics @@ -22,7 +21,6 @@ #Forms #Misc */ - /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { @@ -48,7 +46,6 @@ border-collapse: collapse; border-spacing: 0; } - /* #Basic Styles ================================================== */ body { @@ -56,9 +53,7 @@ font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ - -webkit-text-size-adjust: 100%; - } - + -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ @@ -77,13 +72,13 @@ p { margin: 0 0 20px 0; } p img { margin: 0; } - p.lead { font-size: 21px; line-height: 27px; color: #777; } + p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: bold; color: #333; } small { font-size: 80%; } -/* Blockquotes */ + /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } @@ -92,14 +87,12 @@ hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } - /* #Links ================================================== */ a, a:visited { color: #333; text-decoration: underline; outline: 0; } a:hover, a:focus { color: #000; } p a, p a:visited { line-height: inherit; } - /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } @@ -110,7 +103,7 @@ ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, - ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } + ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } @@ -119,15 +112,12 @@ /* #Images ================================================== */ - img.scale-with-grid { max-width: 100%; height: auto; } - /* #Buttons ================================================== */ - .button, button, input[type="submit"], @@ -140,24 +130,24 @@ background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ - border: 1px solid #aaa; - border-top: 1px solid #ccc; - border-left: 1px solid #ccc; - padding: 4px 12px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - color: #444; - display: inline-block; - font-size: 11px; - font-weight: bold; - text-decoration: none; - text-shadow: 0 1px rgba(255, 255, 255, .75); - cursor: pointer; - margin-bottom: 20px; - line-height: normal; - padding: 8px 10px; - font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } + border: 1px solid #aaa; + border-top: 1px solid #ccc; + border-left: 1px solid #ccc; + padding: 4px 12px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + color: #444; + display: inline-block; + font-size: 11px; + font-weight: bold; + text-decoration: none; + text-shadow: 0 1px rgba(255, 255, 255, .75); + cursor: pointer; + margin-bottom: 20px; + line-height: normal; + padding: 8px 10px; + font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .button:hover, button:hover, @@ -172,9 +162,9 @@ background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */ - border: 1px solid #888; - border-top: 1px solid #aaa; - border-left: 1px solid #aaa; } + border: 1px solid #888; + border-top: 1px solid #aaa; + border-left: 1px solid #aaa; } .button:active, button:active, @@ -203,10 +193,8 @@ /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; - padding: 0; - } - + border: 0; + padding: 0; } /* #Tabs (activate in tabs.js) ================================================== */ @@ -268,21 +256,19 @@ /* Clearfixing tabs for beautiful stacking */ ul.tabs:before, ul.tabs:after { - content: '\0020'; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; } + content: '\0020'; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; } ul.tabs:after { - clear: both; } + clear: both; } ul.tabs { - zoom: 1; } - + zoom: 1; } /* #Forms ================================================== */ - form { margin-bottom: 20px; } fieldset { @@ -316,14 +302,14 @@ color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); - box-shadow: 0 0 3px rgba(0,0,0,.2); } + box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; } label, legend { display: block; font-weight: bold; - font-size: 13px; } + font-size: 13px; } select { width: 220px; } input[type="checkbox"] { @@ -339,5 +325,3 @@ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } - - diff --git a/stylesheets/layout.css b/stylesheets/layout.css index aff5b47..a4d7f91 100644 --- a/stylesheets/layout.css +++ b/stylesheets/layout.css @@ -38,7 +38,6 @@ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) {} - /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file @@ -55,4 +54,4 @@ url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } -*/ \ No newline at end of file +*/ diff --git a/stylesheets/skeleton.css b/stylesheets/skeleton.css index ddc5e93..73dcf30 100644 --- a/stylesheets/skeleton.css +++ b/stylesheets/skeleton.css @@ -7,20 +7,16 @@ * 8/17/2011 */ - /* Table of Contents ================================================== - #Base 960 Grid - #Tablet (Portrait) - #Mobile (Portrait) - #Mobile (Landscape) - #Clearing */ - - + #Base 960 Grid + #Tablet (Portrait) + #Mobile (Portrait) + #Mobile (Landscape) + #Clearing */ /* #Base 960 Grid ================================================== */ - .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } @@ -29,7 +25,7 @@ /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } - + /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } @@ -69,8 +65,6 @@ .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } - - /* #Tablet (Portrait) ================================================== */ @@ -123,7 +117,6 @@ .container .offset-by-fifteen { padding-left: 720px; } } - /* #Mobile (Portrait) ================================================== */ @@ -170,10 +163,8 @@ .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } - } - /* #Mobile (Landscape) ================================================== */ @@ -205,7 +196,6 @@ .container .two-thirds.column { width: 420px; } } - /* #Clearing ================================================== */