Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- Theme Name: SafiTech
- Theme URI:
- Description: A dark techy feel with a crisp and clean layout. Theme options include configurable left/right sidebars, set either visible or hidden. Lavalamp menu, ad-sense ready, and very easy to edit and customize.
- Tags: black, dark, fixed-width, theme-options, left-sidebar, right-sidebar, one-column, photoblogging
- Author: SAFI Technologies Ltd.
- Author URI: http://forums.safitech.com/
- Version: 1.7 */
- /* Reset Defaults Starts */
- * { margin: 0;
- padding: 0;
- }
- h1,h2,h3,h4,h5,h6,p,blockquote {
- margin: 0;
- padding: 10px;
- }
- a {
- color: #0F92BC;
- }
- a:hover {
- color: #0F92BC;
- text-decoration: underline !important;
- }
- blockquote {
- border: 1px dotted silver;
- display: block;
- margin: 0px;
- padding: 10px;
- quotes: "\201C" "\201D";
- }
- blockquote:before,blockquote:after {
- font-weight: bold;
- color: #0F92BC;
- margin:0px;
- padding:0px;
- display: block;
- font-size: 20px;
- width: 100%;
- height:10px;
- }
- blockquote:before {
- content: open-quote;
- }
- blockquote:after {
- content: close-quote;
- text-align:right;
- }
- code {
- color: #3366CC;
- }
- a img {
- border: none;
- }
- img.centered {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- img.alignright {
- padding: 4px;
- margin: 0 0 2px 7px;
- display: inline;
- }
- img.alignleft {
- padding: 4px;
- margin: 0 7px 2px 0;
- display: inline;
- }
- .alignright {
- float: right;
- }
- .alignleft {
- float: left;
- }
- .aligncenter {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- /* Reset Defaults Ends */
- /*====== layouts =====*/
- .layout .content { padding: 0 10px;}.layout_sidebar1left_sidebar2right #contentwrapper,.layout_sidebar1right_sidebar2left #contentwrapper{margin:0 175px;position:relative}.layout_sidebar1left_sidebar2right .sidebar_left,.layout_sidebar1right_sidebar2left .sidebar_left{position:absolute;width:160px;left:10px;}.layout_sidebar1left_sidebar2right .sidebar_right,.layout_sidebar1right_sidebar2left .sidebar_right{display:inline;padding:0}.layout_sidebar1left_sidebar2right .sidebar_right,.layout_sidebar1right_sidebar2left .sidebar_right,.layout_sidebar1left_sidebar2left #contentwrapper,.layout_sidebar1left #contentwrapper,.layout_sidebar2left #contentwrapper{float:right}.layout_sidebar1left_sidebar2left .sidebar_left,.layout_sidebar1left_sidebar2left .sidebar_right,.layout_sidebar1right_sidebar2right #contentwrapper,.layout_sidebar1right_sidebar2right .sidebar_left,.layout_sidebar1right_sidebar2right .sidebar_right,.layout_sidebar1left .sidebar_left,.layout_sidebar2left .sidebar_left,.layout_sidebar1right #contentwrapper,.layout_sidebar2right #contentwrapper,.layout_sidebar1right .sidebar_right,.layout_sidebar2right .sidebar_right{float:left}.layout_sidebar1left .sidebar_left,.layout_sidebar2left .sidebar_left{padding-left:0 !important}.layout_sidebar2right .sidebar_right, .layout_sidebar1right .sidebar_right {padding-left:10px;}.layout_sidebar1right_sidebar2right .sidebar,.layout_sidebar2right_sidebar1right .sidebar {padding-left:15px;}.layout_sidebar1right_sidebar2left .sidebar_left {padding-left:0px !important;}.layout_sidebar1right_sidebar2left .sidebar_right,.layout_sidebar2right_sidebar1left .sidebar_right {margin-right:5px;}.layout_sidebar1left_sidebar2right .sidebar_right {margin-right:5px;}.layout_sidebar1left_sidebar2right .sidebar_left,.layout_sidebar1right_sidebar2left .sidebar_left { *top: 130px;}.layout_sidebar1left_sidebar2right .sidebar_right, .layout_sidebar1right_sidebar2left .sidebar_right { *display: inline; *position: absolute; *right: 10px; *top: 130px;}
- body {
- background: #000000 url("images/texture_background.jpg") repeat scroll center top; font-family:"Trebuchet MS",sans-serif; text-align:center;
- }
- /* #fixed {
- width:80; /* you can use px, em or %
- text-align:left;
- } */
- #wrapper {
- margin-left: auto;
- margin-right: auto;
- position:relative;
- text-align:center;
- }
- #header {
- width:100%;
- height: 120 px;
- background: url("http://collagegallery.org/wp-content/uploads/2012/05/collagegallerybanner3.png") top;
- background-repeat:no-repeat;
- margin-left: auto;
- margin-right: auto;
- position:relative;
- padding: 0 0 0 0;
- }
- #underheader {
- clear: both;
- margin-top: 20px;
- padding: 0 0 15px 0;
- }
- #underheader h1.sitename {
- padding: 0 0 0 0;
- position: relative;
- font-size: 23pt;
- width: 600px;
- }
- #underheader h1.sitename a {
- color: #fff;
- text-decoration: none;
- }
- #underheader h1.sitename a:hover {
- color: #4C82A6;
- text-decoration: none;
- }
- #underheader h2.sitedesc {
- padding: 0 0 0 0;
- position: relative;
- font-size: 12pt;
- color: #4C82A6;
- }
- #underheader #toprss {
- float: right;
- position: relative;
- margin: 0 0 0 0;
- padding: 0;
- text-align: right;
- }
- /* Main content */
- #main {background:#000000 url("images/texture_background.jpg") repeat scroll center top; clear:both;display:block;margin-left: auto;
- margin-right: auto;padding:0 1% 1%;width: 73%;}
- #content {float:none;display:block;margin-left:auto;margin-right:auto;padding:0 1%;text-align:center;}
- #content .pageTitle {
- padding: 5px 0 5px 0;
- font-size: 14pt;
- color: #fff;
- }
- /* .contentsearch {
- margin: 0 0 40px 100px;
- }
- .contentsponsors {
- margin: 0 0 30px 190px;
- }
- .adsense_top {
- text-align: center;
- margin: 10px 0 25px 0;
- font-size: 9pt;
- }
- .adsense_sidebar {
- text-align: center;
- margin: 0 0 20px 0;
- font-size: 9pt;
- }
- .post {
- margin: 20px 0 25px 0;
- }*/
- #content h2,#content h3,#content h4,#content h5,#content h6 {
- padding: 0 10px;
- font-weight: bold;
- }
- #content h2 {
- font-size: 14pt;
- }
- #content h3 {
- font-size: 12pt;
- }
- #content h4,#content h5,#content h6 {
- font-size: 11pt;
- }
- h2.homeTitle {
- margin: 0 0 15px 0;
- }
- h2.postTitle {
- padding: 0 10px;
- font-size: 14pt;
- font-weight: bold;
- color: #000000;
- }
- h2.postTitle a {
- font-size: 14pt;
- font-weight: bold;
- text-decoration: none;
- color: #000000;
- letter-spacing: -1px;
- }
- h2.postTitle a:hover {
- color: #000000;
- }
- .postMeta {
- padding: 2px 10px 4px 10px;
- font-size: 9pt;
- color: #333;
- }
- .postMeta .date {
- background: url("images/date.gif") left no-repeat;
- padding: 0 0 0 15px;
- }
- .postMeta .filed {
- background: url("images/folder.gif") left no-repeat;
- padding: 0 0 0 18px;
- margin: 0 0 0 3px;
- }
- .postMeta .commentcount {
- background: url("images/comments.gif") left no-repeat;
- padding: 0 0 0 18px;
- margin: 0 0 0 3px;
- }
- .postMeta .tags {
- background: url("images/tags.gif") left no-repeat;
- padding: 0 0 0 15px;
- }
- .postMeta a {
- text-decoration: none;
- }
- /* .postContent img {
- margin: 10px;
- border: 3px solid #CCC;
- }*/
- #content p,.postContent p {
- padding: 5px 10px;
- font-size: 10pt;
- color: #fff;
- }
- .postContent ul,ol {
- padding: 0 0 0 0;
- }
- .postContent ul li,ol li {
- font-size: 10pt;
- color: #fff;
- }
- p.comments {
- clear: both;
- padding: 5px 10px 5px 10px;
- }
- p.comments a {
- padding-left: 20px;
- background: url("images/comment.gif") left top no-repeat;
- font-size: 10pt;
- text-decoration: none;
- }
- .commentlist {
- margin: 10px 0;
- font-size: 10pt;
- list-style: none;
- }
- .commentlist li {
- margin: 0 0 5px -25px;
- width: 510px;
- }
- .commentlist cite {
- padding: 10px;
- font-size: 10pt;
- }
- .commentlist cite a {
- }
- .commentmetadata {
- padding: 10px;
- }
- .comment h3 {
- padding: 0 10px;
- font-size: 12pt;
- font-weight: bold;
- text-decoration: none;
- color: #000;
- }
- .comment p {
- padding: 10px;
- font-size: 10pt;
- color: #000;
- }
- .comment a {
- text-decoration: none;
- }
- .comment a:hover {
- text-decoration: underline;
- }
- .comment textarea {
- width: 510px;
- }
- .comment #submit {
- width: 118px;
- padding: 3px;
- font-size: 9pt;
- color: #215679;
- }
- .comment #submit :hover {
- cursor: pointer;
- }
- .navigation {
- margin: 10px 0;
- color: #406E8D;
- text-align: center;
- font-size: 10pt;
- }
- .navigation a {
- text-decoration: none;
- }
- a.gravatar {
- float: left;
- margin: 10px 15px 20px 0;
- width: 69px;
- }
- /* Sidebars */.sidebar { width: 160px; margin-top: 15px; }#sidebar1 { display:inline;}#sidebar2 { padding-left: 10px; display:inline;}
- .sidebar h2 {
- padding: 3px 7px;
- font-size: 11pt;
- color: #fff !important;
- font-weight: normal;
- background: transparent url("images/home-content-header-bg.jpg")
- no-repeat scroll left top;
- margin-bottom: 3px;
- }
- .sidebar h2 a{
- color: #ffffff;
- }
- .sidebar table {
- width: 160px;
- }
- .sidebar ul {
- margin: 0;
- padding: 0 0 5px 0;
- }
- .sidebar li {
- margin-bottom: 20px;
- list-style: none;
- font-size: 9pt;
- }
- .sidebar li ul {
- padding: 0;
- }
- .sidebar ul ul li {
- margin: 0;
- padding: 2px 2px 2px 2px;
- color: #222;
- line-height: 17px;
- /* Required for cross-browser consistency; cross-browser defaults vary. */
- border-bottom: 1px dotted #ccc;
- }
- .sidebar a {
- display: block;
- color: #333;
- text-decoration: none;
- display: inline;
- }
- .sidebar a:hover {
- color: #4C82A6;
- text-decoration: underline;
- }
- .sidebar p {
- padding: 2px 0;
- font-size: 9pt;
- }
- #tag_cloud a {
- display: inline;
- }
- .sidebar ul.children li {
- border-bottom: none;
- }
- .sidebar ul.children {
- margin-bottom: -5px;
- }
- /* Footer */
- #footer {
- clear: both;
- padding-top: 0;
- color: #fff;
- text-align: center; /* IE Centering Technique */
- background: #000000 url("images/texture_background.jpg") repeat scroll center top; font-family:"Trebuchet MS",sans-serif; text-align:center;
- }
- #footer p {
- padding: 0;
- font-size: 8pt;
- color: #fff;
- text-align: center;
- }
- #footer a {
- color: #87BBD9;
- }
- #footer a:hover {
- color: #fff;
- }
- #credits {
- clear: both;
- margin: 0 auto;
- }
- /* Extras */
- .cleared {
- clear: both;
- }
- .left {
- float: left;
- }
- .right {
- float: right;
- }
- #nextprevious {
- padding: 10px;
- font-size: 80%;
- }
- .commentbody {
- float: right;
- width: 420px;
- margin-bottom: 0px;
- padding: 0 0 0 0;
- }
- #toprss {
- background: transparent url("images/logo.jpg") no-repeat scroll left top
- ;
- height: 102px;
- }
- .logo {
- float: left;
- margin: 37px 0 0 34px;
- }
- .blogerName {
- float: right;
- margin: 0px 10px 0px 0px;
- color: #9ED1D4;
- font-size: 14px;
- clear: right;
- }
- .blogerName h1 {
- padding: 5px 10px;
- }
- .blogerName a {
- color: #9ED1D4;
- text-decoration: none !important;
- }
- .blogerName .description {
- text-align: right;
- padding-right: 10px;
- }
- #mainMenu {
- float: right;
- position: relative;
- left: -50%;
- text-align: left;
- margin-left: auto;
- margin-right: auto;
- height: 30px;
- padding: 0px 0px;
- margin-top: 0px;
- }
- #mainMenu ul {
- position: relative;
- left: 50%
- }
- #mainMenu ul li {
- float: left;
- position: relative;
- color: #bcb8bf;
- }
- #mainMenu ul li a,#mainMenu ul li a:link,#mainMenu ul li :visited {
- float: left;
- text-align: center;
- text-decoration: none;
- color: #bcb8bf;
- text-transform: uppercase;
- font-size: 14px;
- }
- #mainMenu ul li a:hover {
- color: white !important;
- }
- .lavaLamp ul {
- text-align:right;
- list-style-image: none;
- list-style-position: outside;
- list-style-type: none;
- position: relative;
- padding: 0px 10px;
- margin: 0px auto;
- overflow: hidden;
- height: 30px;
- }
- .lavaLamp ul li.back {
- background: transparent url("images/menu-bg.png") no-repeat right -28px;
- width: 9px;
- height: 28px;
- z-index: 8;
- position: absolute;
- margin-top: 3px;
- }
- .lavaLamp ul li.back .left {
- background: transparent url("images/menu-bg.png") no-repeat top left;
- height: 28px;
- margin-right: 9px; /* 7px is the width of the rounded shape */
- width: 100%;
- }
- .lavaLamp ul li a {
- outline: none;
- text-align: center;
- top: 7px;
- text-transform: uppercase;
- letter-spacing: 0;
- z-index: 10;
- display: block;
- float: left;
- height: 28px;
- position: relative;
- overflow: hidden;
- margin: auto 10px;
- text-decoration: none !important;
- }
- .lavaLamp ul li a:hover,.lavaLamp ul li a:active,.lavaLamp ul li a:visited
- {
- border: none;
- }
- .rss {
- float: right;
- font-size: 12px;
- padding: 10px 10px 0 0;
- margin-right: 10px;
- }
- .rss a {
- text-decoration: none;
- }
- .rss img {
- vertical-align: top;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement