0
|
1
|
|
2 /* ---------- Color form ----------- */
|
|
3 #color_scheme_form #palette .form-item {
|
|
4 width: 25em;
|
|
5 }
|
|
6 #color_scheme_form #palette .form-item label {
|
|
7 width: 15em;
|
|
8 }
|
|
9
|
|
10 /* ---------- Preview Styles ----------- */
|
|
11
|
|
12 html.js #preview {
|
|
13 clear: both;
|
|
14 float: none !important;
|
|
15 }
|
|
16 #preview {
|
|
17 background-color: #fff;
|
|
18 font-family: Georgia, "Times New Roman", Times, serif;
|
|
19 font-size: 14px;
|
|
20 line-height: 1.5;
|
|
21 overflow: hidden;
|
|
22 word-wrap: break-word;
|
|
23 margin-bottom: 10px;
|
|
24 }
|
|
25 #preview-header {
|
|
26 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
27 position: relative;
|
|
28 }
|
|
29 #preview-logo {
|
|
30 float: left;
|
|
31 padding: 15px 15px 15px 10px;
|
|
32 }
|
|
33 #preview-site-name {
|
|
34 color: #686868;
|
|
35 font-weight: normal;
|
|
36 font-size: 1.821em;
|
|
37 line-height: 1;
|
|
38 margin-bottom: 30px;
|
|
39 margin-left: 15px;
|
|
40 padding-top: 34px;
|
|
41 }
|
|
42 #preview-main-menu {
|
|
43 clear: both;
|
|
44 padding: 0 15px 3px;
|
|
45 }
|
|
46 #preview-main-menu-links a {
|
|
47 color: #d9d9d9;
|
|
48 padding: 0.6em 1em 0.4em;
|
|
49 }
|
|
50 #preview-main-menu-links {
|
|
51 font-size: 0.929em;
|
|
52 margin: 0;
|
|
53 padding: 0;
|
|
54 }
|
|
55 #preview-main-menu-links a {
|
|
56 color: #333;
|
|
57 background: #ccc;
|
|
58 background: rgba(255, 255, 255, 0.7);
|
|
59 text-shadow: 0 1px #eee;
|
|
60 -khtml-border-radius-topleft: 8px;
|
|
61 -moz-border-radius-topleft: 8px;
|
|
62 -webkit-border-top-left-radius: 8px;
|
|
63 border-top-left-radius: 8px;
|
|
64 -khtml-border-radius-topright: 8px;
|
|
65 -moz-border-radius-topright: 8px;
|
|
66 -webkit-border-top-right-radius: 8px;
|
|
67 border-top-right-radius: 8px;
|
|
68 }
|
|
69 #preview-main-menu-links a:hover,
|
|
70 #preview-main-menu-links a:focus {
|
|
71 background: #fff;
|
|
72 background: rgba(255, 255, 255, 0.95);
|
|
73 }
|
|
74 #preview-main-menu-links a:active {
|
|
75 background: #b3b3b3;
|
|
76 background: rgba(255, 255, 255, 1);
|
|
77 }
|
|
78 #preview-main-menu-links li a.active {
|
|
79 border-bottom: none;
|
|
80 }
|
|
81 #preview-main-menu-links li {
|
|
82 display: inline;
|
|
83 list-style-type: none;
|
|
84 padding: 0.6em 0 0.4em;
|
|
85 }
|
|
86 #preview-sidebar,
|
|
87 #preview-content {
|
|
88 display: inline;
|
|
89 float: left;
|
|
90 position: relative;
|
|
91 }
|
|
92 #preview-sidebar {
|
|
93 margin-left: 15px;
|
|
94 width: 210px;
|
|
95 }
|
|
96 #preview-content {
|
|
97 margin-left: 30px;
|
|
98 width: 26.5em;
|
|
99 }
|
|
100 #preview-sidebar .preview-block {
|
|
101 border: 1px solid;
|
|
102 margin: 20px 0;
|
|
103 padding: 15px 20px;
|
|
104 }
|
|
105 #preview-sidebar h2 {
|
|
106 border-bottom: 1px solid #d6d6d6;
|
|
107 font-size: 1.071em;
|
|
108 font-weight: normal;
|
|
109 line-height: 1.2;
|
|
110 margin: 0 0 0.5em;
|
|
111 padding-bottom: 5px;
|
|
112 text-shadow: 0 1px 0 #fff;
|
|
113 }
|
|
114 #preview .preview-block .preview-content {
|
|
115 margin-top: 1em;
|
|
116 }
|
|
117 #preview .preview-block-menu .preview-content,
|
|
118 #preview .preview-block-menu .preview-content ul {
|
|
119 margin-top: 0;
|
|
120 }
|
|
121 #preview-main {
|
|
122 margin-bottom: 40px;
|
|
123 margin-top: 20px;
|
|
124 }
|
|
125 #preview-page-title {
|
|
126 font-size: 2em;
|
|
127 font-weight: normal;
|
|
128 line-height: 1;
|
|
129 margin: 1em 0 0.5em;
|
|
130 }
|
|
131 #preview-footer-wrapper {
|
|
132 color: #c0c0c0;
|
|
133 color: rgba(255, 255, 255, 0.65);
|
|
134 display: block !important;
|
|
135 font-size: 0.857em;
|
|
136 padding: 20px 20px 25px;
|
|
137 }
|
|
138 #preview-footer-wrapper a {
|
|
139 color: #fcfcfc;
|
|
140 color: rgba(255, 255, 255, 0.8);
|
|
141 }
|
|
142 #preview-footer-wrapper a:hover,
|
|
143 #preview-footer-wrapper a:focus {
|
|
144 color: #fefefe;
|
|
145 color: rgba(255, 255, 255, 0.95);
|
|
146 text-decoration: underline;
|
|
147 }
|
|
148 #preview-footer-wrapper .preview-footer-column {
|
|
149 display: inline;
|
|
150 float: left;
|
|
151 padding: 0 10px;
|
|
152 position: relative;
|
|
153 width: 220px;
|
|
154 }
|
|
155 #preview-footer-wrapper .preview-block {
|
|
156 border: 1px solid #444;
|
|
157 border-color: rgba(255, 255, 255, 0.1);
|
|
158 margin: 20px 0;
|
|
159 padding: 10px;
|
|
160 }
|
|
161 #preview-footer-columns .preview-block-menu {
|
|
162 border: none;
|
|
163 margin: 0;
|
|
164 padding: 0;
|
|
165 }
|
|
166 #preview-footer-columns h2 {
|
|
167 border-bottom: 1px solid #555;
|
|
168 border-color: rgba(255, 255, 255, 0.15);
|
|
169 font-size: 1em;
|
|
170 margin-bottom: 0;
|
|
171 padding-bottom: 3px;
|
|
172 text-transform: uppercase;
|
|
173 }
|
|
174 #preview-footer-columns .preview-content {
|
|
175 margin-top: 0;
|
|
176 }
|
|
177 #preview-footer-columns .preview-content ul {
|
|
178 margin-left: 0;
|
|
179 padding-left: 0;
|
|
180 }
|
|
181 #preview-footer-columns .preview-content li {
|
|
182 list-style: none;
|
|
183 list-style-image: none;
|
|
184 margin: 0;
|
|
185 padding: 0;
|
|
186 }
|
|
187 #preview-footer-columns .preview-content li a {
|
|
188 border-bottom: 1px solid #555;
|
|
189 border-color: rgba(255, 255, 255, 0.15);
|
|
190 display: block;
|
|
191 line-height: 1.2;
|
|
192 padding: 0.8em 2px 0.8em 20px;
|
|
193 text-indent: -15px;
|
|
194 }
|
|
195 #preview-footer-columns .preview-content li a:hover,
|
|
196 #preview-footer-columns .preview-content li a:focus {
|
|
197 background-color: #1f1f21;
|
|
198 background-color: rgba(255, 255, 255, 0.05);
|
|
199 text-decoration: none;
|
|
200 }
|