Skip to content

Commit 2f6ee78

Browse files
author
ebaum
committed
integrate sass. finish header, topnav, and logo
1 parent ec27b1f commit 2f6ee78

File tree

8 files changed

+432
-36
lines changed

8 files changed

+432
-36
lines changed

‎.gitignore

+2-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,8 @@
44
logs/*
55
media/*
66
*.*#
7+
.sass-cache
78
.project
89
.pydevproject
910
.settings
10-
.tmp_*~
11+
.tmp_*~

‎static/css/full.css

+177
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,177 @@
1+
/* GENERAL */
2+
html {
3+
height: 100%; }
4+
5+
body {
6+
height: 100%;
7+
background-color: white;
8+
margin: 0;
9+
padding: 0;
10+
color: #333333;
11+
font-family: "Helvetica Neue", Arial, sans-serif;
12+
font-size: 16px; }
13+
14+
a {
15+
list-style: none;
16+
text-decoration: none; }
17+
18+
img {
19+
border: 0; }
20+
21+
table {
22+
border-collapse: collapse;
23+
border-spacing: 0;
24+
border: 0;
25+
font-size: inherit; }
26+
27+
td {
28+
margin: 0;
29+
border: 0;
30+
padding: 0; }
31+
32+
#wrapper {
33+
width: 960px;
34+
margin: 0 auto;
35+
padding: 0; }
36+
37+
#header {
38+
height: 120px; }
39+
#header #logo {
40+
float: left; }
41+
#header #logo img {
42+
margin: -5px 30px;
43+
height: 119px; }
44+
#header #topnav {
45+
float: right;
46+
margin-top: 30px; }
47+
#header #topnav ul li {
48+
list-style: none;
49+
display: inline; }
50+
#header #topnav ul li a {
51+
font-size: 22px;
52+
display: inline;
53+
padding: 5px;
54+
margin: 5px;
55+
color: #842637; }
56+
#header #topnav ul li a:visited {
57+
color: #733742; }
58+
#header #topnav ul li a:hover {
59+
color: white;
60+
background-color: #842637; }
61+
62+
#content {
63+
margin: 20px;
64+
min-height: 400px; }
65+
66+
#footer {
67+
color: #444444;
68+
padding: 0 0 40px 0; }
69+
#footer ul {
70+
float: left;
71+
margin: 15px 20px;
72+
max-width: 200px; }
73+
#footer ul li a {
74+
margin: 0px 10px;
75+
font-size: 15px; }
76+
#footer .header {
77+
color: #787878;
78+
font-weight: bold;
79+
font-size: 16px; }
80+
#footer #copyright {
81+
float: right;
82+
font-size: 14px;
83+
margin: 15px 30px; }
84+
85+
.hr {
86+
background: url("/static/img/dots.gif") repeat-x center;
87+
height: 5px; }
88+
89+
.dark-blue {
90+
color: #001d3f; }
91+
92+
ul.tabs {
93+
border: 1px solid #999999;
94+
height: 28px; }
95+
ul.tabs li {
96+
border: 2px solid;
97+
float: left; }
98+
ul.tabs li a {
99+
display: block;
100+
font-size: 19px;
101+
padding: 0 20px; }
102+
ul.tabs li a:hover {
103+
background: #cccccc; }
104+
105+
.login_container {
106+
border: 2px solid;
107+
width: 600px; }
108+
109+
.form_container {
110+
clear: both;
111+
border: 3px; }
112+
113+
.tab_content {
114+
padding: 20px;
115+
font-size: 16px; }
116+
117+
/* CLEARS */
118+
.clearboth {
119+
clear: both; }
120+
121+
.clearfix {
122+
min-height: 1%; }
123+
.clearfix:after {
124+
content: ".";
125+
display: block;
126+
height: 0;
127+
clear: both;
128+
visibility: hidden; }
129+
130+
/* FORMS */
131+
form th {
132+
text-align: left; }
133+
form.signup input[type="submit"], form.login input[type="submit"] {
134+
margin: 20px 0;
135+
font-size: 14pt; }
136+
137+
input[type="text"], input[type="password"] {
138+
padding: 3px;
139+
margin: 3px;
140+
border: solid 1px #c6c6c6;
141+
border-bottom: solid 1px #e3e3e3;
142+
color: #666666;
143+
font-size: 12pt;
144+
background: #f3f3f3 url("../img/form-shadow.png") left top repeat-x; }
145+
146+
textarea {
147+
padding: 3px;
148+
margin: 3px;
149+
border: solid 1px #c6c6c6;
150+
border-bottom: solid 1px #e3e3e3;
151+
color: #666666;
152+
font-size: 12pt;
153+
background: #f3f3f3 url("../img/form-shadow.png") left top repeat-x; }
154+
155+
/* FORM TOGGLE */
156+
.form-toggle p {
157+
margin-bottom: 2px; }
158+
.form-toggle p span {
159+
background: #ddeeff;
160+
padding: 3px 6px;
161+
border-top: 1px solid #99bbcc;
162+
border-left: 1px solid #99bbcc;
163+
border-right: 1px solid #99bbcc;
164+
cursor: pointer; }
165+
.form-toggle form {
166+
padding: 3px 6px;
167+
margin: 0;
168+
background: #ddeeff;
169+
border: 1px solid #99bbcc; }
170+
171+
/* EXTRAS TO CLEAN UP */
172+
.warning {
173+
color: red;
174+
font-weight: bold; }
175+
176+
account #div_id_email label {
177+
width: 50px; }

‎static/images/logo.png

14.9 KB
Loading

‎static/images/logo.psd

81 KB
Binary file not shown.

‎static/sass/_960.sass

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
// 960 css grid in sass
2+
3+
$col: 40px
4+
$pad: 20px
5+
$cols: 16
6+
7+
$full: (($col + $pad) * $cols) + $pad
8+
9+
//@for $i from 1 through $cols {
10+
$col#{$i}: ($col * #{$i}) + ($pad * #{$i} - 1) }
11+
12+
$col1: ($col * 1)
13+
$col2: ($col * 2) + $pad
14+
$col3: ($col * 3) + ($pad * 2)
15+
$col4: ($col * 4) + ($pad * 3)
16+
$col5: ($col * 5) + ($pad * 4)
17+
$col6: ($col * 6) + ($pad * 5)
18+
$col7: ($col * 7) + ($pad * 6)
19+
$col8: ($col * 8) + ($pad * 7)
20+
$col9: ($col * 9) + ($pad * 8)
21+
$col10: ($col * 10) + ($pad * 9)
22+
$col11: ($col * 11) + ($pad * 10)
23+
$col12: ($col * 12) + ($pad * 11)
24+
$col13: ($col * 13) + ($pad * 12)
25+
$col14: ($col * 14) + ($pad * 13)
26+
$col15: ($col * 15) + ($pad * 14)
27+
$col16: ($col * 16) + ($pad * 15)

‎static/sass/_palette.sass

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
$red: #95032b
2+
$dark_red: #842637
3+
4+
$gray: #494d4f
5+
6+
$light_blue: #def
7+
$dark_blue: #001d3f

0 commit comments

Comments
 (0)