Mercurial > agora
annotate static/css/agora.less @ 131:d6f65888e0f3
Add text-wrapping for snippet diffs
Otherwise, if the line is too long, it will break out of the box and
may be partially hidden behind the sidebar and may go beyond the page.
author | dellsystem <ilostwaldo@gmail.com> |
---|---|
date | Sat, 22 Sep 2012 12:12:13 -0400 |
parents | 5ab229c9d348 |
children | 3c4dc3b15f3b |
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; | |
289 @height: 300px; | |
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 } |