Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- Theme Name: Zwei Seiten
- Author URI: http://elturan.com/
- Theme URI: http://elturan.com/2011/05/zwei-seiten/
- Description: Simple and clean two-column theme.
- Author: Elturan S.
- Version: 1.4.2
- Tags: black, white, light, two-columns, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
- License: GNU General Public License v2.0
- License URI: http://www.gnu.org/licenses/gpl-2.0.html
- */
- /* --------------------------------------------------------------
- Reset default browser CSS.
- Based on work by Eric Meyer:
- http://meyerweb.com/eric/tools/css/reset/index.html
- -------------------------------------------------------------- */
- /* v1.0 | 20080212 */
- html, body, div, span, applet, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- a, abbr, acronym, address, big, cite, code,
- del, dfn, em, font, img, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var,
- b, u, i, center,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- font-size: 100%;
- vertical-align: baseline;
- background: transparent;
- }
- body {
- line-height: 1;
- }
- ol, ul {
- list-style: none;
- }
- blockquote, q {
- quotes: none;
- }
- blockquote:before, blockquote:after,
- q:before, q:after {
- content: '';
- content: none;
- }
- /* remember to define focus styles! */
- :focus {
- outline: 0;
- }
- /* remember to highlight inserts somehow! */
- ins {
- text-decoration: none;
- }
- del {
- text-decoration: line-through;
- }
- /* tables still need 'cellspacing="0"' in the markup */
- table {
- border-collapse: collapse;
- border-spacing: 0;
- }
- a img { border: none; }
- /* Global elements
- ------------------------------------------------------------------------- */
- * {
- margin: 0;
- padding: 0;
- }
- body {
- background-color: #e0e0e0;
- font-size: 16px;
- color: #111;
- font-family: Helvetica, Arial, sans-serif;
- }
- a {
- color: #1a8ae0;
- text-decoration: none;
- }
- a:hover {
- color: #e00;
- text-decoration: none;
- }
- html {
- background: transparent;
- }
- input,
- textarea {
- color: #222;
- font-size: 1em;
- line-height: 20px;
- background: #eee;
- padding: 5px;
- }
- input {
- border: 1px solid #bbb;
- margin: 5px 0;
- }
- hr {
- background: #ccc;
- clear: both;
- margin: 5px 0 10px;
- border: 0;
- height: 1px;
- }
- p {
- margin-bottom: 10px;
- }
- blockquote {
- border-left: 5px solid #eee;
- font-style: italic;
- padding: 0 10px;
- line-height: 20px;
- margin: 0 20px;
- }
- blockquote cite,
- blockquote em,
- blockquote i {
- font-style: normal;
- }
- ul, ol {
- margin: 0 0 15px 20px;
- }
- ul {
- list-style: square;
- }
- ol {
- list-style: decimal;
- }
- ol ol {
- list-style: upper-alpha;
- }
- ol ol ol {
- list-style: upper-roman;
- }
- ol ol ol ol {
- list-style: lower-alpha;
- }
- ul ul,
- ol ol,
- ul ol,
- ol ul {
- margin-bottom: 5px;
- }
- abbr, acronym {
- cursor: help;
- border-bottom: 1px dotted #000;
- }
- big {
- font-size: 1.5em;
- }
- code, tt, code, kbd, samp, pre {
- font-family: monospace;
- }
- pre {
- background: #eee;
- color: #111;
- font-family: "Courier 10 Pitch", Courier, monospace;
- line-height: 22px;
- padding: 5px 10px;
- font-size: 12px;
- margin: 20px 10px;
- border-top: 3px solid #ccc;
- border-bottom: 3px solid #ccc;
- overflow: scroll;
- }
- q:before {
- content: '"';
- font-weight: bold;
- }
- q:after {
- content: '"';
- font-weight: bold;
- }
- sup, sub {
- font-size: 0.75em;
- position: relative;
- vertical-align: baseline;
- }
- sup {
- bottom: 10px;
- }
- sub {
- top: 4px;
- }
- ins {
- background: #333;
- color: #fff;
- padding: 1px 3px;
- text-decoration: none;
- }
- h1, h2, h3, h4, h5, h6 {
- margin: 5px 0 15px;
- clear: both;
- font-weight: normal;
- line-height: 120%;
- }
- h1 {
- font-size: 2em;
- }
- h2 {
- font-size: 1.75em;
- }
- h3 {
- font-size: 1.5em;
- }
- h4 {
- font-size: 1.25em;
- }
- h5 {
- font-size: 1em;
- }
- h6 {
- font-size: 0.75em;
- }
- table {
- width: auto;
- margin: 10px 0;
- border: 1px solid #222;
- }
- table th {
- padding: 5px;
- background-color: #222;
- color: #fff;
- }
- table td {
- padding: 5px 10px;
- border-top: 1px solid #222;
- border-left: 1px solid #222;
- }
- address {
- font-weight: bold;
- text-align: left;
- padding: 10px 0;
- font-size: 16px;
- }
- dl {
- margin: 10px 0;
- }
- dt {
- font-weight: bold;
- }
- dd {
- margin: 0 0 10px 20px;
- }
- strong {
- font-weight: bold;
- }
- cite, em, i {
- font-style: italic;
- }
- del, strike, s {
- text-decoration: line-through;
- }
- li {
- line-height: 20px;
- }
- legend {
- border: 1px solid #ddd;
- padding: 2px 6px;
- }
- fieldset {
- border: 1px solid #ddd;
- padding: 10px;
- }
- input[type=submit] {
- font-family: 'Helvetica Neue', Arial, Helvetica, "Nimbus Sans L", sans-serif;
- }
- code {
- font: 13px Monaco, monospace;
- }
- /* #page
- ------------------------------------------------------------------------- */
- #page {
- margin: 15px auto;
- width: 960px;
- color: #111;
- }
- #page a,
- #social-media a img,
- #s-media #s {
- -webkit-transition-duration: 500ms;
- -webkit-transition-property: color, background, opacity, width;
- -webkit-transition-timing-function: linear;
- -moz-transition-duration: 500ms;
- -moz-transition-property: color, background, opacity, width;
- -moz-transition-timing-function: linear;
- -o-transition-duration: 500ms;
- -o-transition-property: color, background, opacity, width;
- -o-transition-timing-function: linear;
- }
- /* #header
- ------------------------------------------------------------------------- */
- #header {
- width: 100%;
- overflow: hidden;
- margin: 10px 0;
- position: relative;
- }
- #header h1 {
- font-weight: bold;
- text-transform: uppercase;
- text-align: left;
- padding: 5px 0;
- margin: 0;
- word-wrap: break-word;
- }
- #header h1 a {
- color: #999;
- font-size: 1.25em;
- }
- #header h1 a:hover {
- color: #111;
- }
- #header p {
- font-size: 14px;
- margin: 10px 0;
- color: #666;
- }
- #headimg {
- margin: 5px 0;
- width: 100%;
- padding: 10px 10px 8px;
- background: #999;
- background: rgba(153,153,153,0.25);
- overflow: hidden;
- }
- #headimg img {
- width: 940px;
- height: 180px;
- }
- /* #social-media
- ------------------------------------------------------------------------- */
- #s-media {
- margin: 10px 0 0;
- display: block;
- overflow: hidden;
- }
- #s-media #s {
- float: right;
- width: 80px;
- color: #aaa;
- border: 1px solid #ccc;
- background: #fff url('images/search.png') no-repeat 3px 3px;
- background: rgba(255,255,255,0.25) url('images/search.png') no-repeat 3px 3px;
- -webkit-border-top-left-radius: 6px;
- -webkit-border-bottom-left-radius: 6px;
- -moz-border-radius-topleft: 6px;
- -moz-border-radius-bottomleft: 6px;
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- padding: 5px 5px 5px 30px;
- }
- #s-media #s:focus {
- background-color: #fff;
- width: 200px;
- color: #333;
- }
- #social-media {
- list-style: none;
- margin: 0;
- }
- #social-media li {
- float: left;
- margin: 8px 5px 0 0;
- }
- #social-media a img {
- opacity: 0.5;
- }
- #social-media a img:hover {
- opacity: 1;
- }
- /* #nav
- ------------------------------------------------------------------------- */
- #nav {
- background: #111;
- display: block;
- float: left;
- width: 100%;
- font-size: 12px;
- }
- .nav-menu ul,
- div.menu ul {
- list-style: none;
- margin: 0;
- }
- .nav-menu li,
- div.menu li {
- float: left;
- position: relative;
- }
- #nav a {
- color: #ccc;
- display: block;
- line-height: 40px;
- padding: 0 10px;
- text-decoration: none;
- }
- #nav ul ul {
- display: none;
- position: absolute;
- top: 49px;
- left: 10px;
- background: #111;
- float: left;
- width: 890px;
- z-index: 99999;
- }
- #nav ul ul li {
- min-width: 20px;
- }
- #nav ul ul ul {
- left: 100%;
- top: 0;
- }
- #nav ul ul a {
- color: #aaa;
- width: 873px;
- height: auto;
- line-height: 1230%;
- padding: 10px;
- margin: 1px;
- border: 1px solid #272727;
- word-wrap: break-word;
- }
- #nav li:hover > a,
- #nav ul ul :hover > a {
- color: #eee;
- }
- #nav ul li:hover > ul {
- display: block;
- }
- #nav ul li.current_page_item > a,
- #nav ul li.current-menu-ancestor > a,
- #nav ul li.current-menu-item > a,
- #nav ul li.current-menu-parent > a {
- color: #fff;
- font-weight: bold;
- }
- /* #wrap
- ------------------------------------------------------------------------- */
- #wrap {
- background: #f9f9f9 url('images/bg.png') repeat-y right;
- width: 940px;
- margin: 0 auto;
- overflow: hidden;
- border: 10px solid #111;
- }
- /* #content
- ------------------------------------------------------------------------- */
- #content {
- float: left;
- width: 660px;
- }
- #content.full-width {
- width: 100%;
- background: #f9f9f9;
- overflow: hidden;
- }
- .post,
- .hentry {
- margin: 10px 10px 15px;
- padding: 0 10px;
- background: #fff;
- text-align: left;
- overflow: hidden;
- border: 1px solid #eee;
- box-shadow: 0px 0px 1px 2px #eee;
- -webkit-box-shadow: 0px 0px 2px 1px #eee;
- -moz-box-shadow: 0px 0px 2px 1px #eee;
- -o-box-shadow: 0px 0px 2px 1px #eee;
- }
- .post img {
- max-width: 600px;
- height: auto;
- }
- .post embed {
- max-width: 600px;
- margin: 5px 10px;
- }
- .sticky {
- background: #ffe;
- }
- h2.entry-title {
- font-size: 1.5em;
- text-align: left;
- margin: 10px 0 5px;
- font-weight: bold;
- }
- .entry-edit {font-weight: normal;}
- .entry-meta,
- .entry-utility {
- font-size: 12px;
- padding: 5px 0;
- color: #666;
- }
- .entry-meta {
- border-bottom: 1px dashed #ddd;
- }
- .entry-meta a,
- .entry-utility a {
- color: #666;
- }
- .entry-meta a:hover,
- .entry-utility a:hover {
- color: #e00;
- text-decoration: underline;
- }
- .entry-author em {
- font-weight: bold;
- font-style: normal;
- text-transform: capitalize;
- }
- .entry-com {
- float: right;
- text-transform: capitalize;
- }
- .entry-content {
- margin: 10px 0;
- font-size: 16px;
- line-height: 160%;
- overflow: hidden;
- }
- .entry-content p {
- margin-bottom: 5px;
- }
- .custom-more {
- font-size: 14px;
- }
- .custom-more a:hover {
- text-decoration: underline;
- }
- .page-link {
- margin: 10px 0;
- display: block;
- clear: both;
- }
- .page-link a {
- border-top: 2px solid #ddd;
- background: #eee;
- padding: 5px 10px;
- }
- .entry-utility {
- border-top: 1px dashed #ddd;
- }
- .entry-cats,
- .entry-tags {
- margin: 0;
- line-height: 140%;
- }
- .navigation {
- margin: 10px 0;
- text-align: center;
- }
- .post-navi,
- .navigation {
- padding: 4px 0;
- }
- .current {color: #900;}
- #navigation {
- margin: 10px;
- clear: both;
- font-size: 13px;
- overflow: hidden;
- }
- #navigation a {
- color: #999;
- }
- #navigation a:hover {
- color: #111;
- }
- .previous {
- float: left;
- width: 50%;
- }
- .next {
- text-align: right;
- }
- .page-title {
- font-size: 1.25em;
- margin: 10px;
- }
- .page-title span {
- color: #999;
- font-style: italic;
- }
- .random {
- list-style: none;
- margin: 0;
- }
- .random ul li {
- list-style-type: decimal;
- margin: 5px 0 0 10px;
- }
- #s {
- border-color: #ccc;
- width: 240px;
- padding: 5px;
- }
- /* WordPress Core
- ------------------------------------------------------------------------- */
- .alignnone,
- a img.alignnone {
- margin: 5px 20px 20px 0;
- }
- .aligncenter,
- div.aligncenter {
- display: block;
- margin: 10px auto;
- }
- .alignright,
- a img.alignright {
- float: right;
- margin: 5px 0 20px 20px;
- }
- .alignleft,
- a img.alignleft {
- float: left;
- margin: 5px 20px 20px 0;
- }
- a img.aligncenter {
- display: block;
- margin-left: auto;
- margin-right: auto
- }
- .wp-caption {
- background: #fff;
- border: 1px solid #eee;
- max-width: 96%;
- padding: 5px 3px 10px;
- text-align: center;
- }
- .wp-caption.alignnone {
- margin: 5px 20px 20px 0;
- }
- .wp-caption.alignleft {
- margin: 5px 20px 20px 0;
- }
- .wp-caption.alignright {
- margin: 5px 0 20px 20px;
- }
- .wp-caption img {
- border: 0 none;
- height: auto;
- margin: 0;
- max-width: 98.5%;
- padding: 0;
- width: auto;
- }
- .wp-caption p.wp-caption-text {
- font-size: 12px;
- line-height: 18px;
- margin: 0;
- padding: 0 4px 5px;
- }
- .gallery-item {
- float: left;
- margin-top: 10px;
- text-align: center;
- width: 33%;
- }
- .gallery-caption {
- margin-left: 0;
- font-size: 14px;
- color: #666;
- }
- /* #comments
- ------------------------------------------------------------------------- */
- #comments {
- margin: 10px;
- overflow: hidden;
- clear: both;
- }
- .nopassword,
- .nocomments {
- font-size: 14px;
- color: #666;
- }
- h3.com-number {
- font-size: 1em;
- color: #666;
- }
- ol.commentlist {
- list-style: none;
- margin: 0;
- }
- .commentlist > li.comment {
- background: #f1f3f1;
- border: 1px solid #ddd;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- margin: 0 0 15px;
- padding: 5px;
- position: relative;
- }
- .commentlist .post-pingback {
- margin: 0 0 15px;
- padding: 5px;
- font-size: 13px;
- background: #fff;
- border-top: 1px dashed #ddd;
- border-bottom: 1px dashed #ddd;
- }
- .commentlist .post-pingback p {
- margin: 0;
- color: #666;
- }
- .commentlist .children {
- list-style: none;
- margin: 0;
- }
- .commentlist .children li.comment {
- background: #f5f3f1;
- border: 1px solid #ddd;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- margin: 15px 0 0 10px;
- padding: 10px;
- position: relative;
- font-size: 13px;
- }
- .comment-meta {
- color: #666;
- font-size: 12px;
- }
- .comment-meta a {
- color: #777;
- }
- .comment-awaiting-moderation,
- .commentlist .children .fn {
- font-size: 14px;
- }
- .vcard {
- overflow: hidden;
- border-bottom: 1px solid #ddd;
- }
- .vcard .fn {
- font-style: normal;
- font-size: 18px;
- padding: 10px 0;
- color: #444;
- line-height: 30px;
- text-transform: capitalize;
- }
- .vcard .avatar {
- padding: 5px;
- border: 1px solid #ddd;
- background: #fff;
- box-shadow: 4px 4px 1px #e9e7e5;
- float: left;
- margin: 0 10px 10px 0;
- }
- .says {
- display: none;
- }
- .comment-body {
- padding: 5px 0;
- margin: 5px 0 0;
- color: #444;
- }
- .reply {
- display: block;
- font-size: 12px;
- }
- .reply a {
- padding: 3px 5px;
- text-transform: uppercase;
- border: 1px solid #ddd;
- background: #fff;
- color: #111;
- }
- .reply a:hover {
- color: #fff;
- background: #6da6da;
- }
- .commentlist .children .avatar {
- width: 40px;
- height: 40px;
- }
- li.comment ul.children li.depth-2 {
- background: #fff;
- }
- li.comment ul.children li.depth-3 {
- background: #eee;
- }
- li.comment ul.children li.depth-4 {
- background: #f9f9f9;
- }
- li.comment ul.children li.depth-5 {
- background: #f3f6f9;
- }
- .commentlist > li.bypostauthor {
- background: #eee;
- border-color: #bbb;
- }
- /* Comment Form
- ------------------------------------------------------------------------- */
- #respond {
- margin: 10px 5px;
- position: relative;
- }
- #respond input[type="text"],
- #respond textarea {
- background: #fff;
- border: 1px solid #ddd;
- padding: 5px;
- display: block;
- box-shadow: 0 0 1px #ccc;
- margin: 5px 0 0;
- }
- #respond input[type="text"] {
- width: 250px;
- }
- #respond .comment-form-author label,
- #respond .comment-form-email label,
- #respond .comment-form-url label,
- #respond .comment-form-comment label,
- #respond .logged-in-as {
- color: #666;
- font-size: 14px;
- padding: 2px 0;
- font-style: normal;
- }
- #respond input[type="text"]:focus,
- #respond textarea:focus {
- box-shadow: 0px 0px 3px #aaa;
- }
- #respond textarea {
- resize: vertical;
- width: 90%;
- }
- #respond .comment-form-author .required,
- #respond .comment-form-email .required {
- color: #bd3500;
- font-size: 20px;
- font-weight: bold;
- }
- #respond p {
- margin: 10px 0;
- font-style: italic;
- font-size: 14px;
- }
- #respond input#submit {
- background: #111;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- color: #eee;
- font-size: 1em;
- font-weight: bold;
- margin: 10px 0;
- padding: 5px 10px;
- }
- #respond input#submit:hover {
- background: #eee;
- color: #111;
- }
- #cancel-comment-reply-link {
- color: #666;
- margin-left: 10px;
- text-decoration: none;
- }
- .commentlist #respond {
- margin: 15px 0 0;
- width: auto;
- }
- #reply-title {
- color: #222;
- font-size: 20px;
- font-weight: bold;
- line-height: 30px;
- }
- #cancel-comment-reply-link {
- color: #888;
- font-size: 12px;
- border: 1px solid #888;
- padding: 2px 4px;
- }
- /* #sidebar
- ------------------------------------------------------------------------- */
- #sidebar {
- float: right;
- width: 260px;
- overflow: hidden;
- padding: 0 10px;
- font-size: 13px;
- color: #888;
- }
- .widget-title {
- padding: 5px;
- font-size: 20px;
- font-weight: bold;
- margin: 0 0 5px;
- background: #eee;
- border: 1px solid #ddd;
- }
- .widget {
- margin: 10px 0 15px;
- overflow: hidden;
- }
- .widget select,
- .widget #s,
- .tagcloud {
- margin: 10px 0 5px;
- }
- .textwidget {
- line-height: 18px;
- margin: 5px 0;
- }
- .rssSummary {
- font-size: 11px;
- margin: 5px 5px 5px 20px;
- color: #333;
- }
- #sidebar ul {
- list-style: square;
- margin: 0 0 0 17px;
- }
- #sidebar ul ul {
- list-style: url('images/list.png');
- }
- #wp-calendar {
- width: 100%;
- }
- #wp-calendar th,
- #wp-calendar td {
- padding: 3px;
- text-align: center;
- }
- #wp-calendar caption {
- padding: 0 0 5px;
- }
- #wp-calendar th {
- background: #666;
- }
- /* #footer
- ------------------------------------------------------------------------- */
- #footer {
- clear: both;
- width: 100%;
- color: #555;
- font-size: 14px;
- overflow: hidden;
- }
- #footer-text {
- float: left;
- padding: 5px 0;
- width: 80%;
- }
- #credit-links {
- float: right;
- padding: 5px 0;
- }
- /* The end...
- ------------------------------------------------------------------------- */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement