/* Theme Name: Motion Theme URI: http://85ideas.com/public-releases/wordpress-theme-motion/ Description: Dark and colorful theme with sweet transparency characteristics. Drop-down categories menu, 2-column layout and widget-ready footer and sidebar. Author: Sam @ 85ideas Author URI: http://85ideas.com/ Version: 1.0.4 Tags: black, blue, green, dark, two-columns, sticky-post, threaded-comments, fixed-width, right-sidebar This theme was designed and built for the WordPress CMS and is copyright 85ideas.com. Modify, adapt, and customize for your own site at will! The CSS, XHTML and design of this theme are released under GPL: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html */ /************************************************ * Resets * ************************************************/ html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a {margin:0; padding:0; border:0; vertical-align:baseline; color:#0C3851;} :focus {outline:0;} body {line-height:1;} ul, ol {list-style:none;} h1, h2, h3, h4, h5, h6 {font-size:1em;} /************************************************ * General elements * ************************************************/ body {background:#507689 url(http://inside.aviseo.at/wp-content/themes/inside-aviseo/images/Page-BgTexture.jpg) top center repeat-x fixed; font-family:Arial, Verdana, Helvetica, sans-serif; text-align:center; padding-bottom:20px; /*text-shadow:0 0 4px #444;*/} h1, h2, h3, h4, h5, h6 {font-family:Arial, Verdana, Helvetica, sans-serif;} a {color:#F19806; text-decoration:none;} a:hover {color:#F19806; border-bottom:1px dotted #F19806; } blockquote {font-style:italic; background:url(images/whitetrans.png); padding:.4em 1em .7em 1em; margin:.7em 0 .3em 0;} code {font-size:1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;} kbd, tt {font-size:1.2em;} hr {border:1px solid #F19806;} pre {overflow:auto; width:600px; background:url(images/blacktrans.png); padding:1em 1.5em; margin:1em 0; font-size:1.2em; white-space:pre-wrap; /* css3 */} dl {} dt {font-weight:bold;} dd {padding-left:1em;} table {margin:.5em 0;} table th {color:#F19806;} table td, table th {padding:.5em .7em;} table th {background:url(images/whitetrans.png); text-transform:uppercase; border-bottom:1px transparent;} table td {background:url(images/blacktrans.png);} table tr.even td {background:url(images/blacktrans2.png);} table tr:hover td{background:url(images/whitetrans.png);} fieldset {padding:1.2em; border:1px dashed #F19806;} legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;} input, textarea, select {font-family:Arial, Verdana, Helvetica, sans-serif; margin:.2em 0; color:#222; font-size:1em;} input, textarea {padding:.3em;} input.radio, input.checkbox {background:#fff; padding:2px;} form label{font-weight:bold; display:block;} /************************************************ * General * ************************************************/ #wrapper {margin:0 auto; padding:0; text-align:left; width:980px;} .cleared {clear:both;} /************************************************ * Header * ************************************************/ #header {margin-bottom: 15px; /*background:url(images/headerbild.jpg) no-repeat top center;*/ height: 179px;} #header #logo {float:left; width:480px; margin:0 0 10px 0;} #header #logo img {float:left; margin:4px 10px 10px 0;} #header #logo h1 a {color:#fff; font-size:2em; font-weight:normal; /*text-shadow:0 0 6px #555; */} #header #logo h1 a:hover {color:#F19806;} #header #logo #desc {font-size:.8em; color:#ddd; margin-top:.5em; line-height:1.2em;} #header #headerbanner {float:right; width:468px; margin:30px 0 10px 0; text-align:right; padding:10px; background:url(images/whitetrans.png); font-size:.8em; line-height:1.5em;} #header #headerbanner h3 {font-size:1.1em; font-family: Arial, Verdana, Helvetica, sans-serif;} #header #headerbanner p a {border-bottom:1px dashed #F19806;} #header #headerbanner a:hover {background:url(images/blacktrans.png);} #catnav {width:980px; background:url(images/blacktrans.png);} /************************************************ * Content * ************************************************/ #main {/*padding:30px 0 20px 0;*/} #content {float:left; width:640px; padding:10px; background:#fff;} h2#contentdesc {font-weight:normal; font-size:1.3em; padding-bottom:15px;} h2#contentdesc span {color:#F19806;} .post {padding:0 0 35px 0;} .sticky {padding:10px; margin-bottom:35px; background:url(images/blacktrans.png);} .posttop {/*background:url(images/blacktrans.png);*/ background:#0B3752; padding:10px;} .posttop h2.posttitle a {color:#F19806; /*font-size:1.4em;*/} .posttop h2.posttitle a:hover {color:#F19806; border-bottom:1px dotted #F19806;} .postmetatop {text-transform:capitalize; font-size:0.7em; padding-top:20px; line-height:1.5em;} .postmetatop p{color: #009CCC; float:left;} .postmetatop .categs {float:left; width:450px; background:url(images/categ.png) left 2px no-repeat; padding-left:20px; line-height:16px; color:#fff;} .postmetatop .categs a:hover {color:#F19806; border-bottom:1px dotted #F19806;} .postmetatop .date {float:right; width:130px; text-align:right; } .postmetatop .date span {padding-left:20px; color:#009CCC;} .postcontent {color:#fff; margin:.8em 0; font-size:0.8em; line-height:1.5em;} .postcontent h1 {padding:.8em 0; font-size:1.5em;} .postcontent h2 {padding:.8em 0; font-size:1.4em;} .postcontent h3 {padding:.8em 0; font-size:1.3em;} .postcontent h4 {padding:.8em 0; font-size:1.2em;} .postcontent h5 {padding:.8em 0; font-size:1.1em;} .postcontent h6 {padding:.8em 0; font-size:1em;} .postcontent {padding:.6em 1em .2em 1em;} .postcontent p {margin-bottom:10px; color:#0C3851;} .postcontent a:hover {border-bottom:1px dotted #F19806;} .postcontent ul, .postcontent ol {padding:.4em 0 .5em 2em;} .postcontent ul li {list-style:disc; padding:10px 0;} .postcontent ol li {list-style:decimal; padding:10px 0;} .postmetabottom {background:url(images/whitetrans.png); padding:10px; font-size:0.8em; line-height:1.1em; margin-top:15px;} /*.postmetabottom a {color:#fff;}*/ .postmetabottom a:hover {border-bottom:1px dotted #F19806;} .postmetabottom .tags {float:left; width:440px;} .postmetabottom .readmore {float:right; width:140px; text-align:right;} .postmetabottom .readmore span {background:url(images/more.png) left 4px no-repeat; padding-left:17px;} .postmetaauthor {background:url(images/blacktrans.png); padding:10px; font-size:0.8em; line-height:1.1em; margin-top:20px;} .postmetaauthor .authorpic {float:left; width:60px; } .postmetaauthor .authordesc {float:right; width:540px; } .postmetaauthor .authordesc p.theauthor {line-height:1.4em; font-weight:bold;} .postmetaauthor .authordesc p.thedesc {line-height:1.4em; padding:.8em 0 .2em 0;} .postmetaauthor .authordesc a {color:#;;} .postmetaauthor .authordesc a:hover {background:url(images/blacktrans.png);} /************************************************ * Navigation * ************************************************/ #navigation {line-height:1.7em; margin-bottom:5px;} #navigation a {border-bottom:1px dashed #F19806;} #navigation a:hover {background:url(images/blacktrans.png);} #navigation .wp-pagenavi a {padding:5px 7px; font-size:.8em; background:url(images/blacktrans2.png); color:#fff; border:none;} #navigation .wp-pagenavi a:hover {color:#F19806;} #navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend {padding:5px 7px; font-size:.8em; background:url(images/blacktrans2.png); color:#fff; border:none;} /************************************************ * Comments * ************************************************/ #comments {padding:0 0 15px 1em;} #comments h3 {font-size:1em; font-weight:normal;} #comments ul.commentlist li {margin:10px 0 0 0; padding:15px; background:url(images/blacktrans.png);} #comments ul.commentlist li ul.children li {margin:20px 0 0 20px;} #comments img.avatar {float:left; margin:0 20px 0 0;} #comments .commentbody .author {font-size:.9em; margin-bottom:10px; color:#eee;} #comments .commentbody .author a {color:#F19806; border-bottom:1px dashed #F19806;} #comments .commentbody .author a:hover {color:#F19806; border-bottom:1px dashed #F19806;} #comments .commentbody .commentmetadata {font-size:.7em; color:#bbb; margin-bottom:25px;} #comments .commentbody .commentmetadata a {color:#bbb;} #comments .commentbody em {margin-bottom:10px; color:#eee; display:block; font-size:.8em; font-style:normal;} #comments .commentbody p {font-size:.8em; padding:5px 0 8px 0; line-height:1.4em;} #comments .commentbody p a {color:#F19806; border-bottom:1px dashed #F19806;} #comments .commentbody p a:hover {color:#eee; border-bottom:1px dashed #F19806;} #comments .reply a {margin-top:5px; padding:5px; line-height:1.3em; font-size:.7em; float:left; background:#ddd; color:#000;} #comments .reply a:hover {background:#fff; color:#111;} #comments h3#trackbacktitle {padding-top:10px;} #comments ul.trackback {margin:10px 0 0 0; padding:15px; background:url(images/blacktrans.png);} #comments ul.trackback li {margin-bottom:17px; font-size:.9em;} #comments ul.trackback li .commentbody .author {margin:0;} #comments a#cancel-comment-reply-link {display:block; padding:8px 0;} #comments a#cancel-comment-reply-link:hover {color:#ccc;} #comments #respond {margin-top:20px;} #comments #respond h3 {margin-bottom:15px;} #comments #respond input {padding:5px; width:200px; background:#efefef; font-size:.8em;} #comments #respond p {padding:.5em 0 0 0;} #comments #respond p label {font-size:.8em; font-weight:normal;} #comments #respond textarea {width:600px; padding:10px; background:#efefef; font-size:.8em; border:none;} #comments #respond .submitbutton {color:#fff; background:url(images/blacktrans3.png); padding:6px; line-height:1.4em; font-size:.8em;} #comments #respond .submitbutton:hover {cursor:pointer; color:#F19806;} #comments #respond p.subscribe-to-comments label {display:inline; margin-left:4px;} /************************************************ * Sidebar * ************************************************/ #sidebar {float:right; width:300px; font-size:0.8em; line-height:1.4em; margin-bottom:30px;} #sidebar a:hover {border:none;} #sidebar ul li.boxed {background:url(images/blacktrans.png); padding:10px; margin-bottom:15px;} #sidebar h3 {background:url(images/blacktrans.png); padding:20px 10px 15px 10px; font-size:14px; margin-bottom:10px; color:#009CCE} #sidebar ul ul li {background:url(images/bullet.png) no-repeat left 8px; padding-left: 20px; margin-left:15px;} #sidebar #twitter-tools ul li {background:none; padding:0; margin-left:0;} #sidebar #twitter-tools ul ul li {background:none; padding:0; margin-left:0;} #sidebar #twitter-tools a {margin-left:0; padding:0;} #sidebar ul ul li a {display:block; padding:3px 5px; color:#fff;} #sidebar ul ul li a:hover {background:url(images/blacktrans.png);} #sidebar p {color:#eee; padding:0 5px 10px 5px;} #sidebar p a {color:#fff;} #sidebar p a:hover {background:url(images/blacktrans.png);} #sidebar img {border:none; padding:0 6px;} #sidebar img.avatar {float:left; padding:0 15px 5px 5px;} #tag_cloud-3 a, .widget_tag_cloud a {display:inline;} #tag_cloud-3 a:hover {color:#fff;} #sidebars ul.children li {border-bottom:none;} #sidebars ul.children {margin-bottom:0;} #sidebar ul li {color:#F19806} /************************************************ * Footer * ************************************************/ #footer {height:120px; width:660px;} #footer h3 {font-weight:normal; font-size:1.4em; margin-bottom:.4em;} #footer h4 {font-weight:normal; font-size:1em; margin:.8em 0 .2em 0; font-family:Arial, Verdana, Helvetica, sans-serif;} #footer p {line-height:1.5em; color:#eee; padding:.2em 0 .8em 0;} #footer ul {margin-top:10px;} #footer ul li {padding:10px; margin:10px; background:url(images/blacktrans.png); float:left;} #footer li a {font-weight:normal; padding:2px 5px; color:#fff; font-size:.75em;} #footer a:hover {border:none;} #footer li a.rss {background:url(images/rsstrans.png) left center no-repeat; padding-left:17px;} /************************************************ * WP related * ************************************************/ .alignleft {float:left; margin:5px 15px 7px 0;} .alignright {float:right; margin:5px 0 7px 15px;} .aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;} img.alignleft {float:left; margin:5px 15px 5px 0;} img.alignright {float:right; margin:5px 0 5px 15px;} img.aligncenter {margin:10px auto; text-align:center; display:block;} .wp-caption {text-align:center; background:url(images/blacktrans.png); padding-top:6px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .wp-caption img {padding:0; margin:0; border: 0 none;} .wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;} #sidebar ul li.widget_search {background:none;} #sidebar ul li.widget_search label {color:#F19806; font-size:1.3em;} /*#top #search {float:right; width:300px; text-align:right;}*/ #sidebar ul li.widget_search input {padding:3px;} #sidebar ul li.widget_search input {color:#555; background:#eee;} #sidebar ul li.widget_search #searchsubmit {cursor:pointer; background:url(images/blacktrans.png); color:#fff; vertical-align:top;} #sidebar ul li.widget_search #searchsubmit:hover {background:url(images/whitetrans.png);} .sociable div{margin:10px 0;} .sociable a, .sociable a:hover {text-decoraton:none; border:none;} .share {float:right;} h2.posttitle {float:left; width:550px; }