/Base/MVCUIHtmlHelper/MVCUIHtmlHelper.Web/Content/Site.css

  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 underscrore */
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/* MISC  
185----------------------------------------------------------*/
186.clear
187{
188    clear: both;
189}
190
191.error
192{
193    color:Red;
194}
195
196#menucontainer
197{
198    margin-top:40px;
199}
200
201#title
202{
203    display:block;
204    float:left;
205    text-align:left;
206}
207
208#logindisplay
209{
210    font-size:1.1em;
211    display:block;
212    text-align:right;
213    margin:10px;
214    color:White;
215}
216
217#logindisplay a:link
218{
219    color: white;
220    text-decoration: underline;
221}
222
223#logindisplay a:visited
224{
225    color: white;
226    text-decoration: underline;
227}
228
229.field-validation-error
230{
231    color: #ff0000;
232}
233
234.input-validation-error
235{
236    border: 1px solid #ff0000;
237    background-color: #ffeeee;
238}
239
240.validation-summary-errors
241{
242    font-weight: bold;
243    color: #ff0000;
244}