rev |
line source |
al@737
|
1
|
al@737
|
2 /* Sidebar menus */
|
al@737
|
3
|
al@737
|
4 #content-sidebar { margin: 20px 144px 20px 20px; }
|
al@737
|
5
|
al@737
|
6 #sidebar {
|
al@737
|
7 position: fixed;
|
al@744
|
8 top: 60px;
|
al@744
|
9 right: 0;
|
al@744
|
10 padding: 5px 5px 0 0;
|
al@737
|
11 width: 132px;
|
al@744
|
12 height: 100%;
|
al@744
|
13 border-left: 1pt solid #AAA;
|
al@744
|
14 background-color: #EEE;
|
al@737
|
15 }
|
al@737
|
16
|
al@737
|
17 #sidebar h4 {
|
al@737
|
18 margin: 0;
|
al@737
|
19 font-size: 16px; color: #222;
|
al@737
|
20 text-align: center;
|
al@737
|
21 }
|
al@737
|
22
|
al@738
|
23 .select_wrap {
|
al@737
|
24 display: inline-block;
|
al@738
|
25 vertical-align: top;
|
al@738
|
26 overflow: hidden;
|
al@737
|
27 }
|
al@737
|
28
|
al@738
|
29 .select_wrap select {
|
al@738
|
30 padding: 5px;
|
al@738
|
31 margin:-5px -20px -5px -5px;
|
al@738
|
32 width: 157px;
|
al@738
|
33 font-size: small;
|
al@737
|
34 }
|
al@737
|
35
|
al@738
|
36 select option:nth-child(even) {
|
al@738
|
37 background-color: rgba(0,0,0,0.05);
|
al@737
|
38 }
|
al@737
|
39
|
al@740
|
40 #sidebar a {
|
al@739
|
41 display: inline-block;
|
al@739
|
42 padding: 0 0 0 0.5em; margin: 0;
|
al@739
|
43 color: #666;
|
al@739
|
44 font-size: small;
|
al@739
|
45 width: 100%;
|
al@739
|
46 }
|
al@739
|
47
|
al@737
|
48
|
al@737
|
49
|
al@718
|
50 /* links classes:
|
al@718
|
51 * pkg - package (not installed);
|
al@718
|
52 * pkgi - package (installed);
|
al@718
|
53 * pkgib - package (installed and blocked);
|
al@718
|
54 * w - web site
|
al@718
|
55 *
|
al@718
|
56 * you can style links using icons and/or color
|
al@718
|
57 */
|
al@718
|
58
|
al@718
|
59 a.pkg {
|
al@718
|
60 background: url(images/tazpkg.png) no-repeat left; }
|
al@718
|
61 a.pkgi, a.pkgib {
|
al@718
|
62 background: url(images/tazpkg-installed.png) no-repeat left; }
|
al@718
|
63 /*
|
al@718
|
64 a.pkgi {
|
al@718
|
65 color: green; }
|
al@718
|
66 */
|
al@718
|
67 a.pkgib {
|
al@718
|
68 color: red; }
|
al@720
|
69 a.w, .pkglist td:nth-child(4) a {
|
al@718
|
70 background: url(images/browser.png) no-repeat left; }
|
al@718
|
71
|
al@720
|
72 a.pkg, a.pkgi, a.pkgib, a.w, .pkglist td:nth-child(4) a {
|
al@718
|
73 margin: 0; padding: 0 0 0 17px;
|
al@718
|
74 min-height: 16px; min-width: 16px;
|
al@718
|
75 display: inline-block; }
|
al@718
|
76
|
al@718
|
77
|
al@723
|
78 .pkglist td:nth-child(1), .filelist td:nth-child(1) {
|
al@719
|
79 white-space: nowrap;
|
al@719
|
80 }
|
al@719
|
81
|
al@723
|
82 .pkglist td:nth-child(1) a, .filelist td:nth-child(1) a {
|
al@719
|
83 max-width: 12em;
|
al@719
|
84 }
|
al@719
|
85
|
al@719
|
86 .pkglist td:nth-child(2) {
|
al@719
|
87 max-width: 7em;
|
al@719
|
88 }
|
al@719
|
89
|
al@723
|
90 .pkglist td:nth-child(1) a, .pkglist td:nth-child(2),
|
al@723
|
91 .filelist td:nth-child(1) a, .filelist td:nth-child(2) {
|
al@719
|
92 white-space: nowrap;
|
al@719
|
93 overflow: hidden;
|
al@719
|
94 text-overflow: ellipsis; -o-text-overflow: ellipsis;
|
al@719
|
95 }
|
al@719
|
96
|
al@723
|
97 .filelist td:nth-child(2) {
|
al@723
|
98 max-width: 30em;
|
al@723
|
99 }
|
al@723
|
100
|
al@744
|
101 .pkglist tr { border-bottom: 1pt solid #DDD; }
|
al@744
|
102
|
al@744
|
103 .pkglist, .pkglist thead { border: 1.5pt solid #BBB!important; }
|
al@744
|
104
|
al@744
|
105
|
al@726
|
106 #actions { overflow: auto; }
|
al@726
|
107
|
al@726
|
108 a.pages {
|
al@726
|
109 padding: 0.5ex;
|
al@726
|
110 margin: 0.5ex 0;
|
al@726
|
111 border: 1px solid #AAA;
|
al@726
|
112 width: 3ex;
|
al@726
|
113 display: inline-block;
|
al@726
|
114 text-align: center;
|
al@726
|
115 }
|
al@726
|
116 a.pages:hover {
|
al@726
|
117 border: 1px solid #F94;
|
al@726
|
118 background: #F94;
|
al@726
|
119 color: black;
|
al@726
|
120 }
|
al@726
|
121 a.pages.current, a.pages.current:hover {
|
al@726
|
122 font-weight: bold;
|
al@726
|
123 border: 1px solid #07F;
|
al@726
|
124 background: #07F;
|
al@726
|
125 color: #eee;
|
al@726
|
126 }
|
al@731
|
127
|
al@731
|
128 a.tag1 { font-size: 0.9em; color: #678; }
|
al@731
|
129 a.tag2 { font-size: 1.0em; color: #444; }
|
al@731
|
130 a.tag3 { font-size: 1.1em; color: #16A; }
|
al@731
|
131 a.tag4 { font-size: 1.3em; color: #282; }
|
al@731
|
132 a.tag5 { font-size: 1.5em; color: #828; }
|
al@731
|
133 a.tag6 { font-size: 1.8em; color: #862; }
|
al@731
|
134 a.tag7 { font-size: 2.1em; color: #FA0; }
|
al@731
|
135 a.tag8 { font-size: 2.4em; color: #F00; }
|
al@731
|
136 a.tag1, a.tag2, a.tag3, a.tag4, a.tag5, a.tag6, a.tag7, a.tag8 {
|
al@731
|
137 display: inline-block;
|
al@731
|
138 white-space: nowrap;
|
al@731
|
139 vertical-align: middle;
|
al@731
|
140 padding: 0.2em 0.5em;
|
al@731
|
141 }
|
al@731
|
142 a.tag1:hover, a.tag2:hover, a.tag3:hover, a.tag4:hover, a.tag5:hover, a.tag6:hover, a.tag7:hover, a.tag8:hover {
|
al@731
|
143 outline: 1.5pt solid #FC8; }
|
al@731
|
144
|
al@744
|
145 #actions {
|
al@744
|
146 background-color: #EEE;
|
al@744
|
147 margin: 0; padding: 0 0.5ex!important;
|
al@744
|
148 border: 1pt solid #DDD;
|
al@744
|
149 border-radius: 0.5ex;
|
al@744
|
150 }
|
al@744
|
151 .button img {
|
al@744
|
152 padding: 0 4px 0 0;
|
al@744
|
153 }
|
al@744
|
154
|