annotate static/css/agora.less @ 151:c7be7def8b57

Bundles! (basic functionality) Changes made in this commit: * Added new dependencies (see pip-requirements) * Added new dependency and setup information to README * Deleted the included mptt app (in apps/mptt) in favour of just adding the dependency to pip-requirements (makes it easier to update, etc) * Changed the import convention to use `from apps.bundle.models import Bundle` rather than `from agora.apps.bundle.models import Bundle` because Celery was having problems with the latter style. Everything should still work. * Moved the syntax-highlighting and related code for snippets into separate HTML files so that they can be used by the bundle app And, of course, the ability to upload bundles. But wait! There's more! Changes still to come, for only $19.95 a month: * Bundle versioning * Automatic license integration (i.e. adding headers to files) * The ability to download bundles (zip, tar, etc) * Rating bundles * And much, much more! Batteries not included.
author dellsystem <ilostwaldo@gmail.com>
date Mon, 15 Oct 2012 00:52:00 -0400
parents 6573617409e2
children 10eebb5a1c68
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
80
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
1 * {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
2 margin: 0;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
3 padding: 0;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
4 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
5
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
6 a {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
7 color: @mediumBlue;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
8 text-decoration: none;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
9
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
10 &:hover {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
11 color: @darkBlue;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
12 text-decoration: underline;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
13 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
14 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
15
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
16 img {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
17 border: 0;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
18 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
19
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
20 body {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
21 font-family: "Helvetica Neue", "Helvetica LT Std", Helvetica, Arial, sans-serif;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
22 font-size: 13px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
23 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
24
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
25 #header {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
26 #gradient(@offWhite, @lighterGrey);
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
27 height: @headerHeight;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
28 line-height: @headerHeight;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
29 .box-shadow(0 5px 27px 0 rgba(77, 77, 77, 0.3));
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
30 position: relative;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
31 z-index: 100;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
32
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
33 .logo {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
34 display: inline-block;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
35 padding-top: 15px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
36 padding-left: 15px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
37 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
38
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
39 .nav {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
40 float: right;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
41 list-style-type: none;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
42 text-transform: lowercase;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
43
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
44 li {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
45 float: left;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
46
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
47 a {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
48 background-image: url('../img/header_icons.png');
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
49 background-repeat: no-repeat;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
50 display: block;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
51 margin: 20px 7px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
52 padding: 0 10px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
53 height: 47px;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
54 color: @darkGrey;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
55 font-size: 1.1em;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
56
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
57 &:hover {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
58 text-decoration: none;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
59 color: @darkerGrey;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
60 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
61 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
62
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
63 &:last-child a {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
64 margin-right: 0;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
65 padding-right: 0;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
66 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
67 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
68
83
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
69 // Because Firefox/Opera don't do background-position-x/y
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
70 .header-icon(@xPosition) {
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
71 background-position: @xPosition 0px;
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
72
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
73 &:hover {
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
74 background-position: @xPosition @headerIconHoverY;
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
75 }
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
76 }
343d79b20dd5 Fix header-icon positioning in Firefox/Opera
dellsystem <ilostwaldo@gmail.com>
parents: 80
diff changeset
77
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 {
151
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
168 clear: both;
80
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
169 .wrap;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
170 .center-align;
151
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
171 padding-top: 30px;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
172 padding-bottom: 10px;
80
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
173 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
174
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
175 h1, h2, h3, h4, h5, h6 {
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
176 padding: 10px 0;
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
177 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
178
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
179 h1 {
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
180 font-size: 2.1em;
80
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
181 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
182
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
183 h2 {
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
184 font-size: 1.7em;
80
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
185 }
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
186
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
187 p {
105
2602f54c018d Adjust <p> padding
dellsystem <ilostwaldo@gmail.com>
parents: 102
diff changeset
188 padding-bottom: 5px;
80
eaa36eaaf74a Start integration of new design
dellsystem <ilostwaldo@gmail.com>
parents:
diff changeset
189 }
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
190
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
191 .snippetform {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
192 input[type=text], textarea {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
193 width: @nonSidebarWidth - @inputPadding * 2 - 2;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
194 padding: 5px;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
195 margin: 10px 0;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
196 outline: none;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
197 border: 1px solid @mediumGrey;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
198 .border-radius(3px);
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
199 line-height: 20px;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
200
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
201 &:focus {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
202 border-color: @lightBlue;
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 }
151
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
205
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
206 #id_description {
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
207 height: 100px;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
208 }
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
209 }
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
210
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
211 #sidebar {
102
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
212 margin-top: 10px;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
213 width: @sidebarWidth - @sidebarPadding * 2 - 2;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
214 border: 1px solid @lightGrey;
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
215 padding: @sidebarPadding;
102
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
216 background: @offWhite;
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
217 .inline-block;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
218 }
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
219
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
220 #non-sidebar {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
221 .inline-block;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
222 width: @nonSidebarWidth;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
223 padding-right: @sidebarLeftSpace;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
224 vertical-align: top;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
225 }
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
226
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
227 .hint {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
228 border: 1px solid @lightBlue;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
229 background: lighten(@mediumBlue, 40%);
102
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
230 padding: 10px;
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
231 margin-bottom: 10px;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
232 }
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
233
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
234 hr {
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
235 border: 0;
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
236 border-top: 1px solid @mediumGrey;
102
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
237 margin: 5px 0;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
238 }
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
239
145
ee999b9f33f5 Add horizontal scrollbar to snippet history box
dellsystem <ilostwaldo@gmail.com>
parents: 140
diff changeset
240 #snippet-history {
ee999b9f33f5 Add horizontal scrollbar to snippet history box
dellsystem <ilostwaldo@gmail.com>
parents: 140
diff changeset
241 overflow-x: auto;
ee999b9f33f5 Add horizontal scrollbar to snippet history box
dellsystem <ilostwaldo@gmail.com>
parents: 140
diff changeset
242
102
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
243 ul {
145
ee999b9f33f5 Add horizontal scrollbar to snippet history box
dellsystem <ilostwaldo@gmail.com>
parents: 140
diff changeset
244 white-space: nowrap;
ee999b9f33f5 Add horizontal scrollbar to snippet history box
dellsystem <ilostwaldo@gmail.com>
parents: 140
diff changeset
245 padding: 0;
102
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
246 list-style-type: none;
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
247 }
145
ee999b9f33f5 Add horizontal scrollbar to snippet history box
dellsystem <ilostwaldo@gmail.com>
parents: 140
diff changeset
248
ee999b9f33f5 Add horizontal scrollbar to snippet history box
dellsystem <ilostwaldo@gmail.com>
parents: 140
diff changeset
249 & > ul {
ee999b9f33f5 Add horizontal scrollbar to snippet history box
dellsystem <ilostwaldo@gmail.com>
parents: 140
diff changeset
250 margin-left: 0;
ee999b9f33f5 Add horizontal scrollbar to snippet history box
dellsystem <ilostwaldo@gmail.com>
parents: 140
diff changeset
251 }
87
e0348cfbdf48 Update styling of snippets page
dellsystem <ilostwaldo@gmail.com>
parents: 83
diff changeset
252 }
102
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 #diff {
146
6573617409e2 Add top margin to #diff on snippet view page
dellsystem <ilostwaldo@gmail.com>
parents: 145
diff changeset
255 margin-top: 10px;
102
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
256 .hidden;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
257 border: 1px solid @lightGrey;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
258 padding: 10px;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
259 background: @offWhite;
131
d6f65888e0f3 Add text-wrapping for snippet diffs
dellsystem <ilostwaldo@gmail.com>
parents: 130
diff changeset
260 .code {
d6f65888e0f3 Add text-wrapping for snippet diffs
dellsystem <ilostwaldo@gmail.com>
parents: 130
diff changeset
261 white-space: pre-wrap;
d6f65888e0f3 Add text-wrapping for snippet diffs
dellsystem <ilostwaldo@gmail.com>
parents: 130
diff changeset
262 }
102
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
263
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
264 .gi {
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
265 background: #DFD;
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
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
268 .gu {
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
269 color: @mediumGrey;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
270 }
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
271
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
272 .gd {
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
273 background: #FDD;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
274 }
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
275 }
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
276
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
277 table &.default {
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
278 width: 100%;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
279 border: 1px solid @lightGrey;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
280
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
281 thead th {
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
282 padding: 5px 0;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
283 border-bottom: 1px solid @lightGrey;
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
284 }
f872c643b056 Updates to snippet functionality (see details)
dellsystem <ilostwaldo@gmail.com>
parents: 87
diff changeset
285 }
107
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
286
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
287 ul {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
288 padding: 5px 0;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
289 margin-left: 20px;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
290 }
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
291
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
292 #login-popup {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
293 position: fixed;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
294 top: 0;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
295 left: 0;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
296 right: 0;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
297 bottom: 0;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
298 background: rgba(0, 0, 0, 0.3);
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
299 z-index: 200;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
300 }
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
301
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
302 #login-form {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
303 @width: 600px;
140
3c4dc3b15f3b Fix height of login-popup box
dellsystem <ilostwaldo@gmail.com>
parents: 131
diff changeset
304 @height: 360px;
107
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
305 @verticalPadding: 20px;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
306
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
307 .box-shadow(0 0 5px 1px rgba(0, 0, 0, 0.3));
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
308 width: @width;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
309 height: @height - (@verticalPadding * 2);
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
310 position: absolute;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
311 top: 50%;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
312 left: 50%;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
313 margin-left: -@width / 2;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
314 margin-top: -@height / 2;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
315 background: @white;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
316 .border-radius(5px);
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
317 padding: @verticalPadding 30px;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
318 }
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
319
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
320 .errors {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
321 padding-top: 5px;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
322 padding-left: 5px;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
323 background: @lightOrange;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
324 margin-bottom: 10px;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
325 border: 1px solid @orange;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
326 .border-radius(5px);
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
327 }
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
328
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
329 form {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
330 .form-line {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
331 label {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
332 float: left;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
333 text-align: right;
130
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
334 padding-right: 20px;
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
335 padding-top: 10px;
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
336 font-weight: bold;
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
337 width: 180px;
107
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
338 }
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
339 }
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
340
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
341 .form-input {
130
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
342 margin-left: 200px;
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
343 padding: 5px 0;
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
344 input[type=text] {
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
345 width: @fieldWidth;
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
346 height: 20px;
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
347 }
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
348 textarea {
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
349 width: @fieldWidth;
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
350 }
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
351 p {
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
352 padding-top: 10px;
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
353 padding-bottom: 0;
5ab229c9d348 Add back ability to edit account settings
dellsystem <ilostwaldo@gmail.com>
parents: 122
diff changeset
354 }
107
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
355 }
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
356
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
357 .errors {
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
358 clear: both;
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
359 }
2bca07be6e51 Add login popup box
dellsystem <ilostwaldo@gmail.com>
parents: 105
diff changeset
360 }
110
0fd8fb20033e Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents: 107
diff changeset
361
0fd8fb20033e Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents: 107
diff changeset
362 dl {
0fd8fb20033e Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents: 107
diff changeset
363 dt {
0fd8fb20033e Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents: 107
diff changeset
364 float: left;
0fd8fb20033e Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents: 107
diff changeset
365 clear: left;
0fd8fb20033e Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents: 107
diff changeset
366 font-weight: bold;
0fd8fb20033e Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents: 107
diff changeset
367 padding-right: 5px;
0fd8fb20033e Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents: 107
diff changeset
368 }
0fd8fb20033e Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents: 107
diff changeset
369
0fd8fb20033e Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents: 107
diff changeset
370 dd {
0fd8fb20033e Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents: 107
diff changeset
371 margin-left: 200px;
0fd8fb20033e Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents: 107
diff changeset
372 }
0fd8fb20033e Add back basic user info to profile page
dellsystem <ilostwaldo@gmail.com>
parents: 107
diff changeset
373 }
151
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
374
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
375 #bundle-filebrowser {
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
376 background: @offWhite;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
377 border: 1px solid @lightGrey;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
378 padding: @sidebarPadding;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
379 padding-bottom: 0;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
380 width: @sidebarWidth - @sidebarPadding * 2 - 2;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
381 float: left;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
382
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
383 ul {
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
384 list-style-type: none;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
385 margin-left: 0;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
386 }
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
387
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
388 li {
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
389 margin-left: 10px;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
390 &.selected {
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
391 font-weight: bold;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
392 }
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
393 }
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
394 }
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
395
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
396 #bundle-file {
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
397 padding: 0 20px;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
398 margin-left: 220px;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
399
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
400 h2 {
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
401 padding-top: 0;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
402
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
403 small {
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
404 color: @mediumGrey;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
405 font-size: 0.7em;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
406 }
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
407 }
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
408 }
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
409
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
410 .bundle-folder {
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
411 background-image: url('../img/folder.png');
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
412 background-repeat: no-repeat;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
413 margin-left: 0;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
414 padding-left: 20px;
c7be7def8b57 Bundles! (basic functionality)
dellsystem <ilostwaldo@gmail.com>
parents: 146
diff changeset
415 }