Skip to content

Commit 233e3ed

Browse files
economoneconomon
committed
Added baseline web files.
1 parent 60fe864 commit 233e3ed

273 files changed

Lines changed: 8041 additions & 1 deletion

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎css/components.css‎

Lines changed: 152 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,152 @@
1+
2+
/* BORDERS -------------------- */
3+
4+
#vert_border { display:block; float: left; width:10px; background-color:#fff; padding-bottom:10001px; margin-bottom:-10000px; overflow:hidden }
5+
#vert_border_img { display:block; float:left; width:10px; background:url('../images/layout/side_border.png') no-repeat; padding-bottom:10001px; margin-bottom:-10000px;}
6+
#horz_border { display:block; float: left; width:940px; height:2px; background-color: #4D4F53; margin-bottom: 6px; margin-top: 6px }
7+
8+
/* BANNER LOGOLINKS -------------------- */
9+
10+
#logo_main_su { width:267px; height:60px; float:left; border-bottom:none; }
11+
#logo_main_su { 0px 0px; }
12+
13+
#logo_main_su2 { width:110px; height:60px; float:left; border-bottom:none; }
14+
#logo_main_su2 { -267px 0px; }
15+
16+
17+
/* NAVIGATION -------------------- */
18+
19+
#navlist{height:42px; display:block; float: left; width:940px; padding: 0; margin:0;}
20+
21+
#home { width:129px; height:42px; float: left; border-bottom: none;}
22+
#home { background:url('../images/layout/nav_sprites.png') 0px 41px; }
23+
#home:hover { background:url('../images/layout/nav_sprites.png') 0px 0px; }
24+
25+
#download { width:136px; height:42px; float: left; border-bottom: none;}
26+
#download { background:url('../images/layout/nav_sprites.png') -129px 41px; }
27+
#download:hover { background:url('../images/layout/nav_sprites.png') -129px 0px; }
28+
#download.on { background:url('../images/layout/nav_sprites.png') -129px 0px; }
29+
30+
#guides { width:136px; height:42px; float: left; border-bottom: none;}
31+
#guides { background:url('../images/layout/nav_sprites.png') -265px 41px; }
32+
#guides:hover { background:url('../images/layout/nav_sprites.png') -265px 0px; }
33+
#guides.on { background:url('../images/layout/nav_sprites.png') -265px 0px; }
34+
35+
#forum { width:134px; height:42px; float: left; border-bottom: none;}
36+
#forum { background:url('../images/layout/nav_sprites.png') -401px 41px; }
37+
#forum:hover { background:url('../images/layout/nav_sprites.png') -401px 0px; }
38+
#forum.on { background:url('../images/layout/nav_sprites.png') -401px 0px; }
39+
40+
#training { width:134px; height:42px; float: left; border-bottom: none;}
41+
#training { background:url('../images/layout/nav_sprites.png') -535px 41px; }
42+
#training:hover { background:url('../images/layout/nav_sprites.png') -535px 0px; }
43+
#training.on { background:url('../images/layout/nav_sprites.png') -535px 0px; }
44+
45+
#develop { width:134px; height:42px; float: left; border-bottom: none;}
46+
#develop { background:url('../images/layout/nav_sprites.png') -669px 41px; }
47+
#develop:hover { background:url('../images/layout/nav_sprites.png') -669px 0px; }
48+
#develop.on { background:url('../images/layout/nav_sprites.png') -669px 0px; }
49+
50+
#contact { width:137px; height:42px; float: left; border-bottom: none;}
51+
#contact { background:url('../images/layout/nav_sprites.png') -803px 41px; }
52+
#contact:hover { background:url('../images/layout/nav_sprites.png') -803px 0px; }
53+
#contact.on { background:url('../images/layout/nav_sprites.png') -803px 0px; }
54+
55+
#visualizations { width:151px; height:33px; float: left; border-bottom: none;}
56+
#visualizations.on { background:url('../images/layout/link_sprites.png') 0px 0px; }
57+
#visualizations.on:hover { background:url('../images/layout/link_sprites.png') 0px 33px; }
58+
#visualizations.off { background:url('../images/layout/link_sprites.png') 0px 33px; }
59+
60+
#about_code { width:161px; height:33px; float: left; border-bottom: none;}
61+
#about_code.on { background:url('../images/layout/link_sprites.png') -151px 0px; }
62+
#about_code.on:hover { background:url('../images/layout/link_sprites.png') -151px 33px; }
63+
#about_code.off { background:url('../images/layout/link_sprites.png') -151px 33px; }
64+
65+
#cite_us { width:151px; height:33px; float: left; border-bottom: none; }
66+
#cite_us.on { background:url('../images/layout/link_sprites.png') -312px 0px; }
67+
#cite_us.on:hover { background:url('../images/layout/link_sprites.png') -312px 33px; }
68+
#cite_us.off { background:url('../images/layout/link_sprites.png') -312px 33px; }
69+
70+
/* SEARCH --------------------------------*/
71+
72+
#header #web_search { font-size:12px; width: 191px; float: right; color: #fff; margin-top: 34px; padding-top: 0; }
73+
74+
#header #cse-search-box {float: right; margin: 0; padding: 0; width: 191px;}
75+
#header #cse-search-box .searchbox {background: url("../images/layout/search_box_bg.png") no-repeat left top; height: 24px; margin: 0; padding: 0px 0px 0px 3px; }
76+
#header #cse-search-box input {width: 150px; color: #3f3c30; margin: 3px 0px 0px 6px; padding: 0; border: 0; outline: none; height: 15px; float: left;}
77+
#header #cse-search-box input.form-submit {border: 0; background: url("../images/layout/search_button.gif") no-repeat top left; height: 20px; width: 20px; text-indent: -9999px; margin-left: 3px; margin-top: 1px; float: right; cursor: pointer; color: transparent; text-transform: capitalize;}
78+
79+
80+
/* GRID --------------------------------*/
81+
82+
#titlebar {text-align:center; line-height:3.2em; display:block; float: left; width:906px; height:60px; border: solid #4D4F53 2px; box-shadow:inset 0 0 8px 3px rgba(0, 0, 0, 0.2); padding: 0px 15px 0px 15px}
83+
#main_grid{ display:block; float: left; width:940px; height:500px; background:url('../images/layout/bkg_grid.png'); background-repeat:no-repeat; position:relative }
84+
#main_grid #su2_logo{width:291px; height:217px; position:relative; left:67px; top:23px; }
85+
#statement {background:url('../images/layout/bkg_textbox.png'); background-repeat:no-repeat; width:300px; height:180px; position:relative; left:36px; top:40px; padding:8px 15px 14px 15px; font-size:16px; line-height:20px; }
86+
/* #statement {border:solid 4px #8c141b; background:#f6efd8; box-shadow:0 0 8px 2px rgba(0, 0, 0, 0.5); width:300px; height:180px; position:relative; left:40px; top:40px; padding:8px 15px 14px 15px;} */
87+
/* #statement {background:url('../images/layout/bkg_textbox.png'); background-repeat:no-repeat; width:244px; height:165px; position:relative; left:68px; top:58px; padding:8px 15px 14px 15px;} */
88+
89+
#more_content{display:block; float: left; width:100%;}
90+
91+
#more_content #info {width:311px; height:inherit; display:block; float: left;}
92+
#more_content #info #info_title { height:82px; background-image:url('../images/layout/header_info.png'); }
93+
#more_content #info_content { width:271px; height:100%; padding:5px 20px 10px 20px; }
94+
95+
#more_content #latest {width:313px; height:inherit; display:block; float: left;}
96+
#more_content #latest #latest_title { height:82px; background-image:url('../images/layout/header_news.png') }
97+
#more_content #latest_content { width:273px; height:100%; padding:5px 20px 10px 20px }
98+
99+
#more_content #tweet {width:312px; height:inherit; display:block; float: left;}
100+
#more_content #tweet #tweet_title { height:82px; background-image:url('../images/layout/header_follow.png') }
101+
#more_content #tweet_content { width:272px; height:100%; padding:5px 20px 10px 20px }
102+
103+
#slim_divider { display:block; float: left; width:2px; height:100%; background-color:#fff }
104+
#horizontal_slim_divider { display:block; float: left; width:100%; height:2px; background-color:#fff }
105+
106+
.twitter-timeline { width:270px; }
107+
108+
/* SLIDESHOW --------------------------------*/
109+
110+
#slideshow_container{ background:url('../images/layout/bkg_slideshow.png'); background-repeat:no-repeat; width:512px; height:422px; position:relative; left:392px; top:-378px; }
111+
#slideshow_title{ width:512px; height:54px; display:block; line-height:2.9em }
112+
#slideshow_images { width: 492px; height: 314px; background-repeat: no-repeat; background:url('../images/slideshow/image2.png') }
113+
#slideshow_links{ width:512px; height:54px; display:block;}
114+
115+
.slideshow_clear{ width:492px; height:314px; padding: 0px 10px 0px 10px; display:block; }
116+
.slideshow_opaque{ width:468px; height:308px; margin: 0px 12px 0px 12px; padding: 3px 10px 3px 10px; text-align:left; background:#fff; display:block; }
117+
118+
#about_code_content { text-indent:20px; }
119+
#about_code_content, #cite_us_content { font-size:16px; line-height:20px; }
120+
121+
122+
123+
/* NEWS POSTS --------------------------------*/
124+
125+
.post { margin:0; }
126+
.post_date { width:100%; color:#c60; margin-bottom:-0.05em }
127+
.post_title { color: 565245; margin:0; padding:0; margin-bottom:-0.05em; border-bottom:none}
128+
.post_credit { margin-bottom:20px;}
129+
.post_body { border-left: 2px solid #565245; padding:0px 7px 7px 7px; margin: 0px 0px 20px 1px; }
130+
.post_article p { text-indent:0px; margin-bottom:1em}
131+
.post_article ul { text-indent:0; }
132+
.post img { padding:4px; border:1px solid #ddd; margin:4px 0 4px 0; }
133+
.post_more { margin-left:0px; }
134+
.post_footer { height:10px; width=100%; border-bottom:solid 1px #565347; margin-bottom:10px; }
135+
.post_extra { font-size:1.2em; margin-top:20px }
136+
137+
138+
/* BIOS --------------------------------*/
139+
140+
.bio_body { width:100%; border-top:solid 1px #ddd; padding-top:15px; margin-top:15px; }
141+
.bio_img { float:left; display:block; margin-right:20px; }
142+
.bio_img img {width="105" height="126.75"}
143+
.bio_body h4 {font-size:24px; border-bottom:none}
144+
145+
.company_logo { width:33%; height:80px; display:block; float:left; text-align:center; }
146+
147+
148+
/* TRAINING --------------------------------*/
149+
150+
.training_body { width:100%; border-bottom:solid 1px #ddd; padding-bottom:15px; margin-top:15px; }
151+
.training_body h4 {font-size:24px; border-bottom:none}
152+

‎css/css_reset.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
/*
2+
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
3+
Code licensed under the BSD License:
4+
http://developer.yahoo.com/yui/license.html
5+
version: 3.3.0
6+
build: 3167
7+
*/
8+
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;}

‎css/layout.css‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
/****************************************************************************************
2+
Layout Stylesheet: defines general widths, margins, floats, a classes, and other display attributes
3+
****************************************************************************************/
4+
5+
* {margin: 0; padding: 0;}
6+
html, body { height: 100%; }
7+
body { font: 18px 'Source Sans Pro',Arial,Helvetica,sans-serif; background-color: #fff; color: #585754;}
8+
9+
#layout {background: url(../images/layout/bkg_body.jpg) repeat-x left top;}
10+
11+
#wrapper { width: 960px; min-height: 100%; margin: 0 auto; padding: 0; }
12+
.wrap { width: 960px; margin: 0 auto; }
13+
14+
#header { width: 960px; height: 60px; margin: 0 auto; padding: 0; }
15+
#header a { border: none; }
16+
#header #home_logo {float: left; width:700px; height:60px; padding: 15px 0px 15px 0px;}
17+
18+
#container { width: 960px; margin: 0; padding: 0;}
19+
#content { margin: 0; position: top left; display: block; overflow:hidden;}
20+
#main_content { display:block; float: left; width:940px; height:100%; margin: 0; padding: 0; }
21+
22+
#main_column { display:block; float: left; width:700px; padding: 15px 20px 15px 15px; border-left: solid #4D4F53 2px; border-right: solid #4D4F53 2px; }
23+
#main_column ul { padding-left:25px; }
24+
#main_column li { list-style-type:square }
25+
/* #main_column img { padding:4px; border:1px solid #ddd; margin:4px 0 4px 0; } */
26+
#side_column { display:block; float: left; width:199px; border-right: solid #4D4F53 2px; background:#fff; padding-bottom:10000px; margin-bottom:-10000px;}
27+
#side_column_bkg { display:block; float: left; width:100%; background:url('../images/layout/bkg_sidecolumn.png') no-repeat; padding-bottom:10000px; margin-bottom:-10000px;}
28+
29+
#full_column { display:block; float: left; width:901px; padding: 15px 20px 15px 15px; border-left: solid #4D4F53 2px; border-right: solid #4D4F53 2px;}
30+
#full_column ul { padding-left:25px; }
31+
#full_column li { list-style-type:square }
32+
33+
a { text-decoration: none; color: #565347; border-bottom: 1px dotted #81785a;}
34+
a:focus { outline: 1px #8a887d dotted; }
35+
a:hover { color: #820000; border-bottom: 1px dotted #81785a;}
36+
hr { background:#eae9e6; border:0; clear:both; height:1px; }
37+
img {border: none; }
38+
39+
.framed_img { padding:4px; border:1px solid #ddd; margin:4px 0 4px 0; }
40+
.content_clear {clear: both; background: #fff;}
41+
42+
/**********************************
43+
Headers
44+
************************************/
45+
h1 { font-size:47px; font-family: 'Crimson Text', "Times New Roman", Times, serif; color: #565245; font-weight: 400 }
46+
h2 { font-size:28px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: 400; }
47+
h3 { font-size:16px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-weight: 400; }
48+
h4 { font-size:28px; font-family: 'Crimson Text', "Times New Roman", Times, serif; color: #565245; font-weight: 400; border-bottom:solid 1px #565245; }
49+
h5 { font-size:20px; font-family: 'Crimson Text', "Times New Roman", Times, serif; color: #565245; font-weight: 400 }
50+
h6 { font-size:18px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-weight: 400; }
51+
52+
/**********************************
53+
Block-level
54+
***********************************/
55+
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom:5px }
56+
p,li,dl { color: #565347;}
57+
dd{ padding-left: 15px; padding-bottom:0.7em }
58+
ul li { color: #565347; }
59+
sup {line-height:100%; font-size: 50%;}
60+
table, td, th { border:1px solid black; text-align: center }
61+
td { padding:4px; }
62+
63+
/*********************************
64+
Footer
65+
**********************************/
66+
#footer { position: relative; width: auto; min-width: 960px; height: 120px; background: #8C1515; box-shadow:inset 0 4px 8px -2px rgba(0, 0, 0, 0.2); clear: both;}
67+
#footer .wrap { padding:12px 0 10px 0; }
68+
#footer_logo { float: left; width: 125px; margin: 0px 15px 0 25px;}
69+
#footer_logo a {border-bottom: none;}
70+
#footer_content { float: left; width: 760px; margin-top: 20px; }
71+
#footer_content p { color: #e3dfd5; font-size:15px;}
72+
#footer_content li {display: inline; padding: 0 19px 0 0;}
73+
#footer_content li a { font-size: 15px; color:#e3dfd5; border-bottom: none; }
74+
#footer_content li a:hover { color:#fff; border-bottom: 1px dotted #fff;}
75+
76+
#copyright { line-height: 1.85em }
77+
#copyright a { margin: 0; border-bottom: 1px dotted #e3dfd5; color:#e3dfd5; }
78+
#copyright a:hover { color:#fff; border-bottom: 1px dotted #fff;}
79+
80+
81+

0 commit comments

Comments
 (0)