]> CyberLeo.Net >> Repos - Github/YOURLS.git/blob - user/plugins/sample-toolbar/css/toolbar.css
A toolbar. For those who like them. Yuck. Fixes issue 228.
[Github/YOURLS.git] / user / plugins / sample-toolbar / css / toolbar.css
1 body {\r
2         margin:0;\r
3         overflow:hidden;\r
4         background-color:#fff;\r
5         font-size:12px;\r
6         font-family: Verdana, Arial;\r
7         padding:35px 0 0;\r
8 }\r
9 \r
10 #yourls-frame {\r
11         width: 100%;\r
12         height:100%;\r
13         z-index: 1;\r
14 }\r
15 \r
16 #yourls-bar {\r
17         font-family: Verdana, Arial;\r
18         font-size: 12px;\r
19         position:absolute;\r
20         top:0;\r
21         height:35px;\r
22         width:100%;\r
23         background:#e3f3ff url(../img/toolbar_bg.png) repeat-x bottom center;\r
24         color:#2A85B3;\r
25         -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);\r
26         -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);\r
27         z-index: 900000;\r
28 }\r
29 \r
30 #yourls-about, #yourls-topsy, #yourls-selfclose {\r
31         margin-left:10px;\r
32         float:left;\r
33         display:block;\r
34         top:5px;\r
35         position:relative;\r
36 }\r
37 \r
38 #yourls-about a {\r
39         background:transparent url(../img/favicon.gif) center left no-repeat;\r
40         padding-left:20px;\r
41         color:inherit;\r
42         font-weight:bold;\r
43         text-decoration:none;\r
44 }\r
45 \r
46 #yourls-topsy {\r
47         width:300px;\r
48 }\r
49 \r
50 \r
51 #yourls-selfclose {\r
52         float:right;\r
53         margin-right:10px;\r
54 }\r
55 \r
56 #yourls-once {\r
57         display:block;\r
58         text-indent:-9999px;\r
59         background:transparent url(../img/close_button.gif) center center no-repeat;\r
60         width:20px;\r
61         height:20px;\r
62         float:left;\r
63 }\r
64 \r
65 #yourls-always {\r
66         display:none;\r
67         text-indent:-9999px;\r
68         background:transparent url(../img/close_button_red.gif) center center no-repeat;\r
69         width:20px;\r
70         height:20px;\r
71         float:left;\r
72 }\r