]> CyberLeo.Net >> Repos - Github/YOURLS.git/blob - css/style.css
Misc cosmetic tweaks
[Github/YOURLS.git] / css / style.css
1 body {\r
2         font-family: Verdana, Arial;\r
3         font-size: 12px;\r
4         color: #595441;\r
5         background:#F0F0F6;\r
6         text-align:center;\r
7         margin-top:0px;\r
8         padding-top:0px;\r
9 }\r
10 #wrap {\r
11         width:980px;\r
12         margin:0 auto;\r
13         background:white;\r
14         text-align:justify;\r
15         padding:0 20px 10px 20px;\r
16         border-left:3px solid #D5E3E3;\r
17         border-right:3px solid #D5E3E3;\r
18         border-bottom:2px solid #D5E3E3;\r
19         -moz-border-radius-bottomleft:20px;\r
20         -moz-border-radius-bottomright:20px;\r
21         -webkit-border-bottom-left-radius:20px;\r
22         -webkit-border-bottom-right-radius:20px;\r
23 }\r
24 div, p, td {\r
25         font-family: Verdana, Arial;\r
26         font-size: 12px;\r
27 }\r
28 a, a:link, a:active, a:visited {\r
29         color: #4a8797;\r
30         text-decoration: none;\r
31 }\r
32 a:hover {\r
33         text-decoration: underline;\r
34 }\r
35 h1 {height:50px;margin:0;}\r
36 h1 a {float:right;text-align:right;}\r
37 h1 a:hover{text-decoration:none;}\r
38 h1 a:hover span{text-decoration:underline;color:#8dbdd8}\r
39 input, textarea, .button_stats {\r
40         -moz-border-radius:3px;\r
41         -webkit-border-radius:3px;\r
42 }\r
43 Input.text, select, textarea {\r
44         font-family: Verdana, Arial;\r
45         font-size: 10px;\r
46         color: #595441;\r
47         background-color: #FFFFFF;\r
48         border: 1px solid #8dbdd8;\r
49         margin:1px;\r
50 }\r
51 input.button {\r
52         font-family: Verdana, Arial;\r
53         font-size: 10px;\r
54         color: #595441;\r
55         font-weight: bold;\r
56         background-color: #FFFFFF;\r
57         border: 1px solid #8dbdd8;\r
58         cursor:pointer;\r
59 }\r
60 input.primary {\r
61         border:2px solid #aaccaa;\r
62         background:#fafafe;\r
63 }\r
64 input.disabled {\r
65         border:1px solid #333;\r
66         background:#ccc;\r
67 }\r
68 input.loading {\r
69         background:#cc7 url(../images/loading.gif) center center no-repeat;\r
70         color:#cc7;\r
71 }\r
72 input:focus, textarea:focus {\r
73         border:2px solid #AACCAA;\r
74         margin:0px;\r
75 }\r
76 tr.edit-row  td {\r
77         background:#fdf !important;\r
78 }\r
79 #new_url {\r
80         text-align:center;\r
81         padding:1px;\r
82         border:1px solid #CDCDCD;\r
83         background:#fff;\r
84         clear:both;\r
85 }\r
86 #new_url div {\r
87         background:#E6EEEE;\r
88         padding:4px;\r
89 }\r
90 #new_url_form {\r
91         padding:4px;\r
92 }\r
93 #new_url #feedback {\r
94         background:#ff8;\r
95         color:#8DBDD8;\r
96         width:50%;\r
97         margin:0px 25%;\r
98         padding:2px;\r
99         border:1px solid #ff8;\r
100 }\r
101 #new_url #feedback .fail {\r
102         color:#f55;\r
103 }\r
104 td.actions input, td.actions a {\r
105         visibility:hidden;\r
106 }\r
107 td.actions input.disabled, td.actions input.loading {\r
108         visibility:visible;\r
109 }\r
110 tr:hover td.actions input, tr:hover td.actions a {\r
111         visibility:visible;\r
112 }\r
113 td.actions .button {\r
114         height:22px;\r
115         width:22px;\r
116 }\r
117 td.actions .button_edit {\r
118         background:transparent url(../images/pencil.png) 2px center no-repeat;\r
119 }\r
120 td.actions .button_delete {\r
121         background:transparent url(../images/delete.png) 2px center no-repeat;\r
122 }\r
123 td.actions .button_stats {\r
124         background:transparent url(../images/chart_bar.png) 2px center no-repeat;\r
125 }\r
126 td.actions .button_stats:hover {\r
127         text-decoration:none;\r
128 }\r
129 .error {\r
130         color: red;\r
131 }\r
132 .warning {\r
133         color: orange;\r
134 }\r
135 .success {\r
136         color: green;\r
137 }\r
138 #footer {\r
139         margin-top:2em;\r
140         text-align: center;\r
141 }\r
142 #login {\r
143         width: 300px;\r
144         margin: 200px auto 0px auto;\r
145 }\r
146 #login p{\r
147         font-weight: bold;\r
148 }\r
149 #login .text {\r
150         width: 100%;\r
151 }\r
152 #login ul {\r
153         padding-left:0px;\r
154         list-style-type:none;\r
155         text-indent:0;\r
156 }\r
157 #login ul li {\r
158         padding:0 0 5px 20px;\r
159 }\r
160 #login ul.error li {\r
161         background:transparent url(../images/cancel.png) top left no-repeat;\r
162 }\r
163 #login ul.warning li {\r
164         background:transparent url(../images/error.png) top left no-repeat;\r
165 }\r
166 #login ul.success li {\r
167         background:transparent url(../images/accept.png) top left no-repeat;\r
168 }\r
169 #tools_desc {\r
170         width:550px;\r
171         zbackground:#ffe;\r
172         padding-bottom:10px;\r
173 }\r
174 #tools_desc span {\r
175         background:#ffa;\r
176         padding:0 2px;\r
177 }\r
178 #tools_desc .bookmarklet {\r
179         border:2px solid #2A85B3;\r
180         -moz-border-radius:3px;\r
181         -webkit-border-radius:3px;\r
182         padding:5px 5px 5px 20px;\r
183         background:#eef url(../images/favicon.gif) 2px center no-repeat;\r
184 }\r
185 #tools_desc .bookmarklet:hover {\r
186         text-decoration:none;\r
187 }\r
188 #footer {\r
189         text-align:center;\r
190         margin-top:20px;\r
191 }\r
192 #footer p {\r
193         padding:10px;\r
194         background:white;\r
195         margin:0 auto;\r
196         width:980px;\r
197         -moz-border-radius:10px;\r
198         -webkit-border-radius:10px;\r
199         border:2px solid #D5E3E3;\r
200         -moz-border-radius-bottomleft:30px;\r
201         -moz-border-radius-bottomright:30px;\r
202         -webkit-border-bottom-left-radius:25px;\r
203         -webkit-border-bottom-right-radius:25px;\r
204 }\r
205 #footer p a {\r
206         background:#fff url(../images/favicon.gif) 2px center no-repeat;\r
207         padding-left:20px;\r
208 }