xref: /template/parabola/css/parabola-inline.css (revision 9a272093f9bf368292552002d3ad0fa2ed6f9799) 
1
2img.wp-smiley,
3img.emoji {
4	display: inline !important;
5	border: none !important;
6	box-shadow: none !important;
7	height: 1em !important;
8	width: 1em !important;
9	margin: 0 .07em !important;
10	vertical-align: -0.1em !important;
11	background: none !important;
12	padding: 0 !important;
13}
14
15
16
17
18#wpadminbar {
19 display:none;
20}
21
22
23
24	/*	html { margin-top: 32px !important; }
25	* html body { margin-top: 32px !important; }*/
26	#header-full { padding-top: 32px; }
27
28
29
30#header,
31#main,
32.topmenu,
33#colophon,
34#footer2-inner {
35 max-width: __site_width__;
36 /*desbest edit */
37}
38#container.one-column {
39}
40#container.two-columns-right #secondary {
41 /*desbest edit*/
42 width:__sidebar_width__;
43 float:right;
44}
45#container.two-columns-right #content {
46 /*width:900px;*/
47 /*desbest edit*/
48 margin-right: 15px;
49 box-sizing: border-box;
50 float:left;
51} /*fallback*/
52#container.two-columns-right #content {
53 /*width: 300px;*/
54 /*width:~"calc(100% - 300px);*/
55 max-width: ~"calc(100% - "__sidebar_width__ ~" - 15px)";
56 float:left;
57}
58#container.two-columns-left #primary {
59 width:280px;
60 float:left;
61}
62#container.two-columns-left #content {
63 width:900px;
64 float:right;
65} /*fallback*/
66#container.two-columns-left #content {
67 width:-moz-~"calc(100% - 300px)";
68 float:right;
69 width:-webkit-~"calc(100% - 300px)";
70 width:~"calc(100% - 300px)";
71}
72#container.three-columns-right .sidey {
73 width:140px;
74 float:left;
75}
76#container.three-columns-right #primary {
77 margin-left:20px;
78 margin-right:20px;
79}
80#container.three-columns-right #content {
81 width:880px;
82 float:left;
83} /*fallback*/
84#container.three-columns-right #content {
85 width:-moz-~"calc(100% - 320px)";
86 float:left;
87 width:-webkit-~"calc(100% - 320px)";
88 width:~"calc(100% - 320px)";
89}
90#container.three-columns-left .sidey {
91 width:140px;
92 float:left;
93}
94#container.three-columns-left #secondary {
95 margin-left:20px;
96 margin-right:20px;
97}
98#container.three-columns-left #content {
99 width:880px;
100 float:right;
101} /*fallback*/
102#container.three-columns-left #content {
103 width:-moz-~"calc(100% - 320px)";
104 float:right;
105 width:-webkit-~"calc(100% - 320px)";
106 width:~"calc(100% - 320px)";
107}
108#container.three-columns-sided .sidey {
109 width:140px;
110 float:left;
111}
112#container.three-columns-sided #secondary {
113 float:right;
114}
115#container.three-columns-sided #content {
116 width:880px;
117 float:right; /*fallback*/
118 width:-moz-~"calc(100% - 320px)";
119 float:right;
120 width:-webkit-~"calc(100% - 320px)";
121 float:right;
122 width:~"calc(100% - 320px)";
123 float:right;
124 margin: 0 160px 0 -1200px;
125}
126body {
127 font-family: "Open Sans";
128}
129#content h1.entry-title a,
130#content h2.entry-title a,
131#content h1.entry-title ,
132#content h2.entry-title,
133#frontpage .nivo-caption h3,
134.column-header-image,
135.column-header-noimage,
136.columnmore {
137 font-family: "Bebas Neue";
138}
139.widget-title,
140.widget-title a {
141 line-height: normal;
142 font-family: "Bebas Neue";
143}
144.entry-content h1,
145.entry-content h2,
146.entry-content h3,
147.entry-content h4,
148.entry-content h5,
149.entry-content h6,
150h3#comments-title,
151#comments #reply-title {
152 font-family: "Yanone Kaffeesatz Regular";
153}
154#site-title span a {
155 font-family: "Bebas Neue";
156}
157#access ul li a,
158#access ul li a span {
159 font-family: "Open Sans";
160}
161body {
162 /*color: #555555;*/
163 /*background-color: #F3F3EE */
164 /*desbest edit */
165}
166a {
167 color: #BF4D28;
168}
169a:hover {
170 color: #E6AC27;
171}
172#header-full {
173 background-color: #FFFFFF;
174}
175#site-title span a {
176 color:#BF4D28;
177}
178#site-description {
179 color:#999999;
180}
181.socials a {
182 background-color: #BF4D28;
183}
184.socials .socials-hover {
185 background-color: #333333;
186}
187.breadcrumbs:before {
188 border-color: transparent transparent transparent #555555;
189}
190#access a,
191#nav-toggle span {
192 color: #EEEEEE;
193 background-color: #333333;
194}
195#access a:hover {
196 color: #E6AC27;
197 background-color: #444444;
198}
199#access > .menu > ul > li > a:after,
200#access > .menu > ul ul:after {
201 border-color: transparent transparent #BF4D28 transparent;
202}
203#access ul li:hover a:after {
204 border-bottom-color:#E6AC27;
205}
206#access ul li.current_page_item > a,
207#access ul li.current-menu-item > a, /*#access ul li.current_page_parent > a, #access ul li.current-menu-parent > a,*/
208#access ul li.current_page_ancestor > a,
209#access ul li.current-menu-ancestor > a {
210 color: #FFFFFF;
211 background-color: #000000;
212}
213#access ul li.current_page_item > a:hover,
214#access ul li.current-menu-item > a:hover, /*#access ul li.current_page_parent > a:hover, #access ul li.current-menu-parent > a:hover,*/
215#access ul li.current_page_ancestor > a:hover,
216#access ul li.current-menu-ancestor > a:hover {
217 color: #E6AC27;
218}
219#access ul ul {
220 box-shadow: 3px 3px 0 rgba(102,102,102,0.3);
221}
222.topmenu ul li a {
223 /*color: ;*/
224 /* desbest edit */
225}
226.topmenu ul li a:before {
227 border-color: #BF4D28 transparent transparent transparent;
228}
229.topmenu ul li a:hover:before {
230 border-top-color:#E6AC27
231}
232.topmenu ul li a:hover {
233 color: #BF4D28;
234 /*background-color: ;*/
235 /* desbest edit */
236}
237div.post,
238div.page,
239div.hentry,
240div.product,
241div[class^='post-'],
242#comments,
243.comments,
244.column-text,
245.column-image,
246#srights,
247#slefts,
248#front-text3,
249#front-text4,
250.page-title,
251.page-header,
252article.post,
253article.page,
254article.hentry,
255.contentsearch,
256#author-info,
257#nav-below,
258.yoyo > li,
259.woocommerce #mainwoo {
260 background-color: #FFFFFF;
261}
262div.post,
263div.page,
264div.hentry,
265.sidey .widget-container,
266#comments,
267.commentlist .comment-body,
268article.post,
269article.page,
270article.hentry,
271#nav-below,
272.page-header,
273.yoyo > li,
274#front-text3,
275#front-text4 {
276 border-color: #EEEEEE;
277}
278#author-info,
279#entry-author-info {
280 border-color: #F7F7F7;
281}
282#entry-author-info #author-avatar,
283#author-info #author-avatar {
284 border-color: #EEEEEE;
285}
286article.sticky:hover {
287 border-color: rgba(230,172,39,.6);
288}
289.sidey .widget-container {
290 color: #333333;
291 background-color: #FFFFFF;
292}
293.sidey .widget-title {
294 color: #FFFFFF;
295 background-color: #444444;
296}
297.sidey .widget-title:after {
298 border-color: transparent transparent #BF4D28;
299}
300.entry-content h1,
301.entry-content h2,
302.entry-content h3,
303.entry-content h4,
304.entry-content h5,
305.entry-content h6 {
306 color: #444444;
307}
308.entry-title,
309.entry-title a,
310.page-title {
311 color: #444444;
312}
313.entry-title a:hover {
314 color: #000000;
315}
316#content h3.entry-format {
317 color: #EEEEEE;
318 background-color: #333333;
319 border-color: #333333;
320}
321#content h3.entry-format {
322 color: #EEEEEE;
323 background-color: #333333;
324 border-color: #333333;
325}
326.comments-link {
327 background-color: #F7F7F7;
328}
329.comments-link:before {
330 border-color: #F7F7F7 transparent transparent;
331}
332#footer {
333 color: #AAAAAA;
334 background-color: #1A1917;
335}
336#footer2 {
337 color: #AAAAAA;
338 background-color: #131211;
339 border-color:rgba(255,255,255,.1);
340}
341#footer a {
342 color: #BF4D28;
343}
344#footer a:hover {
345 color: #E6AC27;
346}
347#footer2 a {
348 color: #BF4D28;
349}
350#footer2 a:hover {
351 color: #E6AC27;
352}
353#footer .widget-container {
354 color: #333333;
355 background-color: #FFFFFF;
356}
357#footer .widget-title {
358 color: #FFFFFF;
359 background-color: #444444;
360}
361#footer .widget-title:after {
362 border-color: transparent transparent #BF4D28;
363}
364.footermenu ul li a:after {
365 border-color: transparent transparent #BF4D28 transparent;
366}
367a.continue-reading-link {
368 color:#EEEEEE !important;
369 background:#333333;
370 border-color:#EEEEEE;
371}
372a.continue-reading-link:hover {
373 background-color:#BF4D28;
374}
375.button,
376#respond .form-submit input#submit {
377 background-color: #F7F7F7;
378 border-color: #EEEEEE;
379}
380.button:hover,
381#respond .form-submit input#submit:hover {
382 border-color: #CCCCCC;
383}
384.entry-content tr th,
385.entry-content thead th {
386 color: #FFFFFF;
387 background-color: #444444;
388}
389.entry-content fieldset,
390#content tr td {
391 border-color: #CCCCCC;
392}
393hr {
394 background-color: #CCCCCC;
395}
396input[type="text"],
397input[type="password"],
398input[type="email"],
399textarea,
400select,
401input[type="color"],
402input[type="date"],
403input[type="datetime"],
404input[type="datetime-local"],
405input[type="month"],
406input[type="number"],
407input[type="range"],
408input[type="search"],
409input[type="tel"],
410input[type="time"],
411input[type="url"],
412input[type="week"] {
413 background-color: #F7F7F7;
414 border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC;
415 color: #555555;
416}
417input[type="submit"],
418input[type="reset"] {
419 color: #555555;
420 background-color: #F7F7F7;
421 border-color: #EEEEEE;
422}
423input[type="text"]:hover,
424input[type="password"]:hover,
425input[type="email"]:hover,
426textarea:hover,
427input[type="color"]:hover,
428input[type="date"]:hover,
429input[type="datetime"]:hover,
430input[type="datetime-local"]:hover,
431input[type="month"]:hover,
432input[type="number"]:hover,
433input[type="range"]:hover,
434input[type="search"]:hover,
435input[type="tel"]:hover,
436input[type="time"]:hover,
437input[type="url"]:hover,
438input[type="week"]:hover {
439 background-color: rgb(247,247,247);
440 background-color: rgba(247,247,247,0.4);
441}
442.entry-content code {
443 border-color: #CCCCCC;
444 background-color: #F7F7F7;
445}
446.entry-content pre {
447 background-color: #F7F7F7;
448}
449.entry-content blockquote {
450 border-color: #BF4D28;
451 background-color: #F7F7F7;
452}
453abbr,
454acronym {
455 border-color: #555555;
456}
457span.edit-link {
458 color: #555555;
459 background-color: #EEEEEE;
460 border-color: #F7F7F7;
461}
462.meta-border .entry-meta span,
463.meta-border .entry-utility span.bl_posted {
464 border-color: #F7F7F7;
465}
466.meta-accented .entry-meta span,
467.meta-accented .entry-utility span.bl_posted {
468 background-color: #EEEEEE;
469 border-color: #F7F7F7;
470}
471.comment-meta a {
472 color: #999999;
473}
474.comment-author {
475 background-color: #F7F7F7;
476}
477.comment-details:after {
478 border-color: transparent transparent transparent #F7F7F7;
479}
480.comment:hover > div > .comment-author {
481 background-color: #EEEEEE;
482}
483.comment:hover > div > .comment-author .comment-details:after {
484 border-color: transparent transparent transparent #EEEEEE;
485}
486#respond .form-allowed-tags {
487 color: #999999;
488}
489.comment .reply a {
490 border-color: #EEEEEE;
491 color: #555555;
492}
493.comment .reply a:hover {
494 background-color: #EEEEEE
495}
496.nav-next a:hover,
497.nav-previous a:hover {
498 background: #F7F7F7
499}
500.pagination .current {
501 font-weight: bold;
502}
503.pagination span,
504.pagination a {
505 background-color: #FFFFFF;
506}
507.pagination a:hover {
508 background-color: #333333;
509 color:#BF4D28
510}
511.page-link em {
512 background-color: #333333;
513 color:#BF4D28;
514}
515.page-link a em {
516 color:#E6AC27;
517}
518.page-link a:hover em {
519 background-color:#444444;
520}
521#searchform input[type="text"] {
522 color:#999999;
523}
524#toTop {
525 border-color:transparent transparent #131211;
526}
527#toTop:after {
528 border-color:transparent transparent #FFFFFF;
529}
530#toTop:hover:after {
531 border-bottom-color:#BF4D28;
532}
533.caption-accented .wp-caption {
534 background-color:rgb(191,77,40);
535 background-color:rgba(191,77,40,0.8);
536 color:#FFFFFF
537}
538.meta-themed .entry-meta span {
539 color: #999999;
540 background-color: #F7F7F7;
541 border-color: #EEEEEE;
542}
543.meta-themed .entry-meta span:hover {
544 background-color: #EEEEEE;
545}
546.meta-themed .entry-meta span a:hover {
547 color: #555555;
548}
549.entry-content,
550.entry-summary,
551#front-text3,
552#front-text4 {
553 text-align:Default ;
554}
555html {
556 font-size:16px;
557 word-spacing:Default;
558 letter-spacing:Default;
559 line-height:1.7em;
560}
561#content h1.entry-title,
562#content h2.entry-title {
563 font-size:36px ;
564}
565.widget-title,
566.widget-title a {
567 font-size:18px ;
568}
569.entry-content h1 {
570 font-size: 2.676em;
571}
572#frontpage h1 {
573 font-size: 2.076em;
574}
575.entry-content h2 {
576 font-size: 2.352em;
577}
578#frontpage h2 {
579 font-size: 1.752em;
580}
581.entry-content h3 {
582 font-size: 2.028em;
583}
584#frontpage h3 {
585 font-size: 1.428em;
586}
587.entry-content h4 {
588 font-size: 1.704em;
589}
590#frontpage h4 {
591 font-size: 1.104em;
592}
593.entry-content h5 {
594 font-size: 1.38em;
595}
596#frontpage h5 {
597 font-size: 0.78em;
598}
599.entry-content h6 {
600 font-size: 1.056em;
601}
602#frontpage h6 {
603 font-size: 0.456em;
604}
605#site-title span a {
606 font-size:48px ;
607}
608#access ul li a {
609 font-size:14px ;
610}
611#access ul ul ul a {
612 font-size:12px;
613}
614.nocomments,
615.nocomments2 {
616 display:none;
617}
618#header-container > div:first-child {
619 margin:40px 0 0 0px;
620}
621.entry-content p,
622.entry-content ul,
623.entry-content ol,
624.entry-content dd,
625.entry-content pre,
626.entry-content hr,
627.commentlist p {
628 margin-bottom: 1.0em;
629}
630#header-widget-area {
631 width: 33%;
632}
633#branding {
634 height:120px;
635}
636
637/* Parabola Custom CSS */
638/* end */
639
640.fluid-width-video-wrapper {
641 width: 100%;
642 position: relative;
643 padding: 0;
644}
645.fluid-width-video-wrapper iframe,
646.fluid-width-video-wrapper object,
647.fluid-width-video-wrapper embed {
648 position: absolute;
649 top: 0;
650 left: 0;
651 width: 100%;
652 height: 100%;
653}
654