Mercurial > agora-palash

annotate static/css/agora.less @ 107:2bca07be6e51

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add login popup box So you can log in and immediately be redirected to the same page. Sort of like what reddit has. If Javascript is disabled, the user is simply taken to the standard login page.
author dellsystem <ilostwaldo@gmail.com>
date Tue, 11 Sep 2012 20:23:51 -0400
parents 2602f54c018d
children 0fd8fb20033e
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;
102
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
149 padding-bottom: 5px;
80
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
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
152 #info-box {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
153 margin-top: 20px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
154 clear: both;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
155 h2 {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
156 font-weight: normal;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
157 font-size: 1.9em;
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
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
161 #content {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
162 .wrap;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
163 padding-bottom: 30px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
164 color: @darkerGrey;
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
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
167 #footer {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
168 .wrap;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
169 .center-align;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
170 padding: 15px 0;
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
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
173 h1, h2, h3, h4, h5, h6 {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
174 padding: 10px 0;
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
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
177 h1 {
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
178 font-size: 2.1em;
80
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
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
181 h2 {
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
182 font-size: 1.7em;
80
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
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
185 p {
105
2602f54c018d Adjust <p> padding
dellsystem <ilostwaldo@gmail.com>
parents: 102
diff changeset
186 padding-bottom: 5px;
80
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
187 }
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
188
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
189 .snippetform {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
190 input[type=text], textarea {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
191 width: @nonSidebarWidth - @inputPadding * 2 - 2;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
192 padding: 5px;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
193 margin: 10px 0;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
194 outline: none;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
195 border: 1px solid @mediumGrey;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
196 .border-radius(3px);
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
197 line-height: 20px;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
198
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
199 &:focus {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
200 border-color: @lightBlue;
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
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
205 #sidebar {
102
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
206 margin-top: 10px;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
207 width: @sidebarWidth - @sidebarPadding * 2 - 2;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
208 border: 1px solid @lightGrey;
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
209 padding: @sidebarPadding;
102
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
210 background: @offWhite;
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
211 .inline-block;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
212 }
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
213
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
214 #non-sidebar {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
215 .inline-block;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
216 width: @nonSidebarWidth;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
217 padding-right: @sidebarLeftSpace;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
218 vertical-align: top;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
219 }
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
220
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
221 .hint {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
222 border: 1px solid @lightBlue;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
223 background: lighten(@mediumBlue, 40%);
102
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
224 padding: 10px;
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
225 margin-bottom: 10px;
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
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
228 hr {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
229 border: 0;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
230 border-top: 1px solid @mediumGrey;
102
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
231 margin: 5px 0;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
232 }
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
233
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
234 .tree {
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
235 ul {
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
236 list-style-type: none;
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
237 }
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
238 }
102
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
239
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
240 #diff {
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
241 .hidden;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
242 border: 1px solid @lightGrey;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
243 padding: 10px;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
244 background: @offWhite;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
245
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
246 .gi {
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
247 background: #DFD;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
248 }
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
249
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
250 .gu {
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
251 color: @mediumGrey;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
252 }
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
253
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
254 .gd {
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
255 background: #FDD;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
256 }
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
257 }
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
258
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
259 table &.default {
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
260 width: 100%;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
261 border: 1px solid @lightGrey;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
262
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
263 thead th {
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
264 padding: 5px 0;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
265 border-bottom: 1px solid @lightGrey;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
266 }
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
267 }
107
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
268
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
269 ul {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
270 padding: 5px 0;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
271 margin-left: 20px;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
272 }
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
273
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
274 #login-popup {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
275 position: fixed;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
276 top: 0;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
277 left: 0;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
278 right: 0;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
279 bottom: 0;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
280 background: rgba(0, 0, 0, 0.3);
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
281 z-index: 200;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
282 }
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
283
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
284 #login-form {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
285 @width: 600px;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
286 @height: 300px;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
287 @verticalPadding: 20px;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
288
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
289 .box-shadow(0 0 5px 1px rgba(0, 0, 0, 0.3));
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
290 width: @width;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
291 height: @height - (@verticalPadding * 2);
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
292 position: absolute;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
293 top: 50%;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
294 left: 50%;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
295 margin-left: -@width / 2;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
296 margin-top: -@height / 2;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
297 background: @white;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
298 .border-radius(5px);
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
299 padding: @verticalPadding 30px;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
300 }
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
301
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
302 .errors {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
303 padding-top: 5px;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
304 padding-left: 5px;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
305 background: @lightOrange;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
306 margin-bottom: 10px;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
307 border: 1px solid @orange;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
308 .border-radius(5px);
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
309 }
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
310
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
311 form {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
312 .form-line {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
313 label {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
314 float: left;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
315 text-align: right;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
316 }
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
317 }
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
318
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
319 .form-input {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
320 margin-left: 180px;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
321 }
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
322
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
323 .errors {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
324 clear: both;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
325 }
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
326 }