PageRenderTime 97ms CodeModel.GetById 40ms app.highlight 53ms RepoModel.GetById 1ms app.codeStats 0ms

/src/MM.Web/Content/Site.css

#
CSS | 344 lines | 274 code | 45 blank | 25 comment | 0 complexity | b37495d08ed5804016b206cdba8a9986 MD5 | raw file
  1/*----------------------------------------------------------
  2The base color for this template is #5c87b2. If you'd like
  3to use a different color start by replacing all instances of
  4#5c87b2 with your new color.
  5----------------------------------------------------------*/
  6body
  7{
  8    background-color: #5c87b2;
  9    font-size: .75em;
 10    font-family: Verdana, Helvetica, Sans-Serif;
 11    margin: 0;
 12    padding: 0;
 13    color: #696969;
 14}
 15
 16a:link
 17{
 18    color: #034af3;
 19    text-decoration: underline;
 20}
 21a:visited
 22{
 23    color: #505abc;
 24}
 25a:hover
 26{
 27    color: #1d60ff;
 28    text-decoration: none;
 29}
 30a:active
 31{
 32    color: #12eb87;
 33}
 34
 35p, ul
 36{
 37    margin-bottom: 20px;
 38    line-height: 1.6em;
 39}
 40
 41/* HEADINGS   
 42----------------------------------------------------------*/
 43h1, h2, h3, h4, h5, h6
 44{
 45    font-size: 1.5em;
 46    color: #000;
 47    font-family: Arial, Helvetica, sans-serif;
 48}
 49
 50h1
 51{
 52    font-size: 2em;
 53    padding-bottom: 0;
 54    margin-bottom: 0;
 55}
 56h2
 57{
 58    padding: 0 0 10px 0;
 59}
 60h3
 61{
 62    font-size: 1.2em;
 63}
 64h4
 65{
 66    font-size: 1.1em;
 67}
 68h5, h6
 69{
 70    font-size: 1em;
 71}
 72
 73/* this rule styles <h2> tags that are the 
 74first child of the left and right table columns */
 75.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
 76{
 77    margin-top: 0;
 78}
 79
 80/* PRIMARY LAYOUT ELEMENTS   
 81----------------------------------------------------------*/
 82
 83/* you can specify a greater or lesser percentage for the 
 84page width. Or, you can specify an exact pixel width. */
 85.page
 86{
 87    width: 90%;
 88    margin-left: auto;
 89    margin-right: auto;
 90}
 91
 92#header
 93{
 94    position: relative;
 95    margin-bottom: 0px;
 96    color: #000;
 97    padding: 0;
 98}
 99
100#header h1
101{
102    font-weight: bold;
103    padding: 5px 0;
104    margin: 0;
105    color: #fff;
106    border: none;
107    line-height: 2em;
108    font-family: Arial, Helvetica, sans-serif;
109    font-size: 32px !important;
110}
111
112#main
113{
114    padding: 30px 30px 15px 30px;
115    background-color: #fff;
116    margin-bottom: 30px;
117    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
118}
119
120#footer
121{
122    color: #999;
123    padding: 10px 0;
124    text-align: center;
125    line-height: normal;
126    margin: 0;
127    font-size: .9em;
128}
129
130/* TAB MENU   
131----------------------------------------------------------*/
132ul#menu
133{
134    border-bottom: 1px #5C87B2 solid;
135    padding: 0 0 2px;
136    position: relative;
137    margin: 0;
138    text-align: right;
139}
140
141ul#menu li
142{
143    display: inline;
144    list-style: none;
145}
146
147ul#menu li#greeting
148{
149    padding: 10px 20px;
150    font-weight: bold;
151    text-decoration: none;
152    line-height: 2.8em;
153    color: #fff;
154}
155
156ul#menu li a
157{
158    padding: 10px 20px;
159    font-weight: bold;
160    text-decoration: none;
161    line-height: 2.8em;
162    background-color: #e8eef4;
163    color: #034af3;
164}
165
166ul#menu li a:hover
167{
168    background-color: #fff;
169    text-decoration: none;
170}
171
172ul#menu li a:active
173{
174    background-color: #a6e2a6;
175    text-decoration: none;
176}
177
178ul#menu li.selected a
179{
180    background-color: #fff;
181    color: #000;
182}
183
184/* FORM LAYOUT ELEMENTS   
185----------------------------------------------------------*/
186
187fieldset 
188{
189    margin: 1em 0;
190    padding: 1em;
191    border: 1px solid #CCC;
192}
193
194fieldset p 
195{
196    margin: 2px 12px 10px 10px;
197}
198
199legend 
200{
201    font-size: 1.1em;
202    font-weight: 600;
203    padding: 2px 4px 8px 4px;
204}
205
206input[type="text"] 
207{
208    width: 200px;
209    border: 1px solid #CCC;
210}
211
212input[type="password"] 
213{
214    width: 200px;
215    border: 1px solid #CCC;
216}
217
218/* TABLE
219----------------------------------------------------------*/
220
221table 
222{
223  border: solid 1px #e8eef4;
224  border-collapse: collapse;
225}
226
227table td 
228{
229  padding: 5px;   
230  border: solid 1px #e8eef4;
231}
232
233table th
234{
235  padding: 6px 5px;
236  text-align: left;
237  background-color: #e8eef4; 
238  border: solid 1px #e8eef4;   
239}
240
241/* MISC  
242----------------------------------------------------------*/
243.clear
244{
245    clear: both;
246}
247
248.error
249{
250    color:Red;
251}
252
253#menucontainer
254{
255    margin-top:40px;
256}
257
258div#title
259{
260    display:block;
261    float:left;
262    text-align:left;
263}
264
265#logindisplay
266{
267    font-size:1.1em;
268    display:block;
269    text-align:right;
270    margin:10px;
271    color:White;
272}
273
274#logindisplay a:link
275{
276    color: white;
277    text-decoration: underline;
278}
279
280#logindisplay a:visited
281{
282    color: white;
283    text-decoration: underline;
284}
285
286#logindisplay a:hover
287{
288    color: white;
289    text-decoration: none;
290}
291
292/* Styles for validation helpers
293-----------------------------------------------------------*/
294.field-validation-error
295{
296    color: #ff0000;
297}
298
299.field-validation-valid
300{
301    display: none;
302}
303
304.input-validation-error
305{
306    border: 1px solid #ff0000;
307    background-color: #ffeeee;
308}
309
310.validation-summary-errors
311{
312    font-weight: bold;
313    color: #ff0000;
314}
315
316.validation-summary-valid
317{
318    display: none;
319}
320
321/* Styles for editor and display helpers
322----------------------------------------------------------*/
323.display-label,
324.editor-label,
325.display-field,
326.editor-field
327{
328    margin: 0.5em 0;
329}
330
331.text-box
332{
333    width: 30em;
334}
335
336.text-box.multi-line
337{
338    height: 6.5em;
339}
340
341.tri-state
342{
343    width: 6em;
344}