Post Friends My journal
mightystache in mintyapple

bloggish: deerstalker

Jan 05, 2010 21:09



(static and live preview available within)



Deerstalker










Preview
Primary Entries Mouseover ModulesIT'S ALIVE! (opens in new window)

SPOTLIGHTTitle: Deerstalker
Style S2 Bloggish
Compatability: Tested on Firefox and IE.
Features: Functioning link, tag, page summary and calendar modules.
Disabled: Journal title/subtitle, header and syndicate module.

The Pseudointellectual's GuideTHE BASIC
  1. Customise Journal » Style System: S2. Save.
  2. Look and Feel » Layout: Bloggish. Theme: None. Save.
  3. Custom Options » Layout Type: Two Columns (Sidebar Right). Base Weblog: Yes. Custom Stylesheet: Copy and Paste the Following Code. Save.
(RIGHT-CLICK » SELECT ALL » COPY)/* 'DEERSTALKER' by ~poirot@ij */
/* Designed for S2 Bloggish, Two Column (Sidebar Right) */

/* body */

body {
font-family: helvetica, arial, 'trebuchet ms', sans-serif;
font-size: 12px;
}

a { color: #573512; text-decoration: none; text-decoration: underline; }
a:visited { color: #573512; }
a:hover { color: #573512; text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
font-family: helvetica, arial, 'trebuchet ms', sans-serif;
}

blockquote {
background:#3e260e url() top left repeat-x; /* grad.png */
min-height:90px;
padding:20px;
color:#efefef;
text-align:justify;
}

textarea {
background:#3e260e url() top left repeat-x; /* grad.png */
min-height:90px;
padding:20px;
color:#efefef;
border:0;
text-align:justify;
}

.entry ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.entry li
{
list-style-type: none;
background-image: url(); /* bullet.png */
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left:10px;
line-height:11px;
}

/* page layout */

html {
min-height:100%;
height:100%;
max-height:100%;
overflow:hidden;
}

body, .layout-two-column-right {
width: 100%;
min-height: 100%;
height: 100%;
max-height: 100%;
color: #000;
background: #3e260e;
overflow:hidden;
padding:0;
margin:0;
}

#container, #container-inner, #pagebody, #pagebody-inner {
width: 100%;
background: transparent;
min-height:100%;
height:100%;
max-height:100%;
display:block;
overflow:hidden;
margin:0;
padding:0;
position:relative;
z-index:500;
}

#container {
background: transparent url() top left repeat; /* wood.png */
}

/* header */

#banner, #banner-inner, #banner-header, #banner-description {
display:none;
}

/* two column sidebar right */

#alpha {
width:100%;
min-height:90%;
height:90%;
max-height:90%;
position:relative;
background:transparent url() top center no-repeat; /* clutter.gif */
background-attachment:fixed;
overflow:auto;
display:block;
z-index:900;
}
#alpha-inner {
width:690px;
min-height:100%;
margin:auto;
background:#d6c99f url() top center repeat-y; /* book.png */
padding:15px 30px 30px 30px;
}
#beta {
width:100%;
height:10%;
position:absolute;
bottom:0;
left:0;
background:#000 url() top left repeat-x; /* grad.png */
border-top:13px solid #3a3835;
margin-bottom:-13px;
display:block;
overflow:hidden;
z-index:3000;
}
#beta:hover {
overflow:visible;
}

/* entries */

.entry { overflow:visible; }

.date-header {
margin-left:-95px;
padding: 30px 20px;
color: #fff;
background: #160d04 url() top center repeat-x; /* leatherhr.jpg */
font-size: 24pt;
font-weight: normal;
text-transform:uppercase;
color:#d6c99f;
font-family:georgia;
width:780px;
height:15px;
overflow:hidden;
border:4px solid #160d04;
-moz-border-radius: 9px;
}

.entry-header {
text-align:left;
margin-top: 10px;
padding-left: 10px;
color: #573512;
font-family:georgia;
font-size: 32pt;
font-weight: normal;
}
.entry-header:hover {
text-decoration:underline;
}

.entry-body {
background:transparent;
padding: 5px 20px;
color: #666;
text-align:justify;
min-height:200px;
}

