diff --git a/public/1.html b/public/1.html index 1c0c772..984ff04 100644 --- a/public/1.html +++ b/public/1.html @@ -11,9 +11,12 @@ + + + +
+ + + + +
+
+

Article Title Here

+ +

Lorem ipsum dolor sit amet, consectetuer HVAC + adipiscing elit. Donec odio. Quisque Audi Ferarri volutpat mattis eros. + Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, + semper suscipit, posuere a, pede.

+
    +
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
    • +
  • Nunc dignissim risus id metus.
    • +
  • Cras ornare tristique elit.
    • +
  • Vivamus vestibulum nulla + CSS + nec ante.
    • +
  • Praesent placerat risus quis eros.
    • +
+

Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. + Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non.

+
+

“Donec nec justo eget felis facilisis fermentum. + Aliquam porttitor mauris sit amet orci.”

+
+

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero + eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. + Praesent elementum about hendrerit tortor. Sed semper lorem at felis. + Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc + sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.

+

Industry News

+
    +
  • Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est.
    • +
  • Donec odio. Quisque volutpat mattis eros.
    • +
  • Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis.
    • +
+
+ + +
+ + + +
+ 1 + 2 + 3 + 4 + 5 +
+ +
+ + + + diff --git a/public/grid.txt b/public/grid.txt new file mode 100644 index 0000000..636f675 --- /dev/null +++ b/public/grid.txt @@ -0,0 +1,33 @@ +13px yui grid values: + + 1px 0.077 + 2px 0.154 + 3px 0.231 + 4px 0.308 + 5px 0.385 + 6px 0.462 + 7px 0.538 + 8px 0.615 + 9px 0.692 +10px 0.769 +11px 0.846 +12px 0.923 +13px 1.000 + +16px 1.231 + +180px 13.846 +220px 16.923 +240px 18.462 +300px 23.077 +360px 27.692 + +600px 46.154 +640px 49.231 +720px 55.385 +740px 56.923 +840px 64.615 +900px 69.231 +950px 73.077 +960px 73.846 + diff --git a/public/images/sprinter_1.png b/public/images/sprinter_1.png new file mode 100644 index 0000000..ec89b21 Binary files /dev/null and b/public/images/sprinter_1.png differ diff --git a/public/images/sprinter_2.png b/public/images/sprinter_2.png new file mode 100644 index 0000000..89046cd Binary files /dev/null and b/public/images/sprinter_2.png differ diff --git a/public/images/vans.png b/public/images/vans.png new file mode 100644 index 0000000..3107a3d Binary files /dev/null and b/public/images/vans.png differ diff --git a/public/stylesheets/grid.css b/public/stylesheets/grid.css new file mode 100644 index 0000000..1a366a6 --- /dev/null +++ b/public/stylesheets/grid.css @@ -0,0 +1,57 @@ + +body { + /* center the page */ + text-align: center; + margin-left: auto; + margin-right: auto; +} + +/* 950 centered (doc2) */ +.yui-d2 { + margin: auto; + text-align: left; + width: 73.076em; + *width: 71.25em; +} + +.yui-t6 { + margin: auto; + text-align: left; + width: 100%; +} + +.yui-t6 .yui-main { + float: left; + /* IE: preserve layout at narrow widths */ + margin-right: -25em; +} + +/* t6 narrow block = equivalent of 300px */ +.yui-t6 .yui-b { + float: right; + width: 23.0769em; + *width: 22.50em; +} +.yui-t6 .yui-main .yui-b { + margin-right: 24.0769em; + *margin-right: 23.475em; +} + +/* yui-main */ + +.yui-main .yui-b { + position: static; +} +.yui-main { + width: 100%; +} +.yui-main .yui-b { + float: none; + width: auto; +} + + +.yui-b { + position: relative; + _position: static; +} diff --git a/public/stylesheets/grids.css b/public/stylesheets/grids.css new file mode 100644 index 0000000..ca90d15 --- /dev/null +++ b/public/stylesheets/grids.css @@ -0,0 +1,30 @@ +body { + text-align: center; /* center body content */ +} + +#container { + text-align: left; + margin: 0 auto; + width: 73.846em; /* 73.846em 960px width */ + *width: 72.00em; /* 97.5% adjust for IE */ +} + +#content { + overflow: hidden; + width: auto; + padding: 0.769em 0 0 0; /* 0.769em 10px top */ +} + +#main { + float: left; + padding: 0 0.385em; /* 5px horiz. padding */ + width: 49.231em; /* 48.231em 640px width */ + *width: 48.00em; +} + +#sidebar { + float: right; + padding: 0 0.385em; /* 5px horiz. padding */ + width: 23.077em; /* 23.077em 300px width */ + *width: 22.50em; +} diff --git a/public/stylesheets/layout.css b/public/stylesheets/layout.css index 0da8f72..a45d2ac 100644 --- a/public/stylesheets/layout.css +++ b/public/stylesheets/layout.css @@ -4,19 +4,19 @@ html { } body { - margin: 1.5em; + margin: 1.462em; font-family: Ariel, sans-serif; color: #f0f0f0; } h1,h2,h3 { - margin: 0 0 1em 0; + margin: 0 0 13px 0; font-variant: small-caps; } blockquote { margin: 0 4em 1em 4em; - padding: 0.5em; + padding: 0.462em; } blockquote p { font-size: 131%; @@ -26,11 +26,6 @@ blockquote p { margin: 0; } -#content, #sidebar { - /*background-color: #e2ffe2;*/ - padding-top: 0.5em; -} - #header { background-color: none; overflow: hidden @@ -56,25 +51,22 @@ blockquote p { #nav li { list-style: none; float: left; - margin-right: 0.5em; + margin-right: 0.462em; position: relative; } #nav li a { text-decoration: none; text-transform: uppercase; color: #444; float: left; - padding: 0.5em 1em; } + padding: 0.462em 1em; } #nav li a:hover { color: #111; background-color: #00af00; } -#main { padding: 0 0.46em; } - -#sidebar { padding: 0.77em 0.46em; } #sidebar > img { float: left; - padding-right: 0.46em; + padding-right: 0.462em; } #footer { @@ -82,9 +74,9 @@ blockquote p { } #footer p { text-align: center; - padding: 1.5em 0; + padding: 1.462em 0; color: #777; - border-top: solid 0.46em #00c000; + border-top: solid 0.231em #00c000; font-family: Georgia, serif; font-size: 77%; font-style: italic; diff --git a/public/stylesheets/reset-fonts-base.css b/public/stylesheets/reset-fonts-base.css new file mode 100644 index 0000000..77aabe6 --- /dev/null +++ b/public/stylesheets/reset-fonts-base.css @@ -0,0 +1,8 @@ +/* +Copyright (c) 2009, Yahoo! Inc. All rights reserved. +Code licensed under the BSD License: +http://developer.yahoo.net/yui/license.txt +version: 3.0.0 +build: 1549 +*/ +html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}