<data:blog.pageTitle/> InfoCreek . Version: 1.0 Author: InfoCreek.com Author URI: http://www.infocreek.com/ http://www.infocreek.com/webdesign/jeans.html The CSS, XHTML and design is released under the Creative Common Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/), which means you can use and modify it for any purpose. By downloading our themes, you agree that you: 1) Can not resell the theme 2) You may use and modify the theme but the footer link back to InfoCreek.com should be retained. 3) You may use the theme on personal or commercial projects as far as #2 above is met */ /* === Hide the NavBar === */ .Navbar { visibility:hidden; display: none; } /* === Hide the NavBar === */ * {margin:0px; padding:0px;} body {background: url(http://www.webpagedesign.ws/jeans3c/content-bg.jpg) left top; font-size:12px; color:#afb4a9; font-family: Verdana, Arial, Helvetica, sans-serif;} img {border: medium none;} blockquote {position:relative; margin: 5px 15px 5px 10px; padding:17px 0 0 18px; text-align: left; color:#d1cfb6; font-style:italic; background: url(http://www.webpagedesign.ws/jeans3c/blockquote-left-top.gif) left top;} blockquote p {position:relative; padding:5px 20px 15px 10px; margin-top:-5px; background:#716952 url(http://www.webpagedesign.ws/jeans3c/blockquote-right-bot.gif) right bottom;} *:first-child+html blockquote p {margin-top:-7px;} blockquote blockquote {position:relative; padding: 0px; margin:0px; font-style:normal; font-size:11px; background:transparent none;} blockquote blockquote p {padding:10px 30px 20px 20px;} *:first-child+html blockquote {display:inline-block;} a {text-decoration:none; color:#ca7a1d; border: 0px;} a:hover {text-decoration:underline; border: 0px;} a.u {text-decoration:underline; border: 0px;} a.u:hover {text-decoration:none; border: 0px;} a.n, a.n:hover {text-decoration:none; border: 0px;} a:focus, a:active {outline: none;} p {padding:7px 0; line-height: 17px;} .border {border:1px solid red;} h1, h2, h3, h4 { font-family: Trebuchet MS;} hr {border-left:0px solid #9ca697; border-right:0px solid #9ca697; border-top:1px dashed #9ca697; border-bottom:0px solid #9ca697; height: 1px;} input {font-family: Verdana; color: #afb4a9; font-size: 11px;} textarea {font-family: Verdana; color: #afb4a9; font-size: 11px;} select {font-family: Verdana; color: #afb4a9; font-size: 11px;} .right-bg {position:relative; width:100%; background: url(http://www.webpagedesign.ws/jeans3c/right-bg2.jpg) right top repeat-y; min-width:980px;} .left-bg2 {position:relative; width:100%; background: url(http://www.webpagedesign.ws/jeans3c/left-bg-2.jpg) repeat-y;} /* .right-grad {position:relative; width:100%; background: url(http://www.webpagedesign.ws/jeans3c/side-bg-grad.jpg) 100% 77px no-repeat;} */ /* .left-grad {position:relative; width:100%; background: url(http://www.webpagedesign.ws/jeans3c/side-bg-grad.jpg) -346px 77px no-repeat;} */ .left-bg1 {position:relative; width:100%; background: url(http://www.webpagedesign.ws/jeans3c/left-bg1.jpg) 40px 0px repeat-y;} .foot-bg {position:relative; width:100%; background: url(http://www.webpagedesign.ws/jeans3c/foot-bg.gif) left bottom repeat-x;} .top-bg {position:relative; width:100%; background: url(http://www.webpagedesign.ws/jeans3c/top-bg.jpg) 1px 0 repeat-x;} #head {position:relative; width:100%; height:77px; background: url(http://www.webpagedesign.ws/jeans3c/top-left.jpg) no-repeat;} .logo {position:absolute; left:120px; top:27px;} .logo h1 {font: italic 34px/120% Georgia; color:#ca7a1d;} .logo h1 a, .logo h1 a:hover {color:#ca7a1d; text-decoration:none;} .logo a b {} .searchbox {position:absolute; right:29px; top:36px; width:211px; height:28px; font-size:11px; color:#a7a093;} .search-field {width:153px; height:28px; background: url(http://www.webpagedesign.ws/jeans3c/search-field.jpg) 0 0px no-repeat; float:left;} #s {border:none; background:transparent; color:#fafae0; font-weight:bold; width:140px; margin:6px 0 0 5px; float:left;} .search-but input {border:none; background:transparent url(http://www.webpagedesign.ws/jeans3c/search-but.jpg) center top no-repeat; width:56px; height:28px; float:right;} #content {position:relative; width:100%; text-align:left;} #menu {position:relative; margin-left:350px; margin-right:23px; background: url(http://www.webpagedesign.ws/jeans3c/menu-bg.jpg) right bottom;} .menu-b {position:relative; background: url(http://www.webpagedesign.ws/jeans3c/menu-bot.jpg) right bottom repeat-x;} .menu-r {position:relative; background: url(http://www.webpagedesign.ws/jeans3c/menu-right.jpg) right bottom repeat-y;} .menu-l {position:relative; background: url(http://www.webpagedesign.ws/jeans3c/menu-left.jpg) left bottom repeat-y;} .menu-rbc {position:relative; background: url(http://www.webpagedesign.ws/jeans3c/menu-rbc.jpg) right bottom no-repeat;} .menu-lbc {position:relative; background: url(http://www.webpagedesign.ws/jeans3c/menu-lbc.gif) left bottom no-repeat;} #menu ul {list-style:none; margin:0px; padding:10px 12px 32px 50px; overflow:hidden;} #menu ul li {display:block; float:left; margin-right:35px; padding-left:24px; background: url(http://www.webpagedesign.ws/jeans3c/menu-marker.gif) 0 0 no-repeat;} #menu ul li.home {} * html #menu ul {overflow:visible; height:1%;} * html #menu ul li {display:inline;} #menu ul li a {color:#fafae0; font:bold 12px/18px Tahoma; text-transform:uppercase;} #main {position:relative; float:left; width:100%;} .content {position:relative; margin:5px 386px 20px 96px;} .content h1 {font: 24px Trebuchet MS; color:#ca7a1d; letter-spacing:-1px; padding-left:98px;} .content h2 {font:bold 22px Trebuchet MS; color:#ca7a1d; padding:10px 0px 2px 20px;} .content h3 {font:bold 18px Trebuchet MS; color:#ca7a1d; padding:10px 0px 2px 20px;} .content h4 {font:bold 16px Trebuchet MS; color:#ca7a1d; padding:7px 0px 2px 15px;} .content h5 {font:bold 14px Trebuchet MS; color:#ca7a1d; padding:5px 0px 2px 10px;} .content h6 {font:bold 12px Verdana; color:#602600; padding:5px 0px 2px 0px;} .content h2.pagetitle {position:absolute !important; top:-44px; left:10px; width:222px; font-size:12px; border:1px dashed #9ca697; padding:5px;} .content h2.center {padding:25px 0; text-align:center;} .post {position:relative; padding:5px 14px 0px 0px;} .content .title {position:relative; padding-bottom:12px; background: url(http://www.webpagedesign.ws/jeans3c/hr-line.jpg) left bottom repeat-x;} * html .content .title {width:100%;} .title .date {position:absolute; left:-58px; top:0px; font:italic 12px/120% Georgia; padding:5px 22px 0 0; color:#fafae0; width:125px; height:38px; text-align:center; background: url(http://www.webpagedesign.ws/jeans3c/post-date-bg.jpg) no-repeat;} .title .meta {position:relative; margin:-2px 0 0 98px; font-size:11px; font-weight:bold; color:#958e71;} .title .meta a {color:#958e71; font-weight:bold;} .content h1 a, .content h1 a:hover {color:#ca7a1d; text-decoration:none;} .entry {position:relative; padding:4px 15px 10px 10px; clear:both; background: url(http://www.webpagedesign.ws/jeans3c/hr-line.jpg) left bottom repeat-x; overflow:hidden;} * html .entry {overflow:visible; height:1%;} .entry img {border:1px solid #000000; margin:3px 5px; max-width:99%;} .entry img.wp-smiley {border:none !important; margin:0px !important; max-width:99%;} .entry form {position:relative;} .entry input {border:1px solid #885A28; margin:3px; padding:2px; background-color:#716952; color:#FAFAE0;} .entry .cforms input {border:1px solid #885A28; margin:0px; padding:2px; background-color:#716952; color:#FAFAE0;} .postmetadata {position:relative; text-align:right; background: url(http://www.webpagedesign.ws/jeans3c/hr-line.jpg) left bottom repeat-x; padding:5px 20px 10px 20px;} .comm-star {background: url(http://www.webpagedesign.ws/jeans3c/marker-star.gif) 0px 1px no-repeat; padding-left:32px; margin-left:20px;} .google {position:relative; text-align:center;} .google iframe {margin:20 auto 0 auto;} .content ul {position:relative; list-style:none; padding:5px 20px;} .content ul li {display:block; padding:2px 0px 2px 20px; background: url(http://www.webpagedesign.ws/jeans3c/marker-star2.gif) 0px 4px no-repeat;} .content ol {position:relative; padding: 5px 40px; list-style: decimal} * html .content ol {display:inline-block;} *:first-child+html .content ol {display:inline-block;} .content ol li {padding:2px 0px 2px 0px;} .postgrav { float: left; padding: 3px; margin-right: 5px; margin-left: 5px; background: #000; } #status-message {position:relative; padding:5px 30px 10px 20px; margin-right:14px; background: url(http://www.webpagedesign.ws/jeans3c/hr-line.jpg) left bottom repeat-x;} #comments {position:relative; padding:5px 30px 10px 20px; margin-right:14px; background: url(http://www.webpagedesign.ws/jeans3c/hr-line.jpg) left bottom repeat-x;} #comments h4 {padding-left:20px; color:#ca7a1d;} .nocomments {padding-left:10px;} .message-box {position:relative; background:#412b14 url(http://www.webpagedesign.ws/jeans3c/comment-bg.jpg) left top repeat-y; padding:7px 0; margin-top:10px;} * html .message-box {width:100%;} .message-box .message-entry {position:relative; overflow:hidden; margin:0 7px; border:1px dashed #8a6746; padding:7px 10px 0px 10px; color:#d1cfb6;} * html .message-box .message-entry {height:1%; overflow:visible;} .message-box .message-by {font-size:11px; color:#d1cfb6; font-weight:bold; padding-left:10px;} .message-box .message-by a {color:#d1cfb6;} .message-box .message-time {font-size:11px; color:#130b01; border-bottom:2px solid #c0b397; padding:0 0 1px 0; margin-right:70px;} .message-box .message-time a {color:#bab39a;} .message-box .message-time span {color:#130b01; background-color:#c0b397; padding:0 30px 0px 10px;} .message-box .message-time span a {color:#130b01;} .message-box .gravatar-place {position:relative; float:right; margin:-32px -7px 2px 10px; background: url(http://www.webpagedesign.ws/jeans3c/avatar-place.jpg) left top no-repeat; width:70px; height:66px;} .message-box .message-lbc {position:absolute; left:-2px; bottom:0px; width:6px; height:15px; overflow:hidden; background: url(http://www.webpagedesign.ws/jeans3c/comment-lbc.gif) left bottom no-repeat;} .message-box .message-ltc {position:absolute; left:-2px; top:-2px; width:28px; height:11px; overflow:hidden; background: url(http://www.webpagedesign.ws/jeans3c/comment-ltc.gif) left top no-repeat;} .author_message-box {position:relative; background:#7e6a4f url(http://www.webpagedesign.ws/jeans3c/comment-bg2.jpg) left top repeat-y; padding:7px 0; margin-top:10px;} * html .author_message-box {width:100%;} .author_message-box .message-entry {position:relative; overflow:hidden; margin:0 7px; border:1px dashed #533b21; padding:7px 10px 0px 10px; color:#2e2215;} .author_message-box .message-by {color:#2e2215; font-size:11px; font-weight:bold; padding-left:10px;} .author_message-box .message-by a {color:#2e2215;} .author_message-box .message-time {color:#bab39a; border-bottom:2px solid #533b21; font-size:11px; padding:0 0 1px 0; margin-right:70px;} .author_message-box .message-time a {color:#130b01;} .author_message-box .message-time span {color:#bab39a; background-color:#533b21; padding:0 30px 0px 10px;} .author_message-box .message-time span a {color:#bab39a;} .author_message-box .gravatar-place {position:relative; float:right; margin:-32px -7px 2px 10px; background: url(http://www.webpagedesign.ws/jeans3c/avatar2-place.jpg) left top no-repeat; width:70px; height:66px;} .author_message-box .message-lbc {position:absolute; left:-2px; bottom:0px; width:6px; height:18px; overflow:hidden; background: url(http://www.webpagedesign.ws/jeans3c/comment-lbc2.gif) left bottom no-repeat;} .author_message-box .message-ltc {position:absolute; left:-2px; top:-2px; width:25px; height:13px; overflow:hidden; background: url(http://www.webpagedesign.ws/jeans3c/comment-ltc2.gif) left top no-repeat;} * html .gravatar-place {margin:-35px -3px 2px 10px !important;} .gravatar-place a {display:block; margin:8px 0 0 11px; width:50px; height:50px; overflow:hidden;} .gravatar {width:50px;} #respond {position:relative; margin:0 14px 20px 0px; text-align:center} #respond h4 {padding:5px 0px 10px 40px; color:#ca7a1d; background: url(http://www.webpagedesign.ws/jeans3c/hr-line.jpg) left bottom repeat-x; text-align:left;} #links {position:relative; margin:0 14px 20px 0px; text-align:center} #links h4 {padding:5px 0px 10px 40px; color:#ca7a1d; background: url(http://www.webpagedesign.ws/jeans3c/hr-line.jpg) left bottom repeat-x; text-align:left;} #sidebars {position:relative; width:386px; float:left; margin:5px 0 20px -386px;} #sidebar1-wrapper {position:relative; width:205px; float:left;} #sidebar1 {} #sidebar1 .dbx-content, #sidebar1 .widget-content {margin:0px 0px 0px 10px; padding:5px 0 15px 0; width:183px; overflow:hidden;} #sidebar1 h2 {position:relative; font:bold 13px/32px Tahoma; color:#cbc7c4; text-align:left; padding-left:12px; background:url(http://www.webpagedesign.ws/jeans3c/sidebar-title-bg2.jpg) left top no-repeat; height:32px; text-transform:uppercase;} #sidebar2-wrapper {position:relative; width:181px; float:left;} #sidebar2-wrapper {} #sidebar2 .dbx-content, #sidebar2 .widget-content {margin:0px 0px 0px 10px; padding:5px 0 15px 0; width:165px; overflow:hidden;} #sidebar2 h2 { display:block; position:relative; font:bold 13px/32px Tahoma; color:#cbc7c4; text-align:left; padding-left:12px; background:url(http://www.webpagedesign.ws/jeans3c/sidebar-title-bg.jpg) left top no-repeat; height:33px; text-transform:uppercase;} #sidebars .widget {position:relative;} #sidebars a {color:#a7a093;} #sidebars ul {list-style:none;} #sidebars ul li {color:#a7a093; padding:2px 0px 2px 16px; background: url(http://www.webpagedesign.ws/jeans3c/marker-star2.gif) 2px 4px no-repeat;} * html #sidebars ul li {padding:2px 0px 2px 16px; background: url(http://www.webpagedesign.ws/jeans3c/marker-star2.gif) 2px 4px no-repeat;} #sidebars p a {color:#a7a093; display:inline; background: none; padding:0px;} #sidebars p a:hover {color:#a7a093; display:inline; background: none;} #sidebars .dbx-box-closed .dbx-content ul, #sidebars .dbx-box-closed .widget-content ul {display:none !important;} #sidebars .Label {background:url(http://www.webpagedesign.ws/jeans3c/star-title-left.gif) no-repeat;} #sidebars .Label h2 {color:#000000 !important; background:url(http://www.webpagedesign.ws/jeans3c/star-title-right.gif) right top no-repeat !important; padding:31px 0px 2px 50px !important; height:auto !important;} #sidebars .Label a.dbx-toggle, #sidebars .Label a.dbx-toggle:visited {top:36px !important; right:20px !important;} a:hover abbr {border:none;} #footer {position:relative; width:100%; text-align:left; height:60px;} .infocreek {position:absolute; top:-100px; left:18px; width:23px; height:82px; background:url(http://www.webpagedesign.ws/jeans3c/made-in-infocreek.jpg) no-repeat;} .infocreek a {display:block; width:23px; height:82px; text-decoration:none; overflow:hidden;} .infocreek a:hover {text-decoration:none;} #footer a {color:#ca7a1d;} .copy {position:relative; padding:18px 0px 0px 104px; font-size:11px; float:left; font-size:11px;} .valid {position:relative; font-size:11px; float:right; padding:18px 115px 0 0;} .ping-track {border:1px dashed #9ca697; position:relative; margin:10px 0px 5px 0px; padding:8px; clear:both;} .up {text-transform:uppercase;} .center {text-align:center;} .l, .left {float:left;} .r, .right {float:right;} .textleft {text-align:left !important;} .clear {clear:both;} .navigation {position:relative; width:287px; height:38px; background: url(http://www.webpagedesign.ws/jeans2c/page-nav.jpg) no-repeat; float:right; margin:20px; font-weight: bold; padding:0px 12px; margin:10px 0px; } .navigation a:hover {text-decoration: underline;} .navigation span.prev {width:100px; float:left; margin-left: 45px; } .navigation span.prev a {color: #afb4a9; border:none; line-height:34px; margin:0px; padding:0px; text-decoration:none;} .navigation span.next {width:100px; float:right; margin-right: 45px; } .navigation span.next a {color: #afb4a9; border:none; line-height:34px; margin:0px; padding:0px; text-decoration:none;} /**************************************************************** Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE *****************************************************************/ .dbx-clone { position:absolute; visibility:hidden; } .dbx-clone, .dbx-clone .dbx-handle-cursor { cursor:move !important; } .dbx-dummy { display:block; width:0; height:0; overflow:hidden; } .dbx-group, .dbx-box, .dbx-handle { position:relative; display:block; } /**************************************************************** avoid padding, margins or borders on dbx-box, to reduce visual discrepancies between it and the clone. overall, dbx-box is best left as visually unstyled as possible *****************************************************************/ .dbx-box { position:relative; margin:0; padding:0; border:none; clear: both; z-index:1000; } /**************************************************************** otherwise, do what you like :) *****************************************************************/ /* group container(s) */ .dbx-group {} /* handles */ .dbx-handle { z-index:1000; } /* handle cursors are in a class of their own so they only get applied if the script is supported */ .dbx-handle-cursor { cursor:move; } /* toggle images */ a.dbx-toggle, a.dbx-toggle:visited { display:block; width:18px; height:19px; overflow:hidden; position:absolute; background:none; top:6px; text-indent:-50px; text-decoration:none; } #sidebar1 a.dbx-toggle, a.dbx-toggle:visited {right:23px;} #sidebar2 a.dbx-toggle, a.dbx-toggle:visited {right:9px;} a.dbx-toggle-open, a.dbx-toggle-open:visited { background:none; } a.dbx-toggle-closed, a.dbx-toggle-closed:visited { background:none; } a.dbx-toggle-hilite-open, a.dbx-toggle-hilite-open:visited { background:none; } a.dbx-toggle-hilite-closed, a.dbx-toggle-hilite-closed:visited { background:none; } /* keyboard navigation tooltip */ .dbx-tooltip { display:block; position:absolute; margin:36px 0 0 125px; width:185px; border:1px solid #000; background:#ffd; color:#000; font:normal normal normal 0.85em tahoma, arial, sans-serif; padding:2px 4px 3px 5px; text-align:left; } * html .dbx-tooltip { width:176px; } /* use CSS2 system colors in CSS2 browsers but not safari, which doesn't support them */ *[class="dbx-tooltip"]:lang(en) { border-color:InfoText; background:InfoBackground; color:InfoText; font:small-caption; font-weight:normal; } /* inner content area */ #sidebar1 .dbx-content { position:relative; overflow: hidden; width:183px; } #sidebar2 .dbx-content { position:relative; overflow: hidden; width:165px; } /* toggle state of inner content area */ .dbx-box-closed .dbx-handle {} .dbx-box-closed .dbx-content { display:block; height:0px; overflow:hidden; } .dbx-box-closed .dbx-content * { display:none !important; } /* additional clone styles .dbx-clone { opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; filter:alpha(opacity=80); } */ ]]>

 

This entry was posted on and is filed under , . You can leave a response and follow any responses to this entry through the .
Filed under , 1
 
  ()  

1