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