Textless BBC Sherlock Backgrounds: London Boys

jdmcool — Sat, 29 Sep 2012 00:29:29 GMT

Click the image for full-sized background. All of them are 1280x800. All of them are made by me and me only.

Sherlock Backgrounds

jdmcool — Sat, 29 Sep 2012 00:00:53 GMT

Click the image for full-sized background. All of them are 1280x800. All of them are made by me and me only.

jdmcool — Thu, 31 May 2012 20:44:40 GMT

From now on, this lovely little journal is gonna suffer from some serious friend locking, mostly because I don't use it all that much for writing in the first place. Pity that. If one is looking for any sort of new writing from me, well, the best place to look would have to be my lovely AO3 or DreamWidth.

Pretty In Punk

jdmcool — Sat, 03 Apr 2010 20:19:06 GMT

OK. So my first real layout (that I am not selfishly saving for myself like the one I use). Hopefully it will be liked.

Style: Flexible Squares
Browser(s) Compatible: Firefox/IE/Opera Tested
Work with Nav bar?: Yes
Credit: jdmcool
Preview:

Set Journal Theme to Flexible Squares/ Gray
Copy & Paste codes here
>> Set all options to 'No'.
Credits & Comments earn love.

Alternate Wordless Header: Here

/* Cleaned CSS:
Pretty In Punk(c) jdmcool.livejournal.com*/

/*---------------------------------------------------
-----------------------------------------------------*/

body {
background-image:url(http://fc01.deviantart.net/fs42/i/2009/082/7/7/Seamless_Plaid_0055_by_AvanteGardeArt.jpg);
background-repeat:repeat;
background-attachment:fixed;
text-align: right;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 100px 0 120px 0;
}

a, a:link, a:visited {
color: #FF64B2;
text-decoration: none;
}

a:hover {
color: #CE438A;
text-decoration: underline;
}

p, td, blockquote {
font-size: 11px;
}

code, kbd, pre, tt {
font-family: monospace;
}

/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/

#content {
width: 750px;
padding:15px;
background-image:url(http://i42.tinypic.com/qoxgzq.jpg);
background-attachment:fixed;
margin-left: auto; margin-right: auto;
margin-top:0px;
}

#maincontent {
margin-top: 15px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #;
color: #000000;
margin-right: 180px;
text-align: left;
}

#sidebar {

padding-top: 15px;
margin-top: 15px;
background-color: #FDD4ED;
border-color: #130F11;
border-width: 2px;
border-style: solid;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #000000;
width: 160px;
float: right;
text-align: left;
}

/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/

#header {
width: 100%;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: center;
font-family: Impact, Charcoal, sans-serif;
font-size: 15px;
font-weight: none;
letter-spacing: 2px;
background-color: #130F11;
color: #FFFFFF;
}

.headerimage {
position: relative;
width: 780px;
height: 300px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url("http://i43.tinypic.com/2woxjjp.jpg");
}

/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #FF64B2;
}

div#header a:hover, div#footer a:hover {
color: #CE438A;
text-decoration: none;
}

/*title and subtitle*/
.title {
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}

.subtitle{
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}

/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/

/* header -- links to views; title of journal; subtitle of journal */

ul.navheader
{
padding: 0px;
margin: 0px;
}

ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}

/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/

.subcontent {
}

.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #FDD4ED;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px 2px 2px 2px;
border-color: #130F11;
border-style: solid;
}

.userpic {
position: relative;
float: left;
margin: 10px;
z-index: 15;
border-width: 5px;
border-color: #9C205F;
border-style: groove;
}

.date {
line-height: 200%;
top: 3px;
color: #FA66B4;
font-family: Impact, Charcoal, sans-serif;
font-size: 14px;
letter-spacing:1px
}

.subject {
font-weight: bold;
padding: 0px;
color: #FFFFFF;
font-family: Tahoma, Geneva, sans-serif;
font-size: 21px;
}

.subject a, .subject a:link, .subject a:visited {
color: #ffffff;
}

.subject a:hover {
color: #CE438A;
}

.datesubject {
background-color: #130F11;
padding: 2px;
}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}

/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/

.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}

/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
background-color: #130F11;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #ffffff;
}

div.comments a:hover {
color: #CE438A;
text-decoration: none;
}

/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/

.separator{
/* for formatting separators between entries */
height: 35px;
}

/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/

.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
border-style: groove;
border-width: 5px;
border-color: #9C205F;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}

/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/

.defaultuserpic {
text-align: center;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 15px 0 15px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #FF64B2;
}

div#sidebar a:hover {
color: #CE438A;
text-decoration: none;
}

/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
background-color:#FFFFFF;
border-color: #000000;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.sbarcalendarposts {
border-color: #130F11;
border-width: 1px;
border-style: solid;
background-color: #130F11;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

li.sbaritem
{
padding-left: 15px;
list-style: none;
}

li.sbartitle
{
padding-left: 15px;
list-style: none;
color: #FFFFFF;
text-align:center;
font-family: impact;
font-size: 15px;
background-color: #130F11;
margin-bottom: 10px;
margin-top: 10px;
}

/*----------------------------------------------------
footer
----------------------------------------------------------------*/

#footer {
width: 100%;
text-align: center;
color: #FFFFFF;
text-align:center;
font-family: impact;
font-size: 14px;
letter-spacing: 1px;
background-color: #130F11;
z-index: 100;
clear: both;
}

ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}

.clearfoot {
clear: both;
}

/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #130F11;
}

table.yeartable td.yearday {
background-color: #130F11;
text-align: center;
}

td.yearmonth {
border-style: none;
}

/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/

.datesubjectcomment {
background-color: #130F11;
padding: 5px;
margin-top: 20px;
color: #FFFFFF;

}

.userpiccomment {
position: relative;
top: -30px;
left: 0px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 5px;
border-color: #9C205F;
border-style: groove;
}

.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}

input, textarea {
background-color: #FFFFFF;
color: #000000;
}

textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #d4dce8;
color: #000000;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #000000;
}

.commentbox {

border-color: #130F11;
border-width: 2px 2px 2px 2px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #FDD4ED;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}

.datesubjectcomment a:hover {
color: #b0b9c8;
}

.commentboxpartial {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #d4dce8;
}

.commentinfo {
background-color: #d4dce8;
margin-top: 10px;
width: 100%;
}

.skiplinks {
text-align: center;
}

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
height: 5px;
}

Cause It's Just Lust

Textless BBC Sherlock Backgrounds: London Boys

Sherlock Backgrounds

Pretty In Punk