Mercurial > hg > drupalISMI

comparison mpiwgISMI/color/preview.css @ 8:5148098e96a4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add theme drupalISMI.
author casties
date Fri, 19 Jun 2015 18:58:25 +0200
parents
children
comparison
equal deleted inserted replaced
7:f651752ee9ad 8:5148098e96a4
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 }