.entry-userpic {
float:left !important;
margin-left:-195px !important;
background:#010000;
padding:25px;
width:100px;
white-space:normal;
color:#010000;
-moz-border-radius: 24px;
}
.entry-userpic img, .entry-userpic img a { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.entry-userpic img:hover, .entry-userpic img a:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
p.poster a {
color:#444;
text-align:center;
width:100px;
text-decoration:none;
}

.entry-footer {
float:right !important;
width:150px;
margin:-120px -145px 20px 0;
padding:0;
color:#b7b097;
font-weight: normal;
font-size:0;
text-transform:uppercase;
text-align:left;
}
.entry-footer a {
display:block;
background:#3e260e;
color:#d6c99f;
font-size:8pt;
text-decoration:none;
padding:0 5px;
margin:0 0 1px 0;
border-right: 20px solid #010000;
}
.entry-footer a:hover {
background:#573512;
color:#fff;
text-decoration:none;
}

.content-nav {
margin:15px auto;
color:#d6c99f;
}
.content-nav a{
background:#3e260e;
border: 1px solid #666;
padding:5px;
width:100px;
color:#d6c99f;
text-transform:uppercase;
text-align:center;
font-size:10pt;
line-height:8px;
text-decoration:none;
}
.content-nav a:hover {
color:#fff;
}

.metadata {
font-size:8pt;
text-transform:uppercase;
line-height:15px;
}
.metadata strong {
background:#3e260e;
color:#d6c99f;
padding:0px 5px;
}

.ljtags {
background:#3e260e;
text-transform:uppercase;
font-size:8pt;
padding:7px;
border-left:25px solid #160d04;
border-bottom:1px solid #160d04;
color:#d6c99f;
text-align:left;
}
.ljtags a {
color:#9b8a54;
margin:0 2px;
}

/* modules */

.module-header { display:none; }

.module-calendar {
display:block;
width:250px;
position:absolute;
margin:0 auto;
right: 25px;
bottom:100%;
margin-bottom:-5px;
background:transparent;
text-align:center;
}
.module-calendar .module-content:before { /* credit */
height:20px;
width:230px;
color:#777;
text-transform:uppercase;
text-align:center;
font-size:7pt;
line-height:11px;
text-decoration:none;
content: "layout by http://poirot.insanejournal.com";
}
.module-calendar .module-content {
background:#222;
padding:15px;
}
.module-calendar table {
width:160px;
background:#333;
color:#afaa96;
}
.module-calendar tr, td, th {
border:1px solid #222;
padding:0 5px;
}
.module-calendar table a {
background:#524f4b;
color:#afaa96;
text-decoration:none;
padding:0 5px;
}
.module-calendar table a:hover {
background:#afaa96;
color:#fff;
text-decoration:none;
}

.module-viewlinks {
display:inline;
width:100%
padding:0;
margin:0 auto;
position:absolute;
bottom:10px;
text-align:center;
z-index:3000;
}
.module-viewlinks li {
display:inline;
}
.module-viewlinks a, .module-viewlinks a:visited {
display:inline;
padding:0 10px;
color:#3a3835;
font-family:georgia;
font-size:22pt;
text-decoration:none;
text-align:center;
font-style:italic;
line-height:18px;
}
.module-viewlinks li a:hover {
display:inline;
text-decoration:none;
color:#746f68;
}

.module-typelist {
display:block;
width:200px;
position:absolute;
left:50%;
margin-left:-300px;
bottom:100%;
margin-bottom:-5px;
background:transparent;
text-align:center;
}
.module-typelist .module-header {
display:block;
font-family:georgia;
font-style:italic;
color:#000;
font-size:32pt;
line-height:11px;
}
.module-typelist .module-content {
background:#222;
padding:10px 20px;
}
.module-typelist li {
width:160px;
background:#333;
margin:0 0 1px -10px;
}
.module-typelist a, .module-typelist a:visited {
display:block;
color:#afaa96;
font-family:tahoma;
font-size:8pt;
text-decoration:none;
font-weight:normal;
text-transform:uppercase;
}
.module-typelist li a:hover {
text-decoration:none;
color:#fff;
background:#524f4b;
}

.module-categories {
display:block;
width:200px;
position:absolute;
left:50%;
margin-left:-100px;
bottom:100%;
margin-bottom:-5px;
background:transparent;
text-align:center;
}
.module-categories .module-header {
display:block;
font-family:georgia;
font-style:italic;
color:#000;
font-size:32pt;
line-height:11px;
}
.module-categories .module-content {
background:#222;
padding:10px 20px;
}
.module-categories li {
width:160px;
background:#333;
margin:0 0 1px -10px;
}
.module-categories a, .module-categories a:visited {
display:block;
color:#afaa96;
font-family:tahoma;
font-size:8pt;
text-decoration:none;
font-weight:normal;
text-transform:uppercase;
}
.module-categories li a:hover {
text-decoration:none;
color:#fff;
background:#524f4b;
}

.module-pagesummary {
display:block;
width:200px;
position:absolute;
left:50%;
margin-left:100px;
bottom:100%;
margin-bottom:-5px;
background:transparent;
text-align:center;
}
.module-pagesummary .module-header {
display:block;
font-family:georgia;
font-style:italic;
color:#000;
font-size:32pt;
line-height:22px;
margin-bottom:-1px;
}
.module-pagesummary .module-content {
background:#222;
padding:10px 20px;
}
.module-pagesummary li {
width:160px;
background:#333;
margin:0 0 1px -10px;
}
.module-pagesummary a, .module-pagesummary a:visited {
display:block;
color:#afaa96;
font-family:tahoma;
font-size:8pt;
text-decoration:none;
font-weight:normal;
text-transform:uppercase;
}
.module-pagesummary li a:hover {
text-decoration:none;
color:#fff;
background:#524f4b;
}

.module-powered, .module-syndicate {
display:none;
}

.module-photo {
display:block;
position:absolute;
left:25px;
bottom:100%;
margin-bottom:15px;
background:transparent;
text-align:center;
background:#010000;
width:100px;
height:100px;
padding:25px;
}

/* icons */

.entry-header img[src="http://www.insanejournal.com/img/icon_protected.gif"]{
width:0;
height:0;
padding:80px 128px 0px 0px !important;
background:transparent url() center center no-repeat !important; /* lockedlocked.png */
float:right !important;
margin-right:-120px !important;
}

.entry-header img[src="http://www.insanejournal.com/img/icon_private.gif"]{
width:0;
height:0;
padding:80px 128px 0px 0px !important;
background:transparent url() center center no-repeat !important; /* lockedprivate.png */
float:right !important;
margin-right:-120px !important;
}

.ljuser img {
width:0;
height:0;
background:transparent url() center center no-repeat; /* infoi.png */
padding: 12px 16px 0px 2px !important;
}

.ljuser img[src="http://www.insanejournal.com/img/userinfo.gif"] {
background:transparent url() center center no-repeat !important; /* infoi.png */
padding: 12px 22px 0 2px !important;
}

.ljuser img[src="http://www.insanejournal.com/img/community.gif"] {
background:transparent url() center center no-repeat !important; /* infoc.png */
padding: 12px 12px 0 2px;
}

(LJ USERS WILL ALSO NEED TO REPLACE THE /* icons */ PORTION WITH THE FOLLOWING)
/* icons */

.entry-header img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{
width:0;
height:0;
padding:80px 128px 0px 0px !important;
background:transparent url() center center no-repeat !important; /* lockedlocked.png */
float:right !important;
margin-right:-120px !important;
}

.entry-header img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
width:0;
height:0;
padding:80px 128px 0px 0px !important;
background:transparent url() center center no-repeat !important; /* lockedprivate.png */
float:right !important;
margin-right:-120px !important;
}

