]>
Commit | Line | Data |
---|---|---|
ce493c5d IB |
1 | /*------------------------------------*\ |
2 | Apaxy | |
3 | by @adamwhitcroft | |
4 | ||
5 | Theme name: Apaxy | |
6 | Theme author: @adamwhitcroft | |
7 | \*------------------------------------*/ | |
8 | @import url('//fonts.googleapis.com/css?family=Open+Sans'); | |
9 | /* Have to use @import for the font, as you can only specify a single stylesheet */ | |
10 | * { | |
11 | margin:0; | |
12 | padding:0; | |
13 | -webkit-box-sizing:border-box; | |
14 | -moz-box-sizing:border-box; | |
15 | box-sizing: border-box; | |
16 | } | |
17 | ||
18 | html { | |
19 | min-height:100%; | |
20 | border-top:10px solid #ECEEF1; | |
21 | border-bottom:10px solid #ECEEF1; | |
22 | color:#61666c; | |
23 | font-weight:400; | |
24 | font-size:1em; | |
25 | font-family:'Open Sans', sans-serif; | |
26 | line-height:2em; | |
27 | } | |
28 | body { | |
29 | padding:20px; | |
30 | -webkit-backface-visibility:hidden; | |
31 | } | |
32 | code { | |
33 | font-family:consolas,monospace; | |
34 | } | |
35 | a { | |
36 | color:#61666c; | |
37 | text-decoration:none; | |
38 | } | |
39 | a, img { | |
40 | border:none; | |
41 | outline:none | |
42 | } | |
43 | a:hover { | |
44 | color:#2a2a2a; | |
45 | } | |
46 | /*------------------------------------*\ | |
47 | Wrapper | |
48 | \*------------------------------------*/ | |
49 | .wrapper { | |
50 | margin:0 auto; | |
51 | padding-top:20px; | |
52 | max-width:80%; | |
53 | } | |
54 | /*------------------------------------*\ | |
55 | Demo block | |
56 | \*------------------------------------*/ | |
57 | .block { | |
58 | font-size:.875em; | |
59 | margin:20px 0; | |
60 | padding:20px; | |
61 | color:#9099A3; | |
62 | } | |
63 | /*------------------------------------*\ | |
64 | Table (directory listing) | |
65 | \*------------------------------------*/ | |
66 | table { | |
67 | width:100%; | |
68 | border-collapse:collapse; | |
69 | font-size:.875em; | |
70 | } | |
71 | tr { | |
72 | outline:0; | |
73 | border:0; | |
74 | } | |
75 | tr:hover td { | |
76 | background:#f6f6f6; | |
77 | } | |
78 | th { | |
79 | text-align:left; | |
80 | font-size:.75em; | |
81 | padding-right:20px; | |
82 | } | |
83 | /* 2nd Column: Filename */ | |
84 | th + th { | |
85 | width:65%; | |
86 | } | |
87 | /* 3rd Column: Last Modified */ | |
88 | th + th + th { | |
89 | } | |
90 | /* 4th Column: Size */ | |
91 | th + th + th + th { | |
92 | width:5%; | |
93 | } | |
94 | tr td:first-of-type { | |
95 | padding-left:10px; | |
96 | padding-right:10px; | |
97 | } | |
98 | td { | |
99 | padding:5px 0; | |
100 | outline:0; | |
101 | border:0; | |
102 | border-bottom:1px solid #edf1f5; | |
103 | vertical-align:middle; | |
104 | text-align:left; | |
105 | -webkit-transition:background 300ms ease; | |
106 | -moz-transition:background 300ms ease; | |
107 | -ms-transition:background 300ms ease; | |
108 | -o-transition:background 300ms ease; | |
109 | transition:background 300ms ease; | |
110 | } | |
111 | td a{ | |
112 | display: block; | |
113 | } | |
114 | tr.parent a[href^="/"] { | |
115 | color:#9099A3; | |
116 | } | |
117 | .parent a[href^="/"]:hover { | |
118 | color:#2281d0; | |
119 | } | |
120 | /*------------------------------------*\ | |
121 | Footer | |
122 | \*------------------------------------*/ | |
123 | .footer { | |
124 | text-align:center; | |
125 | font-size:.75em; | |
126 | } | |
127 | ||
128 | h1#pagetitle { | |
129 | text-align: center; | |
130 | } | |
131 | tr.parent a[href="/"]{ | |
132 | display: none; | |
133 | } | |
134 | ||
135 | tr.indexhead { | |
136 | visibility: hidden; | |
137 | } | |
138 | ||
139 | th.indexcollastmod, td.indexcollastmod, th.indexcolsize, td.indexcolsize { | |
140 | visibility: hidden; | |
141 | } | |
142 | ||
143 | .instructions a { | |
144 | text-decoration: underline; | |
145 | } | |
146 | ||
147 | .instructions h2 { | |
148 | margin-top: 10px; | |
149 | } | |
150 | .instructions em.important:before { | |
151 | content: "⚠ Important ⚠ "; | |
152 | color: red; | |
153 | } | |
154 | .instructions pre { | |
155 | width: 50em; | |
156 | padding: 10px 15px; | |
157 | display: table; | |
158 | border: 1px inset black; | |
159 | line-height: 1em; | |
160 | } |