Mercurial > agora-palash
annotate static/css/agora.less @ 130:5ab229c9d348
Add back ability to edit account settings
* Account/profile editing is now done with a ModelForm, instead of processing
the data manually. Help text and verbose names have been moved to the
Profile model and to the UserForm (in the latter case, it's because we
can't edit the User model directly).
* The profile page now shows pygments style information and sections of the
profile that are not filled are now hidden.
* Some parts of apps/profiles/views.py have been rewritten (the getprofile()
method has been removed, as it's no longer necessary, and the editprofile()
view was rewritten in accordance with the switch to using ModelForms).
* The styling for forms has been modified slightly.
author | dellsystem <ilostwaldo@gmail.com> |
---|---|
date | Sat, 22 Sep 2012 11:18:23 -0400 |
parents | 4ca1b54f07f3 |
children | d6f65888e0f3 |
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; |
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 | 268 |
269 ul { | |
270 padding: 5px 0; | |
271 margin-left: 20px; | |
272 } | |
273 | |
274 #login-popup { | |
275 position: fixed; | |
276 top: 0; | |
277 left: 0; | |
278 right: 0; | |
279 bottom: 0; | |
280 background: rgba(0, 0, 0, 0.3); | |
281 z-index: 200; | |
282 } | |
283 | |
284 #login-form { | |
285 @width: 600px; | |
286 @height: 300px; | |
287 @verticalPadding: 20px; | |
288 | |
289 .box-shadow(0 0 5px 1px rgba(0, 0, 0, 0.3)); | |
290 width: @width; | |
291 height: @height - (@verticalPadding * 2); | |
292 position: absolute; | |
293 top: 50%; | |
294 left: 50%; | |
295 margin-left: -@width / 2; | |
296 margin-top: -@height / 2; | |
297 background: @white; | |
298 .border-radius(5px); | |
299 padding: @verticalPadding 30px; | |
300 } | |
301 | |
302 .errors { | |
303 padding-top: 5px; | |
304 padding-left: 5px; | |
305 background: @lightOrange; | |
306 margin-bottom: 10px; | |
307 border: 1px solid @orange; | |
308 .border-radius(5px); | |
309 } | |
310 | |
311 form { | |
312 .form-line { | |
313 label { | |
314 float: left; | |
315 text-align: right; | |
130
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
316 padding-right: 20px; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
317 padding-top: 10px; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
318 font-weight: bold; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
319 width: 180px; |
107 | 320 } |
321 } | |
322 | |
323 .form-input { | |
130
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
324 margin-left: 200px; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
325 padding: 5px 0; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
326 input[type=text] { |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
327 width: @fieldWidth; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
328 height: 20px; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
329 } |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
330 textarea { |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
331 width: @fieldWidth; |
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 p { |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
334 padding-top: 10px; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
335 padding-bottom: 0; |
5ab229c9d348
Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents:
122
diff
changeset
|
336 } |
107 | 337 } |
338 | |
339 .errors { | |
340 clear: both; | |
341 } | |
342 } | |
110
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
343 |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
344 dl { |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
345 dt { |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
346 float: left; |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
347 clear: left; |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
348 font-weight: bold; |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
349 padding-right: 5px; |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
350 } |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
351 |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
352 dd { |
0fd8fb20033e
Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents:
107
diff
changeset
|
353 margin-left: 200px; |
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 } |