/* Theme Name: DSG Motion Theme URI: http://85ideas.com/public-releases/wordpress-theme-motion/ Description: Custom Theme based on Motion by Sam @ 85ideas: Dark and colorful theme with sweet transparency characteristics. Drop-down categories menu, 2-column layout and widget-ready footer and sidebar. Author: Matmon Author URI: http://www.matmon.com Version: 1.0.5 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 was based off of the Motion layout by http://85ideas.com/ Modify, adapt, and customize for your own site at will! http://85ideas.com/, 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:#001c41;} :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:#002c68 url(images/bodybg.jpg) top center no-repeat fixed; font-family:Arial, Helvetica, sans-serif; text-align:center; padding-bottom:20px; } h1, h2, h3, h4, h5, h6 {font-family:Rockwell, Georgia, Palatino Linotype, Palatino, "Times New Roman", Times, serif;} a {color:#0b3764; text-decoration:none;} a:hover {color:#0b3764;} 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;} small{font-size:0.7em;} kbd, tt {font-size:1.2em;} hr {border:1px solid #a8ef9d;} 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:#a8ef9d;} 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 #a8ef9d;} legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;} input, textarea, select {font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, 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:25px auto 10px auto; padding:0; text-align:left; width:960px;} .cleared {clear:both;} /************************************************ * Header * ************************************************/ #header {padding-bottom:20px;} #header #logo {float:left; width:520px; margin:0 0 10px 0;} #header #logo img {float:left; margin: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:#a8ef9d;} #header #logo #desc {font-size:.8em; color:#ddd; margin-top:.5em; line-height:1.2em;} #header #search {float:right; width:240px; text-align:right;} #header #searchform input {padding:3px;} #header #searchbox {width:180px; color:#555; font-size:.75em; border:1px solid #ddd; background:#eee;} #header #searchbox:hover {background:#fff;} #header .submitbutton {cursor:pointer; background:url(images/blacktrans3.png); color:#fff; font-size:0.8em; padding:.08em; vertical-align:top;} #header .submitbutton:hover {background:url(images/whitetrans.png);} #header #topmenu {float:right; width:230px; text-align:left;} #header #topmenu li {padding:0 0 .2em .8em; line-height:1em; margin:0 0 .04em .4em;} #header #topmenu li:hover {background:url(images/blacktrans.png);} #header #topmenu li a {color:#fff; font-size:.75em;border-bottom:1px dashed #a8ef9d;} #header #topmenu li a:hover {color:#a8ef9d;} #header #topmenu li a.rss {background:url(images/rsstrans.png) left 2px no-repeat; padding-left:17px;} #header #topmenu li a.fav {background:url(images/add-to-favorites.png) left 2px no-repeat; padding-left:17px;} #header #topmenu .addthis_container {padding-left:.8em;} #header #headerbanner {float:left; width:960px; margin:0 0 10px 0; text-align:left; padding:10px; font-size:.8em; line-height:1.5em;} #header #headerbanner h3 {font-size:1.1em; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;} #header #headerbanner p a {border-bottom:1px dashed #a8ef9d;} #header #headerbanner a:hover {background:url(images/blacktrans.png);} #catnav {width:960px; background:url(images/blacktrans.png);border:1px solid #3591bd;} #nav li {float:left; background:url(images/blacktrans.png); line-height:2em; margin:5px 0 5px 5px;border:1px solid #043957;} #nav li:hover {background:url(images/blacktrans2.png);} #nav li a {display:block; margin:0; font-size:0.8em; color:#fff; padding:0 13px;} #nav li a:hover {color:#afdaff; text-decoration:none; display:block;} #nav li ul {position:absolute; width:180px; left:-999em; padding-top:5px; margin:0;} #nav li:hover ul, #nav li.sfhover ul {left:auto;} #nav li li {padding:0; margin:0; width:180px; line-height:1.5em;} #nav li li a {color:#fff; margin:0; padding:7px 13px; background:url(images/blacktrans3.png);} #nav li li a:hover {color:#afdaff;} #nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */ position: static;} /************************************************ * Content * ************************************************/ #main {padding:15px 0 20px 0;} #content {float:left; width:700px;} #contentfull {float:left; width:960px;} h2#contentdesc {color: #fff; font-weight:normal; font-size:1.3em; padding-bottom:15px;} h2#contentdesc span {color:#a8ef9d;} .post, .page {padding: 0;background:url(images/whitetrans83.png); margin-bottom:25px;position:relative;} .sticky {padding:10px; margin-bottom:35px; background:url(images/blacktrans.png);} .posttop {background:#fff; padding:0; margin:2px;} .posttop h2.posttitle {color:#001c41; font-size:1.4em;padding:10px;text-transform:capitalize;} .posttop h2.posttitle a {color:#001c41;} .posttop h2.posttitle a:hover {color:#3771ae; border-bottom:1px dashed #a8ef9d;} .postmetatop {color: #3771ae; background: #e8f0f6; font-size:0.75em; padding:5px 12px; line-height:1.5em;position:relative;} .postmetatop a {color: #3771ae;} .postmetatop a:hover {color:#001C41;border-bottom:1px dashed #a8ef9d;} .posttop .author_avatar {position: absolute; top:2px;right:15px;z-index:99;} .postmetatop span{color: #3771ae;} /* .postmetatop .categs {float:left; width:450px; padding-left:2px; line-height:16px;} .postmetatop .date {float:left; width:130px; text-align:left;} .postmetatop .date span {padding-left:2px;}*/ .postcontent {color:#001c41; margin: 10px 20px; font-size:0.9em; 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 p {padding:.6em 0 .2em 0;} .postcontent a {border-bottom:1px dashed #a8ef9d;} .postcontent a:hover {color: #a8ef9d;background:url(images/blacktrans.png);} .postcontent ul, .postcontent ol {padding:.4em 0 .5em 2em;} .postcontent ul li {list-style:disc;} .postcontent ol li {list-style:decimal;} .posteditlinks {margin:0 20px;text-align:right;} .postmetabottom {color: #3771ae;background: #e8f0f6; padding: 5px 12px; font-size:0.75em; line-height:1.1em; margin-top:15px;} .postmetabottom a {color: #3771ae;} .postmetabottom a:hover {color:#001C41;border-bottom:1px dashed #a8ef9d;} .postmetabottom .tags {color: #3771ae;float:left; width:490px; /*background:url(images/tags.png) left 1px no-repeat; padding-left:20px;*/ line-height:16px;} .postmetabottom .readmore {float:right; width:175px; text-align:right;font-size: 15px;font-weight:bold; text-transform:capitalize;} .postmetabottom .readmore span {/*background:url(images/more.png) left 4px no-repeat; padding-left:17px;*/} .postmetabottom .readmore a {color: #0b3764; border-bottom:1px dashed #5da9c7;} .postmetabottom .readmore a:hover {color: #3771ae; border-bottom:1px dashed #5da9c7;} .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:#afdaff; border-bottom:1px dashed #afdaff;} .postmetaauthor .authordesc a:hover {background:url(images/blacktrans.png);} /************************************************ * Navigation * ************************************************/ #navigation {line-height:1.7em; margin-bottom:5px;} #navigation a {color:#b9ff9d;border-bottom:1px dashed #a8ef9d;} #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:#a8ef9d;} #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;} /************************************************ * Author Bio * ************************************************/ .author_bio{background:url(images/blacktrans.png); padding:5px; margin:37px 0 15px 0;border:1px solid #3591bd; position:relative;min-height:175px;} .author_bio a {color:#b9ff9d; border-bottom:1px dashed #b9ff9d;} .author_title{background:url(images/blacktrans.png); padding:5px 10px; line-height:1.3em; font-weight:normal; font-size:1.4em; margin-bottom:10px;color:#befd8e;border:1px solid #043957;} .author_description{margin: 0 170px 15px 20px; color: #fff; } .author_bio .author_avatar {position: absolute; top:20px;right:15px; text-align:center;} /* for sidebar */ #author_avatar {text-align:center;} #author_name {color:#befd8e;text-align:center;clear:both;} #post_author_profile a {color:#b9ff9d; border-bottom:1px dashed #b9ff9d;} /************************************************ * Comments * ************************************************/ #comments {margin:0 0 15px 0;} #comments h3 {font-size:1em; font-weight:normal; color:#BEFD8E;} #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:#b9ff9d; border-bottom:1px dashed #b9ff9d;} #comments .commentbody .author a:hover {color:#eee; border-bottom:1px dashed #b9ff9d;} #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 {color: #fff;font-size:.8em; padding:5px 0 8px 0; line-height:1.4em;} #comments .commentbody p a {color:#b9ff9d; border-bottom:1px dashed #b9ff9d;} #comments .commentbody p a:hover {color:#eee; border-bottom:1px dashed #b9ff9d;} #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;background:url(images/blacktrans.png);padding: 20px;} #comments #respond h3 {margin-bottom:15px;} #comments #respond input {padding:5px; width:200px; background:#efefef; font-size:.8em;} #comments #respond a {color:#b9ff9d; border-bottom:1px dashed #b9ff9d;} #comments #respond p {color: #fff;padding:.5em 0 0 0;} #comments #respond p label {color: #fff;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:#a8ef9d;} #comments #respond p.subscribe-to-comments label {display:inline; margin-left:4px;} /************************************************ * Sidebar * ************************************************/ #sidebar {float:right; width:240px; font-size:0.8em; line-height:1.4em; margin:37px 0 30px 0;} #sidebar ul li.boxed {color: #fff; background:url(images/blacktrans.png); padding:5px; margin-bottom:15px;border:1px solid #3591bd;} #sidebar h3 {background:url(images/blacktrans.png); padding:5px 10px; line-height:1.3em; font-weight:normal; font-size:1.4em; margin-bottom:10px;color:#befd8e;border:1px solid #043957;} #sidebar ul ul li {color:#d4f0db;margin: 0 10px;padding-bottom:0px;} #sidebar ul ul li a {color:#d4f0db;display:block; padding:3px 5px;} #sidebar ul ul li a:hover {background:url(images/blacktrans.png);} #sidebar p {color:#eee; padding:0 5px 10px 5px;} #sidebar p a {border-bottom:1px dashed #a8ef9d;} #sidebar p a:hover {background:url(images/blacktrans.png);} #sidebar img {border:none; padding:0 5px;} #sidebar img.avatar {float:left; padding:0 15px 5px 5px;} #tag_cloud a, .widget_tag_cloud a {display:inline;} #tag_cloud a:hover {color:#fff;} li#tagbox a:hover {color:#fff;} #sidebars ul.children li {border-bottom:none;} #sidebars ul.children {margin-bottom:0;} /************************************************ * Footer * ************************************************/ #footer {clear:both; background:url(images/blacktrans.png); font-size:0.8em;border:1px solid #3591bd;} #footer .foot1 {float:left; width:305px; margin:10px 0 0 10px; display:inline;} #footer .foot2 {float:left; width:305px; margin:10px 10px 0 10px;} #footer .foot3 {float:left; width:305px; margin:10px 0 0 0;} #footer h3 {color:#befd8e;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:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;} #footer p {line-height:1.5em; color:#eee; padding:.2em 0 .8em 0;} #footer ul li {color:#d4f0db;padding:10px; margin-bottom:10px; background:url(images/blacktrans.png);border:1px solid #043957;} #footer ul ul li {color:#d4f0db;background:url(images/bullet.png) left 7px no-repeat; line-height:1.5em; padding:0 0 0 10px; margin-bottom:4px;border:none;} #footer li a {color:#d4f0db;font-weight:normal; display:block; padding:2px 5px;} #footer a:hover {background:url(images/blacktrans.png);} #footer .widget_tag_cloud a {display:inline;} #footer .widget_tag_cloud a:hover {background:none; color:#fff;} #credits {margin-top:.7em; font-size:0.7em; line-height:1.4em;} #credits a {color:#ddd;} #credits a:hover {background:url(images/blacktrans.png); color:#fff;} #credits #creditsleft {float:left; width:600px; color:#aaa;} #credits #creditsright {float:right; width:300px; text-align:right; color:#aaa;} /************************************************ * 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;}