PageRenderTime 183ms CodeModel.GetById 101ms app.highlight 26ms RepoModel.GetById 50ms app.codeStats 0ms

/AnotherStartup/Styles/Site.css

#
CSS | 273 lines | 205 code | 45 blank | 23 comment | 0 complexity | c90f8f94ba0ea6d6b69520bad7b1a86e 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----------------------------------------------------------*/
  6
  7body {
  8    background-color: #5c87b2;
  9    font-size: .85em;
 10    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
 11    margin: 0;
 12    padding: 0;
 13    color: #696969;
 14}
 15
 16a:link {
 17    color: #034af3;
 18    text-decoration: underline;
 19}
 20
 21a:visited {
 22    color: #505abc;
 23}
 24
 25a:hover {
 26    color: #1d60ff;
 27    text-decoration: none;
 28}
 29
 30a:active {
 31    color: #12eb87;
 32}
 33
 34/* HEADINGS   
 35----------------------------------------------------------*/
 36h1, h2, h3, h4, h5, h6 {
 37    font-size: 1.5em;
 38    color: #000;
 39}
 40
 41h1, h2 {
 42    font-size: 2em;
 43    padding-bottom: 0;
 44    margin-bottom: 0;
 45}
 46
 47h3 {
 48    font-size: 1.2em;
 49}
 50
 51h4 {
 52    font-size: 1.1em;
 53}
 54
 55h5, h6 {
 56    font-size: 1em;
 57}
 58
 59/* PRIMARY LAYOUT ELEMENTS   
 60----------------------------------------------------------*/
 61#page {
 62    width: 90%;
 63    margin-left: auto;
 64    margin-right: auto;
 65}
 66
 67    #header {
 68        position: relative;
 69        margin-bottom: 0;
 70        color: #000;
 71        padding: 0;
 72    }
 73
 74    #main {
 75        padding: 30px 30px 15px 30px;
 76        background-color: #fff;
 77        margin-bottom: 30px;
 78    
 79        /*CSS3 properties*/
 80        border-radius: 4px 0 4px 4px;
 81        -webkit-border-radius: 4px 0 4px 4px;
 82        -moz-border-radius: 4px 0 4px 4px;
 83    }
 84
 85    #footer {
 86        padding: 10px 0;
 87        text-align: center;
 88        line-height: normal;
 89        margin: 0;
 90        font-size: .9em;
 91    }
 92
 93/* Site Title 
 94----------------------------------------------------------*/
 95#header .site-title {
 96    float: left;
 97    font-weight: bold;
 98    padding: 5px 0;
 99    margin: 0;
100    color: #fff;
101    border: none;
102    line-height: 2em;
103    font-size: 32px;
104    
105    /*CSS3 properties*/
106    text-shadow: 1px 1px 2px #111;
107}
108
109/* Login Display  
110----------------------------------------------------------*/
111#login {
112    float: right;
113    font-size: 1.1em;
114    display: block;
115    text-align: right;
116    color: #000;
117}
118
119    #login li {
120        margin: 0;
121        display: inline;
122        list-style: none;
123        padding-left: 5px;
124    }
125    
126    #login a:link, #login a:visited {
127        color: #fff;
128        text-decoration: none;
129    }
130
131    #login a:hover
132    {
133        color: #fff;
134        text-decoration: underline;
135    }
136
137/* Tab Menu   
138----------------------------------------------------------*/
139ul#menu {
140    clear: both;
141    border-bottom: 1px #5c87b2 solid;
142    padding: 0 0 2px;
143    position: relative;
144    margin: 0;
145    text-align: right;
146}
147
148    ul#menu li {
149        display: inline;
150        list-style: none;
151
152    }
153
154        ul#menu li a {
155            padding: 10px 20px;
156            font-weight: bold;
157            text-decoration: none;
158            line-height: 2.8em;
159            background-color: #e8eef4;
160            color: #034af3;
161            
162            /*CSS3 properties*/
163            border-radius: 4px 4px 0 0;
164            -webkit-border-radius: 4px 4px 0 0;
165            -moz-border-radius: 4px 4px 0 0;
166        }
167
168        ul#menu li a:hover {
169            background-color: #fff;
170            text-decoration: none;
171        }
172
173        ul#menu li a:active {
174            background-color: #a6e2a6;
175            text-decoration: none;
176        }
177
178        ul#menu li.selected a {
179            background-color: #fff;
180            color: #000;
181        }
182        
183/* forms   
184----------------------------------------------------------*/
185fieldset {
186    margin: 1em 0;
187    padding: 1em;
188    border: 1px solid #CCC;
189}
190
191    fieldset legend {
192        font-size: 1.1em;
193        font-weight: bold;
194        padding: 2px 4px 8px 4px;
195    }
196    
197    fieldset ol {
198        padding: 0;
199        list-style: none;
200    }
201    
202        fieldset ol li {
203            padding-bottom: 5px;
204        }
205    
206    fieldset label {
207        display: block;
208    }
209    
210    fieldset label.checkbox {
211        display: inline;
212    }
213    
214    fieldset input[type="text"], input[type="password"] {
215        border: 1px solid #ccc;
216        padding: 2px;
217        font-size: 1.2em;
218        color: #444;
219        width: 300px;
220    }
221
222    fieldset input[type="submit"] {
223        font-size: 1.2em;
224        padding: 5px;
225    }
226    
227 /* Information and errors  
228----------------------------------------------------------*/  
229.message {
230    clear: both;
231    border: 1px solid;
232    margin: 10px 0px;
233    padding: 15px 15px;
234    
235    /*CSS3 properties*/
236    border-radius: 4px;
237    -moz-border-radius: 4px;
238    -webkit-border-radius: 4px;
239    box-shadow: 2px 2px 5px #888;
240    -webkit-box-shadow: 2px 2px 5px #888;
241    -moz-box-shadow: 2px 2px 5px #888;
242}
243
244.info {
245    background: #bde5f8;
246    color: #00529b;
247}
248
249.error {
250    background: #ffe4e4;
251    color: #be3e16;
252}
253
254.success {
255    background: #dff2bf;
256    color: #4f8a10;
257}
258
259input[type="text"].error-field, input[type="password"].error-field { 
260    border: solid 1px #be3e16; 
261    background-color: #ffe4e4;
262}
263
264.validation-error {
265    display: inline;
266    color: #be3e16;
267    font-weight: bold;
268    font-size: 1.1em;
269}
270
271    .validation-error:before {
272        content: "ยป";
273    }