zenweb-template 1.0.0.b1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data.tar.gz.sig +1 -0
- data/History.txt +6 -0
- data/Manifest.txt +35 -0
- data/README.txt +52 -0
- data/Rakefile +16 -0
- data/website/.isolate.rb +5 -0
- data/website/Rakefile +32 -0
- data/website/_config.yml +15 -0
- data/website/_includes/analytics.html.erb +13 -0
- data/website/_includes/header.html.erb +3 -0
- data/website/_layouts/page.erb +68 -0
- data/website/_layouts/post.erb +12 -0
- data/website/_layouts/project.erb +41 -0
- data/website/atom.xml.erb +40 -0
- data/website/blog/2012-01-02-page1.html.md +57 -0
- data/website/blog/2012-01-03-page2.html.md +57 -0
- data/website/blog/2012-01-04-page3.html.md +57 -0
- data/website/blog/_config.yml +1 -0
- data/website/blog/index.html.erb +19 -0
- data/website/css/base.css +343 -0
- data/website/css/layout.css +64 -0
- data/website/css/site.css +95 -0
- data/website/css/skeleton.css +321 -0
- data/website/css/syntax.css.erb +139 -0
- data/website/index.html.md.erb +19 -0
- data/website/js/jquery-1.7.1.min.js +4 -0
- data/website/js/site.js +37 -0
- data/website/js/tabs.js +29 -0
- data/website/pages/_config.yml +1 -0
- data/website/pages/index.html.erb +16 -0
- data/website/pages/nonblogpage.html.md +60 -0
- data/website/projects/_config.yml +1 -0
- data/website/projects/index.html.erb +18 -0
- data/website/projects/myproject.html.md.erb +68 -0
- data/website/robots.txt +5 -0
- data/website/sitemap.xml.erb +24 -0
- metadata +191 -0
- metadata.gz.sig +0 -0
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Example Page 3
|
|
3
|
+
...
|
|
4
|
+
|
|
5
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quam diam,
|
|
6
|
+
commodo interdum ullamcorper at, condimentum vitae erat. Nam dignissim
|
|
7
|
+
ultricies risus sed dictum. Donec sit amet euismod velit. Donec
|
|
8
|
+
ullamcorper posuere risus at mollis. Aliquam quis tincidunt purus.
|
|
9
|
+
Donec id neque ullamcorper eros suscipit molestie. Integer quam erat,
|
|
10
|
+
eleifend viverra pellentesque vitae, porta elementum erat. Maecenas
|
|
11
|
+
fermentum tempor aliquam. In congue nulla vitae orci viverra sodales.
|
|
12
|
+
In hac habitasse platea dictumst. Phasellus vel elit est. Donec
|
|
13
|
+
rhoncus est at risus imperdiet feugiat. Donec vitae pellentesque
|
|
14
|
+
risus.
|
|
15
|
+
|
|
16
|
+
Donec nec diam erat, non elementum dolor. Ut convallis sagittis purus
|
|
17
|
+
et lobortis. Nam tempor ligula a mauris pharetra pharetra. Proin
|
|
18
|
+
molestie convallis venenatis. Nunc sollicitudin justo in metus
|
|
19
|
+
convallis dapibus. Proin nibh sapien, lobortis ac interdum quis,
|
|
20
|
+
condimentum quis risus. Pellentesque in sodales velit. In dapibus
|
|
21
|
+
semper condimentum. Pellentesque urna arcu, vehicula id semper in,
|
|
22
|
+
bibendum vitae purus. Vivamus a posuere sapien. Integer vehicula
|
|
23
|
+
ullamcorper dolor facilisis sollicitudin. Donec a congue arcu.
|
|
24
|
+
Phasellus egestas lectus in massa bibendum in convallis enim dictum.
|
|
25
|
+
Mauris imperdiet aliquet fringilla.
|
|
26
|
+
|
|
27
|
+
Nunc consequat gravida est in rhoncus. Praesent in lectus convallis
|
|
28
|
+
enim hendrerit euismod sit amet id sem. Vestibulum ante ipsum primis
|
|
29
|
+
in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc
|
|
30
|
+
consectetur pulvinar dolor, eget ornare ligula viverra in. Mauris
|
|
31
|
+
gravida, odio quis consequat imperdiet, velit eros imperdiet turpis,
|
|
32
|
+
sit amet vehicula felis purus a lacus. Fusce pharetra suscipit
|
|
33
|
+
vestibulum. Pellentesque et elit orci. Phasellus dapibus est quis ante
|
|
34
|
+
aliquam a aliquam erat lacinia. Vestibulum faucibus purus quis lectus
|
|
35
|
+
fringilla porttitor ac sed eros. Cras molestie lacinia diam, eu
|
|
36
|
+
fermentum mi interdum in. Aenean facilisis scelerisque velit eget
|
|
37
|
+
suscipit. Suspendisse sed ligula nulla, ac dictum nulla. Maecenas
|
|
38
|
+
tincidunt augue tincidunt quam fermentum ut scelerisque dolor
|
|
39
|
+
faucibus.
|
|
40
|
+
|
|
41
|
+
Pellentesque condimentum molestie lectus eu lacinia. Maecenas leo
|
|
42
|
+
tortor, tristique sed sagittis posuere, molestie nec massa. Phasellus
|
|
43
|
+
dignissim tellus sit amet mauris congue sodales. Pellentesque eros
|
|
44
|
+
augue, malesuada vitae facilisis a, dapibus convallis quam. Cras quis
|
|
45
|
+
ultrices turpis. Aenean vulputate mollis nibh, sit amet luctus nisl
|
|
46
|
+
dictum eu. Mauris pulvinar erat eu ligula sollicitudin non venenatis
|
|
47
|
+
ligula convallis. Mauris ultrices varius urna, sed feugiat massa
|
|
48
|
+
mollis posuere. Cras ultrices diam a magna vestibulum tincidunt.
|
|
49
|
+
|
|
50
|
+
Pellentesque venenatis lacinia lorem ac tempus. In vel ante nisl, non
|
|
51
|
+
ullamcorper nibh. Sed gravida scelerisque ante sit amet venenatis.
|
|
52
|
+
Aliquam luctus mattis nisl, vitae scelerisque massa molestie sed.
|
|
53
|
+
Vivamus a urna at quam egestas varius eget ac arcu. Sed tellus est,
|
|
54
|
+
suscipit sit amet tincidunt suscipit, pulvinar in enim. Duis ornare
|
|
55
|
+
tristique dolor, eu facilisis est congue ut. Nunc tincidunt tincidunt
|
|
56
|
+
felis, quis accumsan purus pretium a. Aliquam eu dolor justo, id
|
|
57
|
+
dictum mauris. Etiam vel erat ligula.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
layout: post
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Example Blog
|
|
3
|
+
layout: page
|
|
4
|
+
...
|
|
5
|
+
|
|
6
|
+
<h1 class="section top">Blog Archive</h1>
|
|
7
|
+
|
|
8
|
+
{% for page in site.categories.blog %}
|
|
9
|
+
<div class="post">
|
|
10
|
+
<h1 class="title">
|
|
11
|
+
<a href="{{ page.url }}">{{ page.title }}</a>
|
|
12
|
+
</h1>
|
|
13
|
+
<h3 class="date">{{ page.date.datetime }}</h3>
|
|
14
|
+
|
|
15
|
+
{% if page.config["excerpt"] %} <p>{{ markdown page.excerpt }}</p> {% end %}
|
|
16
|
+
|
|
17
|
+
<a class="readmore" href="{{ page.url }}">read more »</a>
|
|
18
|
+
</div>
|
|
19
|
+
{% end %}
|
|
@@ -0,0 +1,343 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Skeleton V1.0.2
|
|
3
|
+
* Copyright 2011, Dave Gamache
|
|
4
|
+
* www.getskeleton.com
|
|
5
|
+
* Free to use under the MIT license.
|
|
6
|
+
* http://www.opensource.org/licenses/mit-license.php
|
|
7
|
+
* 5/20/2011
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
/* Table of Content
|
|
12
|
+
==================================================
|
|
13
|
+
#Reset & Basics
|
|
14
|
+
#Basic Styles
|
|
15
|
+
#Site Styles
|
|
16
|
+
#Typography
|
|
17
|
+
#Links
|
|
18
|
+
#Lists
|
|
19
|
+
#Images
|
|
20
|
+
#Buttons
|
|
21
|
+
#Tabs
|
|
22
|
+
#Forms
|
|
23
|
+
#Misc */
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
/* #Reset & Basics (Inspired by E. Meyers)
|
|
27
|
+
================================================== */
|
|
28
|
+
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 {
|
|
29
|
+
margin: 0;
|
|
30
|
+
padding: 0;
|
|
31
|
+
border: 0;
|
|
32
|
+
font-size: 100%;
|
|
33
|
+
font: inherit;
|
|
34
|
+
vertical-align: baseline; }
|
|
35
|
+
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
|
36
|
+
display: block; }
|
|
37
|
+
body {
|
|
38
|
+
line-height: 1; }
|
|
39
|
+
ol, ul {
|
|
40
|
+
list-style: none; }
|
|
41
|
+
blockquote, q {
|
|
42
|
+
quotes: none; }
|
|
43
|
+
blockquote:before, blockquote:after,
|
|
44
|
+
q:before, q:after {
|
|
45
|
+
content: '';
|
|
46
|
+
content: none; }
|
|
47
|
+
table {
|
|
48
|
+
border-collapse: collapse;
|
|
49
|
+
border-spacing: 0; }
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
/* #Basic Styles
|
|
53
|
+
================================================== */
|
|
54
|
+
body {
|
|
55
|
+
background: #fff;
|
|
56
|
+
font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
57
|
+
color: #444;
|
|
58
|
+
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
|
|
59
|
+
-webkit-text-size-adjust: none;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
/* #Typography
|
|
64
|
+
================================================== */
|
|
65
|
+
h1, h2, h3, h4, h5, h6 {
|
|
66
|
+
color: #181818;
|
|
67
|
+
font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
|
|
68
|
+
font-weight: normal; }
|
|
69
|
+
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
|
|
70
|
+
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
|
|
71
|
+
h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
|
|
72
|
+
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
|
|
73
|
+
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
|
|
74
|
+
h5 { font-size: 17px; line-height: 24px; }
|
|
75
|
+
h6 { font-size: 14px; line-height: 21px; }
|
|
76
|
+
.subheader { color: #777; }
|
|
77
|
+
|
|
78
|
+
p { margin: 0 0 20px 0; }
|
|
79
|
+
p img { margin: 0; }
|
|
80
|
+
p.lead { font-size: 21px; line-height: 27px; color: #777; }
|
|
81
|
+
|
|
82
|
+
em { font-style: italic; }
|
|
83
|
+
strong { font-weight: bold; color: #333; }
|
|
84
|
+
small { font-size: 80%; }
|
|
85
|
+
|
|
86
|
+
/* Blockquotes */
|
|
87
|
+
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
|
|
88
|
+
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
|
|
89
|
+
blockquote cite { display: block; font-size: 12px; color: #555; }
|
|
90
|
+
blockquote cite:before { content: "\2014 \0020"; }
|
|
91
|
+
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
|
|
92
|
+
|
|
93
|
+
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
/* #Links
|
|
97
|
+
================================================== */
|
|
98
|
+
a, a:visited { color: #333; text-decoration: underline; outline: 0; }
|
|
99
|
+
a:hover, a:focus { color: #000; }
|
|
100
|
+
p a, p a:visited { line-height: inherit; }
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
/* #Lists
|
|
104
|
+
================================================== */
|
|
105
|
+
ul, ol { margin-bottom: 20px; }
|
|
106
|
+
ul { list-style: none outside; }
|
|
107
|
+
ol { list-style: decimal; }
|
|
108
|
+
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
|
|
109
|
+
ul.square { list-style: square outside; }
|
|
110
|
+
ul.circle { list-style: circle outside; }
|
|
111
|
+
ul.disc { list-style: disc outside; }
|
|
112
|
+
ul ul, ul ol,
|
|
113
|
+
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; }
|
|
114
|
+
ul ul li, ul ol li,
|
|
115
|
+
ol ol li, ol ul li { margin-bottom: 6px; }
|
|
116
|
+
li { line-height: 18px; margin-bottom: 12px; }
|
|
117
|
+
ul.large li { line-height: 21px; }
|
|
118
|
+
li p { line-height: 21px; }
|
|
119
|
+
|
|
120
|
+
/* #Images
|
|
121
|
+
================================================== */
|
|
122
|
+
/*
|
|
123
|
+
The purpose of the below declaration is to make sure images don't
|
|
124
|
+
exceed the width of columns they are put into when resizing window.
|
|
125
|
+
Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
|
|
126
|
+
so the best solution is to individually call these properties on images that
|
|
127
|
+
are children of the grid that you want to resize with grid.
|
|
128
|
+
|
|
129
|
+
img {
|
|
130
|
+
max-width: 100%;
|
|
131
|
+
height: auto; }
|
|
132
|
+
|
|
133
|
+
*/
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
/* #Buttons
|
|
137
|
+
================================================== */
|
|
138
|
+
|
|
139
|
+
a.button,
|
|
140
|
+
button,
|
|
141
|
+
input[type="submit"],
|
|
142
|
+
input[type="reset"],
|
|
143
|
+
input[type="button"] {
|
|
144
|
+
background: #eee; /* Old browsers */
|
|
145
|
+
background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
|
|
146
|
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
|
|
147
|
+
background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
|
|
148
|
+
background: -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
|
|
149
|
+
background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
|
|
150
|
+
background: linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
|
|
151
|
+
border: 1px solid #aaa;
|
|
152
|
+
border-top: 1px solid #ccc;
|
|
153
|
+
border-left: 1px solid #ccc;
|
|
154
|
+
padding: 4px 12px;
|
|
155
|
+
-moz-border-radius: 3px;
|
|
156
|
+
-webkit-border-radius: 3px;
|
|
157
|
+
border-radius: 3px;
|
|
158
|
+
color: #444;
|
|
159
|
+
display: inline-block;
|
|
160
|
+
font-size: 11px;
|
|
161
|
+
font-weight: bold;
|
|
162
|
+
text-decoration: none;
|
|
163
|
+
text-shadow: 0 1px rgba(255, 255, 255, .75);
|
|
164
|
+
cursor: pointer;
|
|
165
|
+
margin-bottom: 20px;
|
|
166
|
+
line-height: 21px;
|
|
167
|
+
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
|
|
168
|
+
|
|
169
|
+
a.button:hover,
|
|
170
|
+
button:hover,
|
|
171
|
+
input[type="submit"]:hover,
|
|
172
|
+
input[type="reset"]:hover,
|
|
173
|
+
input[type="button"]:hover {
|
|
174
|
+
color: #222;
|
|
175
|
+
background: #eee; /* Old browsers */
|
|
176
|
+
background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
|
|
177
|
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
|
|
178
|
+
background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
|
|
179
|
+
background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
|
|
180
|
+
background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
|
|
181
|
+
background: linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
|
|
182
|
+
border: 1px solid #888;
|
|
183
|
+
border-top: 1px solid #aaa;
|
|
184
|
+
border-left: 1px solid #aaa; }
|
|
185
|
+
|
|
186
|
+
a.button:active,
|
|
187
|
+
button:active,
|
|
188
|
+
input[type="submit"]:active,
|
|
189
|
+
input[type="reset"]:active,
|
|
190
|
+
input[type="button"]:active {
|
|
191
|
+
background: #eee; /* Old browsers */
|
|
192
|
+
background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* FF3.6+ */
|
|
193
|
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,.3))); /* Chrome,Safari4+ */
|
|
194
|
+
background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Chrome10+,Safari5.1+ */
|
|
195
|
+
background: -o-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Opera11.10+ */
|
|
196
|
+
background: -ms-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* IE10+ */
|
|
197
|
+
background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* W3C */
|
|
198
|
+
border: 1px solid #888;
|
|
199
|
+
border-bottom: 1px solid #aaa;
|
|
200
|
+
border-right: 1px solid #aaa; }
|
|
201
|
+
|
|
202
|
+
.button.full-width,
|
|
203
|
+
button.full-width,
|
|
204
|
+
input[type="submit"].full-width,
|
|
205
|
+
input[type="reset"].full-width,
|
|
206
|
+
input[type="button"].full-width {
|
|
207
|
+
width: 100%;
|
|
208
|
+
padding-left: 0 !important;
|
|
209
|
+
padding-right: 0 !important;
|
|
210
|
+
text-align: center; }
|
|
211
|
+
|
|
212
|
+
|
|
213
|
+
/* #Tabs (activate in app.js)
|
|
214
|
+
================================================== */
|
|
215
|
+
ul.tabs {
|
|
216
|
+
display: block;
|
|
217
|
+
margin: 0 0 20px 0;
|
|
218
|
+
padding: 0;
|
|
219
|
+
border-bottom: solid 1px #ddd; }
|
|
220
|
+
ul.tabs li {
|
|
221
|
+
display: block;
|
|
222
|
+
width: auto;
|
|
223
|
+
height: 30px;
|
|
224
|
+
padding: 0;
|
|
225
|
+
float: left;
|
|
226
|
+
margin-bottom: 0; }
|
|
227
|
+
ul.tabs li a {
|
|
228
|
+
display: block;
|
|
229
|
+
text-decoration: none;
|
|
230
|
+
width: auto;
|
|
231
|
+
height: 29px;
|
|
232
|
+
padding: 0px 20px;
|
|
233
|
+
line-height: 30px;
|
|
234
|
+
border: solid 1px #ddd;
|
|
235
|
+
border-width: 1px 0 0 1px;
|
|
236
|
+
margin: 0;
|
|
237
|
+
background: #f5f5f5;
|
|
238
|
+
font-size: 13px; }
|
|
239
|
+
ul.tabs li a.active {
|
|
240
|
+
background: #fff;
|
|
241
|
+
height: 30px;
|
|
242
|
+
position: relative;
|
|
243
|
+
top: -4px;
|
|
244
|
+
padding-top: 4px;
|
|
245
|
+
border-right-width: 1px;
|
|
246
|
+
margin: 0 -1px 0 0;
|
|
247
|
+
color: #111;
|
|
248
|
+
-moz-border-radius-topleft: 2px;
|
|
249
|
+
-webkit-border-top-left-radius: 2px;
|
|
250
|
+
border-top-left-radius: 2px;
|
|
251
|
+
-moz-border-radius-topright: 2px;
|
|
252
|
+
-webkit-border-top-right-radius: 2px;
|
|
253
|
+
border-top-right-radius: 2px; }
|
|
254
|
+
ul.tabs li:first-child a {
|
|
255
|
+
-moz-border-radius-topleft: 2px;
|
|
256
|
+
-webkit-border-top-left-radius: 2px;
|
|
257
|
+
border-top-left-radius: 2px; }
|
|
258
|
+
ul.tabs li:last-child a {
|
|
259
|
+
border-width: 1px 1px 0 1px;
|
|
260
|
+
-moz-border-radius-topright: 2px;
|
|
261
|
+
-webkit-border-top-right-radius: 2px;
|
|
262
|
+
border-top-right-radius: 2px; }
|
|
263
|
+
|
|
264
|
+
ul.tabs-content { margin: 0; display: block; }
|
|
265
|
+
ul.tabs-content > li { display:none; }
|
|
266
|
+
ul.tabs-content > li.active { display: block; }
|
|
267
|
+
|
|
268
|
+
/* Clearfixing tabs for beautiful stacking */
|
|
269
|
+
ul.tabs:before,
|
|
270
|
+
ul.tabs:after {
|
|
271
|
+
content: '\0020';
|
|
272
|
+
display: block;
|
|
273
|
+
overflow: hidden;
|
|
274
|
+
visibility: hidden;
|
|
275
|
+
width: 0;
|
|
276
|
+
height: 0; }
|
|
277
|
+
ul.tabs:after {
|
|
278
|
+
clear: both; }
|
|
279
|
+
ul.tabs {
|
|
280
|
+
zoom: 1; }
|
|
281
|
+
|
|
282
|
+
|
|
283
|
+
/* #Forms
|
|
284
|
+
================================================== */
|
|
285
|
+
|
|
286
|
+
form {
|
|
287
|
+
margin-bottom: 20px; }
|
|
288
|
+
fieldset {
|
|
289
|
+
margin-bottom: 20px; }
|
|
290
|
+
input[type="text"],
|
|
291
|
+
input[type="password"],
|
|
292
|
+
input[type="email"],
|
|
293
|
+
textarea,
|
|
294
|
+
select {
|
|
295
|
+
border: 1px solid #ccc;
|
|
296
|
+
padding: 6px 4px;
|
|
297
|
+
outline: none;
|
|
298
|
+
-moz-border-radius: 2px;
|
|
299
|
+
-webkit-border-radius: 2px;
|
|
300
|
+
border-radius: 2px;
|
|
301
|
+
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
302
|
+
color: #777;
|
|
303
|
+
margin: 0;
|
|
304
|
+
width: 210px;
|
|
305
|
+
max-width: 100%;
|
|
306
|
+
display: block;
|
|
307
|
+
margin-bottom: 20px;
|
|
308
|
+
background: #fff; }
|
|
309
|
+
select {
|
|
310
|
+
padding: 0; }
|
|
311
|
+
input[type="text"]:focus,
|
|
312
|
+
input[type="password"]:focus,
|
|
313
|
+
input[type="email"]:focus,
|
|
314
|
+
textarea:focus {
|
|
315
|
+
border: 1px solid #aaa;
|
|
316
|
+
color: #444;
|
|
317
|
+
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
|
|
318
|
+
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
|
|
319
|
+
box-shadow: 0 0 3px rgba(0,0,0,.2); }
|
|
320
|
+
textarea {
|
|
321
|
+
min-height: 60px; }
|
|
322
|
+
label,
|
|
323
|
+
legend {
|
|
324
|
+
display: block;
|
|
325
|
+
font-weight: bold;
|
|
326
|
+
font-size: 13px; }
|
|
327
|
+
select {
|
|
328
|
+
width: 220px; }
|
|
329
|
+
input[type="checkbox"] {
|
|
330
|
+
display: inline; }
|
|
331
|
+
label span,
|
|
332
|
+
legend span {
|
|
333
|
+
font-weight: normal;
|
|
334
|
+
font-size: 13px;
|
|
335
|
+
color: #444; }
|
|
336
|
+
|
|
337
|
+
/* #Misc
|
|
338
|
+
================================================== */
|
|
339
|
+
.remove-bottom { margin-bottom: 0 !important; }
|
|
340
|
+
.half-bottom { margin-bottom: 10px !important; }
|
|
341
|
+
.add-bottom { margin-bottom: 20px !important; }
|
|
342
|
+
|
|
343
|
+
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Skeleton V1.0.2
|
|
3
|
+
* Copyright 2011, Dave Gamache
|
|
4
|
+
* www.getskeleton.com
|
|
5
|
+
* Free to use under the MIT license.
|
|
6
|
+
* http://www.opensource.org/licenses/mit-license.php
|
|
7
|
+
* 5/20/2011
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
/* Table of Content
|
|
11
|
+
==================================================
|
|
12
|
+
#Site Styles
|
|
13
|
+
#Page Styles
|
|
14
|
+
#Media Queries
|
|
15
|
+
#Font-Face */
|
|
16
|
+
|
|
17
|
+
/* #Site Styles
|
|
18
|
+
================================================== */
|
|
19
|
+
|
|
20
|
+
/* #Page Styles
|
|
21
|
+
================================================== */
|
|
22
|
+
|
|
23
|
+
/* #Media Queries
|
|
24
|
+
================================================== */
|
|
25
|
+
|
|
26
|
+
/* iPad Portrait/Browser */
|
|
27
|
+
@media only screen and (min-width: 768px) and (max-width: 991px) {}
|
|
28
|
+
|
|
29
|
+
/* Mobile/Browser */
|
|
30
|
+
@media only screen and (max-width: 767px) {}
|
|
31
|
+
|
|
32
|
+
/* Mobile Landscape/Browser */
|
|
33
|
+
@media only screen and (min-width: 480px) and (max-width: 767px) {}
|
|
34
|
+
|
|
35
|
+
/* Anything smaller than standard 960 */
|
|
36
|
+
@media only screen and (max-width: 959px) {}
|
|
37
|
+
|
|
38
|
+
/* iPad Portrait Only */
|
|
39
|
+
@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {}
|
|
40
|
+
|
|
41
|
+
/* Mobile Only */
|
|
42
|
+
@media only screen and (max-width: 767px) and (max-device-width: 1000px) {}
|
|
43
|
+
|
|
44
|
+
/* Mobile Landscape Only */
|
|
45
|
+
@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {}
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
/* #Font-Face
|
|
49
|
+
================================================== */
|
|
50
|
+
/* This is the proper syntax for an @font-face file
|
|
51
|
+
Just create a "fonts" folder at the root,
|
|
52
|
+
copy your FontName into code below and remove
|
|
53
|
+
comment brackets */
|
|
54
|
+
|
|
55
|
+
/* @font-face {
|
|
56
|
+
font-family: 'FontName';
|
|
57
|
+
src: url('../fonts/FontName.eot');
|
|
58
|
+
src: url('../fonts/FontName.eot?iefix') format('eot'),
|
|
59
|
+
url('../fonts/FontName.woff') format('woff'),
|
|
60
|
+
url('../fonts/FontName.ttf') format('truetype'),
|
|
61
|
+
url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
|
|
62
|
+
font-weight: normal;
|
|
63
|
+
font-style: normal; }
|
|
64
|
+
*/
|