.ljuser img {
width:0;
height:0;
background:transparent url() center center no-repeat; /* infoi.png */
padding: 12px 16px 0px 2px !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
background:transparent url() center center no-repeat !important; /* infoi.png */
padding: 12px 22px 0 2px !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background:transparent url() center center no-repeat !important; /* infoc.png */
padding: 12px 12px 0 2px;
}
WHAT YOU NEED
  1. book.png, bullet.png, clutter.gif, grad.png, infoc, infoi.png, leatherhr.jpg, lockedlocked.png, lockedprivate.png, wood.png
  2. DO NOT HOTLINK TO THESE. Save and upload them to your own server » locate /* imagename */ comments throughout the code and paste corresponding image links into url(insertimagehere) on the same line.
CUSTOMISING LINKS
  1. Customise Journal » Linklist. Enter links as needed. Save.
CREDIT
  1. Please add a link to http://poirot.insanejournal.com (see CUSTOMISING LINKS above).
  2. Alternatively, link to ~poirot somewhere on your profile page.
  3. Please note that credit is hard-coded into the calendar module, however, IE does not support this property and therefore it will not show up in all browsers. You may remove this if you so desire, but please credit by one of two methods above. You may not remove the header comment.


'magic click' code inspired by rp_tutorials

Please watch ~poirot for updates!

style: bloggish

Leave a comment

Read comments 83
Previous post Next post
Up
Homepage Read journal... Full version Help Русская версия
© 1999-2025 LiveJournal, Inc.