/* * Business Name Custom Stylesheet * Version 1.0 * Last Edited: XX/XX/XXXX * * * Table of Content * * 1) * 2) * 3) * 4) * * ============================================================ */ /* * Add your custom styles here. This file should be called last after * all other style sheets within the section. * */ #login_box { border: 1px solid #00addc; padding: 0 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #filterbox { border: 1px solid #888; padding: 0 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #login_box input[type="password"], #login_box input[type="text"], #login_box input[type="email"]{ display: inline-block; min-height: 20px; width: 80%; padding: 4px 6px; font-size: 1em; line-height: 1.1em; color: #555555; background-color: #ffffff; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } #login_box form .form-element{ margin-bottom: 0; } #prof_form .pfeld.error_class, #anz_form .pfeld.error_class, #mail_form .pfeld.error_class, #blog_form .pfeld.error_class, .error_class { color: #ef716d; } .none { display:none; } .fett { font-weight: bold; } .kursiv { font-style: italic; } /* ============================================================ * Retina Graphics Override * ========================================================= */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { } /* ============================================================ * Custom Media Queries Overrides * ========================================================= */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) {} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) {} /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 481px) and (max-width: 766px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 480px) { /* Original Layout Grid Responsive CSS. * If you change the grid widths from the original found in * base.css by inlcuding them above, then you should uncomment * the styles below to reset the grid styles on Mobile/Tablet devices * to expand 100%. */ /* .row {margin-left: 0;} [class*="span"] {margin-left: 0;} .span-one,.span-two,.span-three,.span-four,.span-five,.span-six,.span-seven,.span-eight,.span-nine,.span-ten,.span-eleven,.span-twelve,.span-one-half,.span-one-third,.span-one-fourth,.span-two-thirds,.span-two-third,.span-three-fourths,.span-three-fourth,.span-one-fifth, .span-sidebar,.span-sidebar-left,.span-sidebar-right,.span-content-center,.span-content,.span-content-left,.span-content-right,.span-full-width {width: 100%;} */ } /* =============================================================== Live Filter ===============================================================*/ .filter_container { position: relative; width: auto; margin: 0 auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } #filters { margin:1%; padding:0; list-style:none; } #filters li { float:left; } #filters li span { display: block; padding:5px 20px; text-decoration:none; color:#666; /* cursor: pointer; */ } #filters li span.active { outline: 2px solid #e95a44; color: #666; } /* #portfoliolist .portfolio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width:200px; height: 200px; margin:1%; display:none; float:left; overflow:hidden; } .portfolio-wrapper { overflow:hidden; position: relative !important; background: #666; cursor:pointer; } .portfolio img { max-width:100%; } .portfolio .label { position: absolute; width: 100%; height:40px; bottom:-40px; -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); } .portfolio .label-bg { background: #e95a44; width: 100%; height:100%; position: absolute; top:0; left:0; } .portfolio .label-text { color:#fff; position: relative; z-index:500; padding:5px 8px; } .portfolio .text-category { display:block; font-size:9px; } .portfolio:hover .label { bottom:0; } .portfolio:hover img { top:-30px; } */ .anzwerbung { border: 1px #fff solid; width: 200px; height: 200px; margin: 5px 10px 5px 0; float: left; } .suchen { border: 1px #f03fff solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 200px; height: 200px; margin: 5px 10px 5px 0; float: left; } .suchentext { color: #f03fff; } .anbieten { border: 1px #d09111 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 200px; height: 200px; margin: 5px 10px 5px 0; float: left; } .anbietentext { color: #d09111; } .nick { width: 100%; height: 25px; border-bottom: 1px solid #ccc; text-align: center; overflow: hidden; font-size: 13px; padding: 3px; color: #000; } .plz { width: 100%; height: 25px; border-bottom: 1px solid #ccc; text-align: center; overflow: hidden; font-size: 15px; padding: 3px; color: #000; } .wohntext { width: 100%; height: 134px; overflow: hidden; font-size: 13px; padding: 3px; color: #000; } .anztitel { width: 100%; height: 25px; border-bottom: 1px solid #ccc; text-overflow: ellipsis; font-size: 13px; padding: 3px; color: #000; white-space: nowrap; overflow: hidden; } .anztext { width: 100%; height: 114px; overflow: hidden; font-size: 13px; padding: 3px; color: #000; } .rechts20{ margin-right: 20px; } /* .reisebox { width: 45%; } */ /* #Tablet (Portrait) */ @media only screen and (min-width: 768px) and (max-width: 768px) { .filter_container { width: 768px; } } /* #Mobile (Portrait) - Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .filter_container { width: 95%; } #portfoliolist .portfolio { width:90%; /* margin:1%; */ } /* #ads { display:none; } */ } /* #Mobile (Landscape) - Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .filter_container { width: 70%; } /* #ads { display:none; } */ } /* #Clearing */ /* Self Clearing Goodness */ .filter_container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before, .clearfix:after, .filter_row:before, .filter_row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .filter_row:after, .clearfix:after { clear: both; } .filter_row, .clearfix { zoom: 1; } /* .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } */ /* =============================================================== // mansory ===============================================================*/ *, *:before, *:after { box-sizing: border-box !important; } article { -moz-column-width: 17em; -webkit-column-width: 17em; -moz-column-gap: 1em; -webkit-column-gap: 1em; } section { display: inline-block; margin: 0.25rem; padding: 1rem; width: 100%; /* background: #efefef; */ } p { margin: 1rem 0; } /* =============================================================== // Info ===============================================================*/ .infoi { font-weight: 700; font-size: 14px; color: red; text-decoration: none; margin-left: 20px; cursor: help; }