rev |
line source |
al@284
|
1
|
al@284
|
2 /* Be compatible with old FF and Webkit version. */
|
al@293
|
3 /*input[type="submit"] {
|
al@284
|
4 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
|
al@284
|
5 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
|
al@284
|
6 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
|
al@293
|
7 }*/
|
pankso@231
|
8
|
pankso@450
|
9 #header { border-bottom: 4px solid #ccc; background: #222; }
|
al@293
|
10 #header h1 { padding: 3px 0 0 42px; }
|
al@293
|
11 #footer { background-color: #FFF; }
|
pankso@231
|
12
|
al@293
|
13 /* COMMON STYLES */
|
al@293
|
14 select:focus, select:hover, input:focus, input[type]:hover {
|
al@284
|
15 color: #000;
|
al@284
|
16 -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
|
al@284
|
17 -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
|
pankso@231
|
18 }
|
al@284
|
19 input, select {
|
al@284
|
20 -webkit-transition: all 0.3s ease-in-out;
|
al@284
|
21 -moz-transition: all 0.3s ease-in-out;
|
al@284
|
22 -o-transition: all 0.3s ease-in-out;
|
al@284
|
23 -ms-transition: all 0.3s ease-in-out;
|
al@284
|
24 transition: all 0.3s ease-in-out;
|
al@284
|
25 }
|
al@293
|
26 select, input[type="text"], input[type="submit"] {
|
al@293
|
27 font-size: 14px;
|
al@293
|
28 border: 1px solid #CCC;
|
al@293
|
29 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
|
al@293
|
30 color: #444;
|
al@293
|
31 outline: 0 none;
|
al@293
|
32 }
|
al@284
|
33
|
al@293
|
34 /* TABLE */
|
al@293
|
35 table {
|
al@293
|
36 width: 100%;
|
al@293
|
37 font-size: 12px;
|
al@284
|
38 border: 1px solid #CCC;
|
al@293
|
39 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
|
al@293
|
40 border-spacing: 0;
|
al@293
|
41 padding: 2px;
|
al@293
|
42 }
|
al@293
|
43 tr {
|
al@293
|
44 margin: 0;
|
al@284
|
45 padding: 4px;
|
al@293
|
46 }
|
al@293
|
47 td {
|
al@293
|
48 margin: 0;
|
al@293
|
49 padding: 6px;
|
al@293
|
50 vertical-align: top;
|
al@293
|
51 }
|
al@293
|
52 tr.even {
|
al@293
|
53 background-color: #F0F0F0;
|
al@293
|
54 }
|
al@293
|
55 td.first {
|
al@293
|
56 width: 1%;
|
al@293
|
57 white-space: nowrap;
|
al@293
|
58 }
|
al@293
|
59 td.pre {
|
al@293
|
60 padding-left: 2em;
|
al@293
|
61 white-space: nowrap;
|
al@293
|
62 }
|
al@293
|
63
|
al@293
|
64
|
al@293
|
65 /* --- */
|
al@293
|
66
|
al@293
|
67 input[type="submit"] {
|
al@293
|
68 padding: 4px;
|
al@293
|
69 margin: 0;
|
al@284
|
70 font-size: 14px;
|
al@284
|
71 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
|
al@284
|
72 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
|
al@293
|
73 /* -webkit-appearance: none;
|
al@284
|
74 -webkit-padding-end: 6px;
|
al@293
|
75 -webkit-padding-start: 6px;*/
|
al@284
|
76 }
|
al@284
|
77
|
al@293
|
78 div.form {
|
al@293
|
79 display: table;
|
al@293
|
80 table-layout: auto;
|
al@293
|
81 width: 100%;
|
al@293
|
82 padding: 0;
|
al@293
|
83 margin: 0 0 20px 0; /* t r b l */
|
al@284
|
84 }
|
al@284
|
85
|
al@293
|
86 #s_form {
|
al@293
|
87 display: table-row;
|
al@293
|
88 padding: 0;
|
al@293
|
89 margin: 0;
|
al@293
|
90 text-align: center;
|
al@293
|
91 border: 1pt solid yellow;
|
al@293
|
92 }
|
al@284
|
93
|
al@293
|
94 .small {
|
al@293
|
95 white-space: nowrap;
|
al@293
|
96 display: table-cell;
|
al@293
|
97 width: 10%;
|
al@293
|
98 }
|
al@284
|
99
|
al@284
|
100 select {
|
al@293
|
101 padding: 4px;
|
al@293
|
102 margin: 0 4px;
|
al@293
|
103 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
|
al@284
|
104 background-position: center right;
|
al@284
|
105 background-repeat: no-repeat;
|
al@284
|
106 -webkit-appearance: none;
|
al@293
|
107 cursor: pointer;
|
al@284
|
108 }
|
al@284
|
109
|
al@293
|
110 span.stretch {
|
al@293
|
111 display: table-cell;
|
al@293
|
112 width: 100%;
|
al@293
|
113 padding: 0 4px;
|
al@293
|
114 margin: 0;
|
al@284
|
115 }
|
al@293
|
116
|
al@293
|
117 input[type="text"] {
|
al@293
|
118 padding: 4px 0;
|
al@293
|
119 margin: 0;
|
al@293
|
120 border: 1px solid #CCC;
|
al@293
|
121 background-color: #FEFEFE;
|
al@293
|
122 }
|
al@293
|
123
|
al@293
|
124 div#ticker img {
|
al@293
|
125 float: right;
|
al@293
|
126 }
|
al@293
|
127
|
al@293
|
128 .summary {
|
al@293
|
129 margin-top: 12px;
|
al@293
|
130 text-align: center;
|
al@293
|
131 font-style: italic;
|
al@293
|
132 }
|
al@293
|
133 .match {
|
al@293
|
134 font-weight: bold;
|
al@293
|
135 color: #F33;
|
al@293
|
136 }
|
al@293
|
137
|
al@293
|
138 /* SYNTAX HIGHLIGHTER */
|
al@293
|
139 .r-comment { color: #888; }
|
al@293
|
140 .r-literal { color: #f35a00; }
|
al@293
|
141 .r-var { font-weight: bold; color: #070; }
|
al@293
|
142 .r-func { color: #4895DD; }
|
al@293
|
143 .r-url { text-decoration: none; }
|
al@293
|
144 .r-com, .r-scom { color: #4895DD; font-weight: bold; /*background-color: #cde;*/ }
|
al@293
|
145 .r-path { text-decoration: underline; color: brown; }
|
al@293
|
146 .r-param { font-weight: bold; color: #444; }
|