From 82d6b394bf11e01705711edf8790cfdf3f5e0f85 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Le=C5=9Bniowski?= Date: Sat, 8 Oct 2011 23:48:04 +0200 Subject: [PATCH] I have created paddings also at right side. --- stylesheets/skeleton.css | 149 ++++++++++++++++++++++++++------------- 1 file changed, 101 insertions(+), 48 deletions(-) diff --git a/stylesheets/skeleton.css b/stylesheets/skeleton.css index d0264a4..769d7f1 100644 --- a/stylesheets/skeleton.css +++ b/stylesheets/skeleton.css @@ -5,6 +5,9 @@ * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 8/17/2011 +* +* Edited by Michał Leśniowski +* https://github.com/lesniak/Skeleton */ @@ -50,22 +53,40 @@ .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } - /* Offsets */ - .container .offset-by-one { padding-left: 60px; } - .container .offset-by-two { padding-left: 120px; } - .container .offset-by-three { padding-left: 180px; } - .container .offset-by-four { padding-left: 240px; } - .container .offset-by-five { padding-left: 300px; } - .container .offset-by-six { padding-left: 360px; } - .container .offset-by-seven { padding-left: 420px; } - .container .offset-by-eight { padding-left: 480px; } - .container .offset-by-nine { padding-left: 540px; } - .container .offset-by-ten { padding-left: 600px; } - .container .offset-by-eleven { padding-left: 660px; } - .container .offset-by-twelve { padding-left: 720px; } - .container .offset-by-thirteen { padding-left: 780px; } - .container .offset-by-fourteen { padding-left: 840px; } - .container .offset-by-fifteen { padding-left: 900px; } + /* Paddings */ + .container .left-by-one { padding-left: 60px; } + .container .left-by-two { padding-left: 120px; } + .container .left-by-three { padding-left: 180px; } + .container .left-by-four { padding-left: 240px; } + .container .left-by-five { padding-left: 300px; } + .container .left-by-six { padding-left: 360px; } + .container .left-by-seven { padding-left: 420px; } + .container .left-by-eight { padding-left: 480px; } + .container .left-by-nine { padding-left: 540px; } + .container .left-by-ten { padding-left: 600px; } + .container .left-by-eleven { padding-left: 660px; } + .container .left-by-twelve { padding-left: 720px; } + .container .left-by-thirteen { padding-left: 780px; } + .container .left-by-fourteen { padding-left: 840px; } + .container .left-by-fifteen { padding-left: 900px; } + + .container .right-by-one { padding-right: 60px; } + .container .right-by-two { padding-right: 120px; } + .container .right-by-three { padding-right: 180px; } + .container .right-by-four { padding-right: 240px; } + .container .right-by-five { padding-right: 300px; } + .container .right-by-six { padding-right: 360px; } + .container .right-by-seven { padding-right: 420px; } + .container .right-by-eight { padding-right: 480px; } + .container .right-by-nine { padding-right: 540px; } + .container .right-by-ten { padding-right: 600px; } + .container .right-by-eleven { padding-right: 660px; } + .container .right-by-twelve { padding-right: 720px; } + .container .right-by-thirteen { padding-right: 780px; } + .container .right-by-fourteen { padding-right: 840px; } + .container .right-by-fifteen { padding-right: 900px; } + + @@ -101,22 +122,38 @@ .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } - /* Offsets */ - .container .offset-by-one { padding-left: 48px; } - .container .offset-by-two { padding-left: 96px; } - .container .offset-by-three { padding-left: 144px; } - .container .offset-by-four { padding-left: 192px; } - .container .offset-by-five { padding-left: 240px; } - .container .offset-by-six { padding-left: 288px; } - .container .offset-by-seven { padding-left: 336px; } - .container .offset-by-eight { padding-left: 348px; } - .container .offset-by-nine { padding-left: 432px; } - .container .offset-by-ten { padding-left: 480px; } - .container .offset-by-eleven { padding-left: 528px; } - .container .offset-by-twelve { padding-left: 576px; } - .container .offset-by-thirteen { padding-left: 624px; } - .container .offset-by-fourteen { padding-left: 672px; } - .container .offset-by-fifteen { padding-left: 720px; } + /* Paddings */ + .container .left-by-one { padding-left: 48px; } + .container .left-by-two { padding-left: 96px; } + .container .left-by-three { padding-left: 144px; } + .container .left-by-four { padding-left: 192px; } + .container .left-by-five { padding-left: 240px; } + .container .left-by-six { padding-left: 288px; } + .container .left-by-seven { padding-left: 336px; } + .container .left-by-eight { padding-left: 348px; } + .container .left-by-nine { padding-left: 432px; } + .container .left-by-ten { padding-left: 480px; } + .container .left-by-eleven { padding-left: 528px; } + .container .left-by-twelve { padding-left: 576px; } + .container .left-by-thirteen { padding-left: 624px; } + .container .left-by-fourteen { padding-left: 672px; } + .container .left-by-fifteen { padding-left: 720px; } + + .container .right-by-one { padding-right: 48px; } + .container .right-by-two { padding-right: 96px; } + .container .right-by-three { padding-right: 144px; } + .container .right-by-four { padding-right: 192px; } + .container .right-by-five { padding-right: 240px; } + .container .right-by-six { padding-right: 288px; } + .container .right-by-seven { padding-right: 336px; } + .container .right-by-eight { padding-right: 348px; } + .container .right-by-nine { padding-right: 432px; } + .container .right-by-ten { padding-right: 480px; } + .container .right-by-eleven { padding-right: 528px; } + .container .right-by-twelve { padding-right: 576px; } + .container .right-by-thirteen { padding-right: 624px; } + .container .right-by-fourteen { padding-right: 672px; } + .container .right-by-fifteen { padding-right: 720px; } } @@ -148,22 +185,38 @@ .container .one-third.column, .container .two-thirds.column { width: 300px; } - /* Offsets */ - .container .offset-by-one, - .container .offset-by-two, - .container .offset-by-three, - .container .offset-by-four, - .container .offset-by-five, - .container .offset-by-six, - .container .offset-by-seven, - .container .offset-by-eight, - .container .offset-by-nine, - .container .offset-by-ten, - .container .offset-by-eleven, - .container .offset-by-twelve, - .container .offset-by-thirteen, - .container .offset-by-fourteen, - .container .offset-by-fifteen { padding-left: 0; } + /* Paddings */ + .container .left-by-one, + .container .left-by-two, + .container .left-by-three, + .container .left-by-four, + .container .left-by-five, + .container .left-by-six, + .container .left-by-seven, + .container .left-by-eight, + .container .left-by-nine, + .container .left-by-ten, + .container .left-by-eleven, + .container .left-by-twelve, + .container .left-by-thirteen, + .container .left-by-fourteen, + .container .left-by-fifteen { padding-left: 0; } + + .container .right-by-one, + .container .right-by-two, + .container .right-by-three, + .container .right-by-four, + .container .right-by-five, + .container .right-by-six, + .container .right-by-seven, + .container .right-by-eight, + .container .right-by-nine, + .container .right-by-ten, + .container .right-by-eleven, + .container .right-by-twelve, + .container .right-by-thirteen, + .container .right-by-fourteen, + .container .right-by-fifteen { padding-right: 0; } }