source: trunk/web-app/css/style.css @ 28

Last change on this file since 28 was 28, checked in by duh, 10 years ago

-changed CSS from absolute to relative
-added traling slash to home anchor

File size: 5.6 KB
Line 
1body {
2        margin: 0; padding: 0;
3        font: 10px normal Arial, Helvetica, sans-serif;
4        background: #ddd url(../images/skin/body_bg.gif) repeat-x;
5}
6/*a:link, a:visited, a:hover {
7    color: #ff7900;
8    font-weight: normal;
9    text-decoration: none;
10}*/
11h1 {
12    color: #006dba;
13    font-weight: normal;
14    font-size: 16px;
15    margin: .8em 0 .3em 0;
16}
17/** START :: container **/
18.container {
19        width: 960px;
20        margin: 0 auto;
21        position: relative;
22}
23/** END :: container **/
24/** START :: header **/
25#header {
26        background: url(../images/skin/header.png) no-repeat center top;
27        padding-top: 120px;
28}
29#header img {
30        margin: 20px 0 10px;
31}
32/** END :: header **/
33/** START :: topnav **/
34ul.topnav {
35        list-style: none;
36        padding: 0 20px;
37        margin: 0;
38        float: left;
39        width: 920px;
40        background: #222;
41        font-size: 1.2em;
42        background: url(../images/skin/topnav/topnav_bg.gif) repeat-x;
43}
44ul.topnav li {
45        float: left;
46        margin: 0;
47        padding: 0 15px 0 0;
48        position: relative; /*--Declare X and Y axis base--*/
49}
50ul.topnav li a{
51        padding: 10px 5px;
52        color: #fff;
53        display: block;
54        text-decoration: none;
55        float: left;
56}
57ul.topnav li a:hover{
58        background: url(../images/skin/topnav/topnav_hover.gif) no-repeat center top;
59}
60ul.topnav li span { /*--Drop down trigger styles--*/
61        width: 17px;
62        height: 35px;
63        float: left;
64        background: url(../images/skin/topnav/subnav_btn.gif) no-repeat center top;
65}
66ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
67ul.topnav li ul.subnav {
68        list-style: none;
69        position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
70        left: 0; top: 35px;
71        background: #333;
72        margin: 0; padding: 0;
73        display: none;
74        float: left;
75        width: 170px;
76        -moz-border-radius-bottomleft: 5px;
77        -moz-border-radius-bottomright: 5px;
78        -webkit-border-bottom-left-radius: 5px;
79        -webkit-border-bottom-right-radius: 5px;
80        border: 1px solid #111;
81}
82ul.topnav li ul.subnav li{
83        margin: 0; padding: 0;
84        border-top: 1px solid #252525; /*--Create bevel effect--*/
85        border-bottom: 1px solid #444; /*--Create bevel effect--*/
86        clear: both;
87        width: 170px;
88}
89html ul.topnav li ul.subnav li a {
90        float: left;
91        width: 145px;
92        background: #333 url(../images/skin/topnav/dropdown_linkbg.gif) no-repeat 10px center;
93        padding-left: 20px;
94}
95html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
96        background: #222 url(../images/skin/topnav/dropdown_linkbg.gif) no-repeat 10px center;
97}
98/** END :: topnav **/
99/** START :: content **/
100#content {
101        padding-top: 40px;
102        font-family: Verdana, Arial, Helvetica, sans-serif;
103        font-size: 10pt;
104        padding-bottom: 20px;
105}
106
107#content p {
108    text-align: justify; 
109}
110#content a:link, #content a:visited, #content a:hover{
111    color: #006dba;
112    text-decoration: none;
113}
114#content p img {
115    display: run-in;
116    float: right;
117    padding: 2px;
118    border: 1px solid #006dba;
119    margin-left: 10px;
120    margin-bottom: 10px;
121    height: 120px;
122}
123/** END :: content **/
124/** START :: footer **/
125#footer {
126        font-family: Verdana, Arial, Helvetica, sans-serif;
127        font-size: 8pt;
128        color: #727272;
129        border-top: 1px solid #727272;
130        padding-top: 5px;
131}
132#footer a:link, #footer a:visited, #footer a:hover {
133    color: #006dba;
134    font-weight: normal;
135    text-decoration: none;
136}
137/** END :: footer **/
138
139/** START :: TABLES **/
140table {
141    border: 1px solid #ccc;
142    width: 100%
143}
144tr {
145    border: 0;
146}
147td, th {
148    font: 11px verdana, arial, helvetica, sans-serif;
149    line-height: 12px;
150    padding: 5px 6px;
151    text-align: left;
152    vertical-align: top;
153}
154th {
155    background: #fff url(../images/skin/tables/shadow.jpg);
156    color: #666;
157    font-size: 11px;
158    font-weight: bold;
159    line-height: 17px;
160    padding: 2px 6px;
161}
162th a:link, th a:visited, th a:hover {
163    color: #333;
164    display: block;
165    font-size: 10px;
166    text-decoration: none;
167    width: 100%;
168}
169th.asc a, th.desc a {
170    background-position: right;
171    background-repeat: no-repeat;
172}
173th.asc a {
174    background-image: url(../images/skin/tables/sorted_asc.gif);
175}
176th.desc a {
177    background-image: url(../images/skin/tables/sorted_desc.gif);
178}
179
180.odd {
181    background: #f7f7f7;
182}
183.even {
184    background: #fff;
185}
186/** END :: TABLES **/
187
188/** START :: LIST **/
189.list table {
190    border-collapse: collapse;
191}
192.list th, .list td {
193    border-left: 1px solid #ddd;
194}
195.list th:hover, .list tr:hover {
196    background: #b2d1ff;
197}
198/** END :: LIST **/
199
200/** START :: buttons **/
201.buttons input {
202    background: #fff;
203    border: 0;
204    color: #333;
205    cursor: pointer;
206    font-size: 10px;
207    font-weight: bold;
208    margin-left: 3px;
209    overflow: visible;
210    padding: 2px 6px;
211}
212.buttons input.delete {
213    background: transparent url(../images/obsolete/skin/database_delete.png) 5px 50% no-repeat;
214    padding-left: 28px;
215}
216.buttons input.edit {
217    background: transparent url(../images/obsolete/skin/database_edit.png) 5px 50% no-repeat;
218    padding-left: 28px;
219}
220.buttons input.save {
221    background: transparent url(../images/obsolete/skin/database_save.png) 5px 50% no-repeat;
222    padding-left: 28px;
223}
224.buttons input.delete {
225        background: transparent url(../images/icons/famfamfam/delete.png) 5px 50% no-repeat;
226        padding-left: 28px;
227}
228.buttons input.edit {
229        background: transparent url(../images/icons/famfamfam/application_edit.png) 5px 50% no-repeat;
230        padding-left: 28px;
231}
232.buttons input.save {
233        background: transparent url(../images/icons/famfamfam/accept.png) 5px 50% no-repeat;
234        padding-left: 28px;
235}
236/** END :: buttons **/
Note: See TracBrowser for help on using the repository browser.