Mercurial > agora-palash
annotate static/css/agora.less @ 140:3c4dc3b15f3b
Fix height of login-popup box
The submit buttons were popping out of the box.
author | dellsystem <ilostwaldo@gmail.com> |
---|---|
date | Sat, 06 Oct 2012 01:03:14 -0400 |
parents | d6f65888e0f3 |
children | ee999b9f33f5 |
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 |
122
4ca1b54f07f3
Use IDs instead of classes for the header icons
dellsystem <ilostwaldo@gmail.com>
parents:
110
diff
changeset
|
78 #code-icon { |
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 |
122
4ca1b54f07f3
Use IDs instead of classes for the header icons
dellsystem <ilostwaldo@gmail.com>
parents:
110
diff
changeset
|
82 #discuss-icon { |
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 |
122
4ca1b54f07f3
Use IDs instead of classes for the header icons
dellsystem <ilostwaldo@gmail.com>
parents:
110
diff
changeset
|
86 #help-icon { |
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 |
122
4ca1b54f07f3
Use IDs instead of classes for the header icons
dellsystem <ilostwaldo@gmail.com>
parents:
110
diff
changeset
|
90 #about-icon { |
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 | 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; |
131
d6f65888e0f3
Add text-wrapping for snippet diffs
dellsystem <ilostwaldo@gmail.com>
parents:
130
diff
changeset
|
245 .code { |
d6f65888e0f3
Add text-wrapping for snippet diffs
dellsystem <ilostwaldo@gmail.com>
parents:
130
diff
changeset
|
246 white-space: pre-wrap; |
d6f65888e0f3
Add text-wrapping for snippet diffs
dellsystem <ilostwaldo@gmail.com>
parents:
130
diff
changeset
|
247 } |
102
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 .gi { |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
250 background: #DFD; |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
251 } |
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 .gu { |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
254 color: @mediumGrey; |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
255 } |
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 .gd { |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
258 background: #FDD; |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
259 } |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
260 } |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
261 |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
262 table &.default { |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
263 width: 100%; |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
264 border: 1px solid @lightGrey; |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
265 |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
266 thead th { |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
267 padding: 5px 0; |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
268 border-bottom: 1px solid @lightGrey; |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
269 } |
f872c643b056
Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents:
87
diff
changeset
|
270 } |
107 | 271 |
272 ul { | |
273 padding: 5px 0; | |
274 margin-left: 20px; | |
275 } | |
276 | |
277 #login-popup { | |
278 position: fixed; | |
279 top: 0; | |
280 left: 0; | |
281 right: 0; | |
282 bottom: 0; | |
283 background: rgba(0, 0, 0, 0.3); | |
284 z-index: 200; | |
285 } | |
286 | |
287 #login-form { | |
288 @width: 600px; | |
140
3c4dc3b15f3b
Fix height of login-popup box
dellsystem <ilostwaldo@gmail.com>
parents:
131
diff
changeset
|
289 @height: 360px; |
107 | 290 @verticalPadding: 20px; |
291 | |
292 .box-shadow(0 0 5px 1px rgba(0, 0, 0, 0.3)); | |
293 width: @width; | |
294 height: @height - (@verticalPadding * 2); | |
295 position: absolute; | |
296 top: 50%; | |
297 left: 50%; | |
298 margin-left: -@width / 2; | |
299 margin-top: -@height / 2; | |
300 background: @white; | |
301 .border-radius(5px); | |
302 padding: @verticalPadding 30px; | |
303 } | |
304 | |
305 .errors { | |
306 padding-top: 5px; | |
307 padding-left: 5px; | |
308 background: @lightOrange; | |
309 margin-bottom: 10px; | |
310 border: 1px solid @orange; | |
311 .border-radius(5px); | |
312 } | |
313 | |
314 form { | |
315 .form-line { | |
316 label { | |
317 float: left; | |
318 text-align: right; | |
130
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
319 padding-right: 20px; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
320 padding-top: 10px; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
321 font-weight: bold; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
322 width: 180px; |
107 | 323 } |
324 } | |
325 | |
326 .form-input { | |
130
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
327 margin-left: 200px; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
328 padding: 5px 0; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
329 input[type=text] { |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
330 width: @fieldWidth; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
331 height: 20px; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
332 } |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
333 textarea { |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
334 width: @fieldWidth; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
335 } |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
336 p { |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
337 padding-top: 10px; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
338 padding-bottom: 0; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
339 } |
107 | 340 } |
341 | |
342 .errors { | |
343 clear: both; | |
344 } | |
345 } | |
110
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
346 |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
347 dl { |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
348 dt { |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
349 float: left; |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
350 clear: left; |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
351 font-weight: bold; |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
352 padding-right: 5px; |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
353 } |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
354 |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
355 dd { |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
356 margin-left: 200px; |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
357 } |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
358 } |