Mercurial > hg > agora

annotate static/css/agora.less @ 87:e0348cfbdf48

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Update styling of snippets page Some other CSS changes too. Work-in-progress.
author dellsystem <ilostwaldo@gmail.com>
date Fri, 24 Aug 2012 23:45:48 -0400
parents 343d79b20dd5
children f872c643b056
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
80
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
1 * {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
2 margin: 0;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
3 padding: 0;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
4 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
5
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
6 a {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
7 color: @mediumBlue;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
8 text-decoration: none;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
9
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
10 &:hover {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
11 color: @darkBlue;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
12 text-decoration: underline;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
13 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
14 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
15
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
16 img {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
17 border: 0;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
18 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
19
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
20 body {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
21 font-family: "Helvetica Neue", "Helvetica LT Std", Helvetica, Arial, sans-serif;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
22 font-size: 13px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
23 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
24
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
25 #header {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
26 #gradient(@offWhite, @lighterGrey);
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
27 height: @headerHeight;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
28 line-height: @headerHeight;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
29 .box-shadow(0 5px 27px 0 rgba(77, 77, 77, 0.3));
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
30 position: relative;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
31 z-index: 100;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
32
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
33 .logo {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
34 display: inline-block;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
35 padding-top: 15px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
36 padding-left: 15px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
37 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
38
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
39 .nav {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
40 float: right;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
41 list-style-type: none;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
42 text-transform: lowercase;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
43
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
44 li {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
45 float: left;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
46
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
47 a {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
48 background-image: url('../img/header_icons.png');
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
49 background-repeat: no-repeat;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
50 display: block;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
51 margin: 20px 7px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
52 padding: 0 10px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
53 height: 47px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
54 color: @darkGrey;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
55 font-size: 1.1em;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
56
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
57 &:hover {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
58 text-decoration: none;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
59 color: @darkerGrey;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
60 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
61 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
62
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
63 &:last-child a {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
64 margin-right: 0;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
65 padding-right: 0;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
66 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
67 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
68
83
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
69 // Because Firefox/Opera don't do background-position-x/y
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
70 .header-icon(@xPosition) {
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
71 background-position: @xPosition 0px;
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
72
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
73 &:hover {
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
74 background-position: @xPosition @headerIconHoverY;
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
75 }
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
76 }
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
77
80
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
78 .code {
83
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
79 .header-icon(-62px);
80
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
80 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
81
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
82 .discuss {
83
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
83 .header-icon(-125px);
80
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
84 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
85
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
86 .help {
83
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
87 .header-icon(-209px);
80
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
88 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
89
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
90 .about {
83
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
91 .header-icon(12px);
80
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
92 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
93
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
94 .login {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
95 background-position-x: -267px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
96 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
97 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
98 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
99
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
100 #billboard {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
101 .grid {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
102 padding: 30px 0;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
103 background-image: url('../img/grid.png');
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
104 background-repeat: repeat;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
105 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
106
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
107 #gradient(@darkBlue, @mediumBlue);
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
108 h1 {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
109 color: @white;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
110 font-weight: normal;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
111 text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 0;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
112 font-size: 2.1em;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
113 padding: 0 100px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
114
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
115 a {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
116 color: @white;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
117 font-weight: bold;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
118 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
119 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
120 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
121
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
122 #login-box {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
123 margin: 0 auto;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
124 margin-top: 10px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
125 width: 300px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
126 height: 70px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
127 .border-radius(5px);
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
128 .box-shadow(0 0 7px rgba(0, 0, 0, 0.3));
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
129 #gradient(@white, @offWhite);
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
130 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
131
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
132 #billboard-below {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
133 height: 20px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
134 margin-bottom: 10px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
135 #gradient(@lighterGrey, @white);
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
136 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
137
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
138 #header-below {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
139 border-top: 1px solid @lightGrey;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
140 height: 30px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
141 position: relative;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
142 z-index: 101;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
143 background: @white;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
144 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
145
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
146 #breadcrumbs {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
147 border-bottom: 1px solid @lightGrey;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
148 margin-bottom: 10px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
149 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
150
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
151 #info-box {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
152 margin-top: 20px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
153 clear: both;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
154 h2 {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
155 font-weight: normal;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
156 font-size: 1.9em;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
157 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
158 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
159
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
160 #content {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
161 .wrap;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
162 padding-bottom: 30px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
163 color: @darkerGrey;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
164 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
165
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
166 #footer {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
167 .wrap;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
168 .center-align;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
169 padding: 15px 0;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
170 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
171
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
172 h1, h2, h3, h4, h5, h6 {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
173 padding: 10px 0;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
174 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
175
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
176 h1 {
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
177 font-size: 2.1em;
80
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
178 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
179
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
180 h2 {
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
181 font-size: 1.7em;
80
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
182 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
183
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
184 p {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
185 padding: 5px 0;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
186 }
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
187
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
188 .snippetform {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
189 input[type=text], textarea {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
190 width: @nonSidebarWidth - @inputPadding * 2 - 2;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
191 padding: 5px;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
192 margin: 10px 0;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
193 outline: none;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
194 border: 1px solid @mediumGrey;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
195 .border-radius(3px);
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
196 line-height: 20px;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
197
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
198 &:focus {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
199 border-color: @lightBlue;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
200 }
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
201 }
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
202 }
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
203
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
204 #sidebar {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
205 width: @sidebarWidth - @sidebarPadding * 2;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
206 padding: @sidebarPadding;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
207 min-height: 300px;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
208 background: @lighterGrey;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
209 .inline-block;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
210 }
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
211
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
212 #non-sidebar {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
213 .inline-block;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
214 width: @nonSidebarWidth;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
215 padding-right: @sidebarLeftSpace;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
216 vertical-align: top;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
217 }
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
218
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
219 .hint {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
220 border: 1px solid @lightBlue;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
221 background: lighten(@mediumBlue, 40%);
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
222 padding-left: 10px;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
223 margin-bottom: 10px;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
224 padding-top: 10px;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
225 }
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
226
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
227 hr {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
228 border: 0;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
229 border-top: 1px solid @mediumGrey;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
230 & + p {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
231 margin-top: 10px;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
232 }
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
233 }