wordpress/php-fpm/wordpress_files/themes/retropress/css/index.css

265 lines
14 KiB
CSS
Raw Normal View History

2020-05-22 03:40:23 +02:00
/* -==========================- GENERAL -==========================- */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
input[type="text"]:focus { outline: none; }
* html .clearfix { height: 1%; }
body { padding:0px; font-family:arial; font-size:12px; margin:0px; margin-bottom:0px; }
ul { margin:0px; padding:0px; list-style:none; }
h1 { font-family: 'Oswald',sans-serif; font-weight:normal; font-size:21px; }
h2 { font-family: 'Oswald',sans-serif; font-size:18px; font-weight:normal; }
h3 { font-family: 'Oswald',sans-serif; font-size:14px; font-weight:normal; margin:0px; padding:10px 0px; }
img { border-width:0px; }
/* -==========================- HEADER -==========================- */
.menusearch {
float:right;
}
/* -==========================- SLIDER -==========================- */
.slider { position:relative;margin:0px auto; }
.fp-thumbnail { overflow:hidden; text-align:center; }
.fp-prev-next-wrap { position: absolute; z-index: 200; width:100%; bottom:50%; }
.fp-prev-next { position: absolute; left: 0; right: 0; height: 0px; }
.fp-prev { float:left; width:50px; height:52px; background:url(../images/slide-left.png) left top no-repeat; }
.fp-next { float:right; width:50px; height:52px; background:url(../images/slide-right.png) right top no-repeat; }
.fp-nav { position:absolute; bottom:-25px; right:30px; left:30px; text-align:center; z-index:9999; }
.fp-title { margin:0px; padding:0px; }
.fp-content-fon { position: absolute; padding-bottom:0px; height:80px; opacity: 0.5; filter: alpha(opacity = 50); bottom: 30px; right: 520px; left: 30px; background: #444; border:1px solid #aaa; }
.fp-content { position: absolute; height:70px; padding: 5px 20px; bottom: 30px; right: 520px; left: 30px; overflow: hidden; }
.fp-content a, .fp-content p { color:#fff; }
.fp-content p { padding-bottom:10px; margin:0px; }
.fp-slides { margin:0 auto; padding:0px; height: 370px; overflow: hidden; position: relative; width: 100%; }
.fp-slides-items { display: none; left: 0; opacity: 1; position: absolute; top: 0; z-index: 3; }
.fp-slides-items.fp-first { display: block; }
.fp-pager a { background-image: url(../images/smt/slider-page.png); color:red; cursor:pointer; margin: 3px 8px 0 0; padding: 0; display: inline-block; overflow: hidden; text-indent: -999px; background-position: 0 0; float: none; line-height: 1; width:10px; height:10px;}
.fp-pager a:hover, .fp-pager a.activeSlide { background-image: url(../images/smt/slider-page-active.png); }
.slider-nothumb .fp-content { height:180px; padding: 5px 40px; }
.slider-nothumb .fp-content-fon { height:207px; bottom:0px; left:0px; right:0px; border:none; }
.slider-nothumb .fp-content { bottom:0px; right:80px; left:80px; }
.slider-nothumb .fp-thumbnail { height:207px; }
.slider-nothumb .fp-slides { height:207px; border-top:0px; border-bottom:0px; }
.slider-nothumb .fp-slides-items { height:207px; }
/* -==========================- MENU -==========================- */
#mainmenu { position:relative; }
#mainmenu li, #secondarymenu li { position:relative; }
/* -==========================- DROP DOWN MENU -==========================- */
#header li ul .transparent { z-index:1; width: 100%; height:100%; padding:0px -1px; position: absolute; margin-bottom:1px; *margin-left:-3px; }
#header li ul .inner { border:none; height:100%; padding:10px 0px; z-index:2; position:relative; }
#header .sub-menu { display:none; z-index:999; }
.mobile-menu {display:none;}
/* -==========================- CONTENT -==========================- */
#content .container { min-height:400px; }
#main_content { padding:0 30px; padding-bottom:20px; overflow:hidden; }
/* -==========================- ARTICLES -==========================- */
.articles { margin:0 -30px;}
.articles .post-caption { margin:0px; padding:0 30px; padding-top:1px; padding-bottom:12px;}
.articles .post-body { overflow:hidden; padding:0 30px; padding-bottom:20px; font-size:13px; line-height:18px; margin-left:0;}
.articles .post-caption p { padding:12px 0; margin:0; }
.articles .post-caption h2,.articles .post-caption h1 { padding:14px 0; margin:0; }
.articles .post-caption p img{ margin:0px 5px; margin-bottom:-4px; }
.featured_image{ padding:5px; margin-right:10px; margin-bottom:10px; border:1px solid #dadada; background:#fff; }
.articles ul { padding:10px 40px; list-style:disc; }
.alignleft { float:left; }
.aligncenter { margin:0 auto; display:block;}
.alignright { float:right; }
a.readmore { float:right; text-decoration:none; padding:4px 15px; text-align:center; clear:both; margin-top:20px;}
/* -==========================- WIDGETS -==========================- */
.tab_widget, .widget { padding:10px; }
.tab_widget ul, .widget ul { overflow:hidden; }
.tab_widget ul li, .widget ul li{ padding:10px 0; margin-top:-2px; margin-bottom:-1px; }
.tab_widget p, .widget p { margin:2px 0; }
/* =----------------------------= BANNERS =----------------------------= */
.widget_banners { text-align:center; padding:10px 0; overflow:hidden; }
.widget_banners .bnr_span { margin:5px; float:left; display:block; }
.widget_banners h3 { width:260px; text-align:left; margin:0 auto; }
/* =----------------------------= COMMENTS WITH AVATARS =----------------------------= */
.widget_comments .avatar img{ border:1px solid #d9d9d9; }
.widget_comments .avatar{ float:left; text-align:center; margin-right:10px; }
.widget_comments .comment { font-style:italic; }
.widget_comments .comment:before { content: "“"; }
.widget_comments .comment:after { content: "”"; }
.widget_comments a { text-decoration:none; }
.widget_comments ul { overflow:hidden; }
.widget_comments ul li p { margin-top:0px; }
.widget_comments ul li { clear:both; overflow:hidden;}
/* =----------------------------= FACEBOOK =----------------------------= */
.fb_iframe_widget { width:100%; }
/* =----------------------------= FLICKR =----------------------------= */
.widget_flickr { text-align:center; }
.widget_flickr img:hover { opacity: 0.7; filter: alpha(opacity = 70); }
.widget_flickr a { overflow:hidden; display:inline-block; padding:2px; background:#fff; border:1px solid #f0f0f0; }
.widget_flickr h3 { text-align:left; }
/* =----------------------------= POSTS WITH IMAGES =----------------------------= */
.widget_posts ul li img { float:left; padding:2px; background:#fff; margin-right:10px; }
.widget_posts ul li { overflow:hidden; }
.widget_posts ul { overflow:hidden; }
.widget_posts p.withdate { padding-left:46px; }
.widget_posts .date { float:left; display:block; padding:5px; margin-right:10px; background:none; text-align:center; }
.widget_posts .day { font-size:200%; }
/* =----------------------------= SOCIAL PROFILES =----------------------------= */
.widget_social_profiles { text-align:center; }
.widget_social_profiles a img { margin:2px; }
.widget_social_profiles h3 { text-align:left; }
/* =----------------------------= TWITTER =----------------------------= */
.widget_tweets ul { overflow:hidden; clear:both; }
.widget_tweets ul li.tweets-bird{ padding-left:30px; background:url(../images/smt/twitter.png) left 50% no-repeat; }
/* =----------------------------= ARCHIVES =----------------------------= */
.widget_archive ul li:before { content: "»"; margin-right:5px; margin-left:5px; }
/* =----------------------------= CATEGORIES =----------------------------= */
.widget_categories ul li:before { content: "»"; margin-right:5px; margin-left:5px; }
/* =----------------------------= CALENDAR =----------------------------= */
#wp-calendar { width:100%; }
#wp-calendar th {padding:5px 0; }
#wp-calendar caption { font-family: 'Oswald',sans-serif; font-size:14px; font-weight:normal; margin:0px; padding:10px 0px; }
#wp-calendar tbody td { text-align:center; padding:5px 0; margin:2px; }
#wp-calendar tbody td.pad { background:none; }
#wp-calendar #prev { padding-top:10px; }
/* =----------------------------= MENU =----------------------------= */
.widget_nav_menu ul li:before { content: "»"; margin-right:5px; margin-left:5px; }
.widget .sub-menu { margin-left:15px; }
.widget .sub-menu { padding:3px 0; }
/* =----------------------------= LINKS =----------------------------= */
.widget_links ul li a { display:block; }
.widget_links ul li a img { float:left; margin:5px; padding:5px; margin-left:0; padding-left:0; background:#fff; max-width:40px; }
/* =----------------------------= META =----------------------------= */
.widget_meta ul li:before { content: "»"; margin-right:5px; margin-left:5px; }
/* =----------------------------= PAGES =----------------------------= */
.widget_pages ul li:before { content: "»"; margin-right:5px; margin-left:5px; }
/* =----------------------------= COMMENTS =----------------------------= */
.widget_recent_comments ul li:before { content: "»"; margin-right:5px; margin-left:5px; }
/* =----------------------------= POSTS =----------------------------= */
.widget_recent_entries ul li:before { content: "»"; margin-right:5px; margin-left:5px; }
/* =----------------------------= RSS =----------------------------= */
.widget_rss ul { clear:left; }
.widget_rss ul li { overflow:hidden; }
.widget_rss li .rsswidget{ font-size:115%; float:left; }
.widget_rss .rss-date { float:left; clear:left; color:#777; }
.widget_rss .rssSummary { padding-top:5px; clear:left; }
.widget_rss cite { clear:left; float:right; color:#777; margin-bottom:5px; }
/* =----------------------------= SEARCH =----------------------------= */
.searchtxt { padding:0 10px; width:200px;}
.searchbtn { float:right; border:none; background:url(../images/search.png) 50% no-repeat; margin-left:5px;}
.searchform { margin:10px 0; }
/* =----------------------------= TABS =----------------------------= */
.widget_tabs { padding:0; }
.tabs_captions { padding:10px; margin-top:10px; }
.tabs_captions .scaption { cursor:pointer; padding:4px; border-bottom:1px solid #e8e8e8; padding-bottom:7px;}
.tabs_captions .scaption.active { border-bottom-width:5px; padding-bottom:3px;}
.tabs_contents .tab_widget { display:none; }
.tabs_contents .tab_widget.active { display:block; }
/* -==========================- FOOTER -==========================- */
.footer-widgets { margin:0 auto; overflow:hidden; }
.footer_txt { padding:30px 0; }
#footer .container { padding-bottom:10px !important; }
/* -==========================- MAPS -==========================- */
.googlemap { padding:4px; background:#fff; border:1px solid #d9d9d9; margin-bottom:40px; clear:both;}
.smt-gmap-marker { background:#0f0; position:absolute; padding:5px; background:#f8f8f8; color:#343434; border:1px solid #343434; min-width:100px; -webkit-border-radius: 8px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 8px; -moz-border-radius-bottomleft: 0; border-radius: 8px; border-bottom-left-radius: 0; height:20px; }
.smt_pointer {
position:absolute;
bottom:-10px;
left:-1px;
background:#f00;
width:11px;
height:10px;
background:url(../images/smt/smt-gmap-pointer.png) left top no-repeat;
}
/* -==========================- FEEDBACK -==========================- */
.feedback { float:right; width:330px; margin-left:30px; }
.feedback .input input, .feedback textarea { width:100%; background: none; color: #979797; border:0px; }
.feedback .input { border: 1px solid #D8D8D8;padding:5px; margin-top:-15px; }
.feedback p { margin-bottom:20px; }
ul.contact-details { list-style:none; margin:0px; padding:0px; }
ul.contact-details li { padding-left:40px; line-height:32px; }
/* -==========================- RELATED POSTS -==========================- */
.related-posts { margin-bottom:20px; overflow:hidden; }
.related-posts li { float:left; background:#fff; padding:5px; border:1px solid #cdcdcd; margin-right:12px; margin-bottom:12px; position:relative; height:126px;}
.related-posts a img {}
.related-bg { display:block; position: absolute; bottom: 0; left: 0; right: 0; background:red; margin:5px; padding-bottom:0px; height:60px; opacity: 0.7; filter: alpha(opacity = 70); border-top:1px solid #fff; }
.related-ttl span { position:absolute; display:block; color:#fff; bottom:15px; padding: 5px; padding-bottom:0px; height:45px; overflow: hidden; }
/* -==========================- PAGINATION -==========================- */
.pagination {
margin-bottom:30px;
}
.pagination .thispage, .pagination .nextpage {
background:url(../images/smt/nextpage.png) left top repeat-x;
height:37px;
line-height:37px;
display:block;
text-align:center;
text-decoration:none;
}
/* -==========================- COMMENTS -==========================- */
#comments li { margin-top:20px; }
#comments .avatar { float: left; margin-bottom: 5px; margin-right: 5px; }
#comments .author-name { font-weight:bold; }
#comments .author-name, #comments .says { font-size:14px; }
#comments .commentmetadata { font-style:italic; color:#787878; float:right; }
#comments ul li p { margin:5px 0; }
#comments .reply { float:right; }
#commentform label:after{ content:":"; }
#commentform input, #commentform textarea{ clear:left; width:100%; }
#commentform p.form-submit { text-align:center; }
#comments .children { margin-left:30px; }
#comments .comment-body { overflow:hidden; }
/* -==========================- SCROLL -==========================- */
#scrollUp { position:fixed; top:0; left:0; bottom:0; width:40px; background:#000; opacity: 0.0; filter: alpha(opacity = 0); cursor:pointer; z-index:999; }
#scrollUp img { position:absolute; bottom:20px; }