Textless BBC Sherlock Backgrounds: London Boys

2012-09-29T00:29:29Z

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

Sherlock Backgrounds

2012-09-29T00:00:53Z

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

jdmcool @ 2020-05-31T16:44:00

2012-05-31T20:44:40Z

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

2010-04-03T20:19:06Z

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

jdmcool @ 2020-05-31T16:44:00

Pretty In Punk