1 | body {
|
2 | margin: 0;
|
3 | padding: 80px 100px;
|
4 | font: 13px "Helvetica Neue", "Lucida Grande", "Arial";
|
5 | background: #ECE9E9 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ECE9E9));
|
6 | background: #ECE9E9 -moz-linear-gradient(top, #fff, #ECE9E9);
|
7 | background-repeat: no-repeat;
|
8 | color: #555;
|
9 | -webkit-font-smoothing: antialiased;
|
10 | }
|
11 | h1, h2, h3 {
|
12 | margin: 0;
|
13 | font-size: 22px;
|
14 | color: #343434;
|
15 | }
|
16 | h1 em, h2 em {
|
17 | padding: 0 5px;
|
18 | font-weight: normal;
|
19 | }
|
20 | h1 {
|
21 | font-size: 60px;
|
22 | }
|
23 | h2 {
|
24 | margin-top: 10px;
|
25 | }
|
26 | h3 {
|
27 | margin: 5px 0 10px 0;
|
28 | padding-bottom: 5px;
|
29 | border-bottom: 1px solid #eee;
|
30 | font-size: 18px;
|
31 | }
|
32 | ul {
|
33 | margin: 0;
|
34 | padding: 0;
|
35 | }
|
36 | ul li {
|
37 | margin: 5px 0;
|
38 | padding: 3px 8px;
|
39 | list-style: none;
|
40 | }
|
41 | ul li:hover {
|
42 | cursor: pointer;
|
43 | color: #2e2e2e;
|
44 | }
|
45 | ul li .path {
|
46 | padding-left: 5px;
|
47 | font-weight: bold;
|
48 | }
|
49 | ul li .line {
|
50 | padding-right: 5px;
|
51 | font-style: italic;
|
52 | }
|
53 | ul li:first-child .path {
|
54 | padding-left: 0;
|
55 | }
|
56 | p {
|
57 | line-height: 1.5;
|
58 | }
|
59 | a {
|
60 | color: #555;
|
61 | text-decoration: none;
|
62 | }
|
63 | a:hover {
|
64 | color: #303030;
|
65 | }
|
66 | #stacktrace {
|
67 | margin-top: 15px;
|
68 | }
|
69 | .directory h1 {
|
70 | margin-bottom: 15px;
|
71 | font-size: 18px;
|
72 | }
|
73 | ul#files {
|
74 | width: 100%;
|
75 | height: 500px;
|
76 | }
|
77 | ul#files li {
|
78 | padding: 0;
|
79 | }
|
80 | ul#files li img {
|
81 | position: absolute;
|
82 | top: 5px;
|
83 | left: 5px;
|
84 | }
|
85 | ul#files li a {
|
86 | position: relative;
|
87 | display: block;
|
88 | margin: 1px;
|
89 | width: 30%;
|
90 | height: 25px;
|
91 | line-height: 25px;
|
92 | text-indent: 8px;
|
93 | float: left;
|
94 | border: 1px solid transparent;
|
95 | -webkit-border-radius: 5px;
|
96 | -moz-border-radius: 5px;
|
97 | border-radius: 5px;
|
98 | overflow: hidden;
|
99 | text-overflow: ellipsis;
|
100 | }
|
101 | ul#files li a.icon {
|
102 | text-indent: 25px;
|
103 | }
|
104 | ul#files li a:focus,
|
105 | ul#files li a:hover {
|
106 | outline: none;
|
107 | background: rgba(255,255,255,0.65);
|
108 | border: 1px solid #ececec;
|
109 | }
|
110 | ul#files li a.highlight {
|
111 | -webkit-transition: background .4s ease-in-out;
|
112 | background: #ffff4f;
|
113 | border-color: #E9DC51;
|
114 | }
|
115 | #search {
|
116 | display: block;
|
117 | position: fixed;
|
118 | top: 20px;
|
119 | right: 20px;
|
120 | width: 90px;
|
121 | -webkit-transition: width ease 0.2s, opacity ease 0.4s;
|
122 | -moz-transition: width ease 0.2s, opacity ease 0.4s;
|
123 | -webkit-border-radius: 32px;
|
124 | -moz-border-radius: 32px;
|
125 | -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.03);
|
126 | -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.03);
|
127 | -webkit-font-smoothing: antialiased;
|
128 | text-align: left;
|
129 | font: 13px "Helvetica Neue", Arial, sans-serif;
|
130 | padding: 4px 10px;
|
131 | border: none;
|
132 | background: transparent;
|
133 | margin-bottom: 0;
|
134 | outline: none;
|
135 | opacity: 0.7;
|
136 | color: #888;
|
137 | }
|
138 | #search:focus {
|
139 | width: 120px;
|
140 | opacity: 1.0;
|
141 | }
|