Layout #1: Just fill your head with "Why" [Sherlock]

Feb 08, 2012 01:06

(Per la Sherlock Week @ sherlockfest-it, arrabattato di fretta perché ho avuto una serataccia e di scrivere non c'era verso. "XD)



(clicca per un'anteprima a pieno schermo)

1) Seleziona "Blue Gray, Flexible Squares" dai temi disponibili.
2) Clicca su "Customize your theme".
3) Nella scheda "Sidebar" seleziona "No" per tutte le voci, tranne "Show the blurb/free text in the sidebar?" che va impostato come "Yes" (È lo spazio per la topbar.)
4) Nella scheda "Custom CSS" seleziona "No" per tutte le voci, poi incolla il CSS nell'apposito spazio.

/* MADE BY EL_DEFE.LIVEJOURNAL.COM */
/* FOUND @ MERCURIALMIND17.LIVEJOURNAL.COM */
/* STEALING IS FORBIDDEN */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% verdana,arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.5em;}

html, body {height: 100%;}
body {text-align: justify; background: #111111 url(http://i.imgur.com/GHZSN.jpg) repeat fixed; font-family: 'Trebuchet MS', Verdana, Tahoma, sans-serif; font-size: 14px; cursor: default;}

a, a:link, a:visited, a:active {color: #111111; font-weight: normal; text-transform: underline;}
a:hover {color: #414141;}

.title, .subtitle, .clearfoot, .clear, #hello-world, ul.navfooter li.viewing {height: 0px; display: none;}
.skiplinks {text-align: center;}

#maincontent, #header, .headerimage {width: 960px; margin: 0 auto; background-color: #F1F1F1;}
#footer, .navfooter, #sidebar {width: 960px; margin: 0 auto; }
.headerimage {height: 300px; background: url(http://i.imgur.com/MKIKB.png) no-repeat top center;}
#header, .navfooter {padding: 7px 0; background-color: #111111; text-align: center; font-family: Cambria, Georgia; font-size: 20px; text-transform: uppercase;}
ul.navheader {padding: 0; text-align: center; font-weight: bold;}
ul.navheader li, ul.navfooter li {margin: 0px 10px; list-style-type: none; display: inline;}
#header a, li.view, #footer a {font-weight: normal; text-align: center; text-decoration: none; padding: 15px; color: #F1F1F1;}
#header a:hover, #footer a:hover, li.view:hover {color: #414141;}
#sidebar {color: #F1F1F1; background-color: #414141; border-bottom: 5px solid #111111;}
#sidebar a {color: #414141;}
#sidebar a:hover {color: #111111;}
.sbarbody2 {padding: 10px;}
.subcontent {padding: 10px 10px 20px;}
.entry_text {padding-top: 10px;}
.entry_text img {max-width: 800px;}
#footer {margin-bottom: 30px;}
.ljtaglist {padding: 15px 10px 30px;}
.userpic, .userpicfriends {width: 75px; height: 75px; position: relative; float: left; padding: 0px; margin: 0px 6px 6px 0px; text-align: center; z-index: 15; background-color: transparent !important; font-size: 1px; color: #F1F1F1; border-top: 5px solid #111111; border-bottom: 5px solid #111111;}
.userpic img, .userpicfriends img {width: 75px; height: 75px; border: 0px;}
.userpic a, .userpicfriends a, .userpic font, .userpicfriends font {display: none; height: 0; font-size: 1px;}
.datesubject {margin: 0 auto; padding: 0 15px; color: #111111; font-weight: normal !important; text-transform: uppercase;}
.date {font-size: 10px;}
.datesubject:hover {color: #414141;}
.subject {text-transform: uppercase;font-family: Cambria, Georgia; font-size: 20px;}
.subject a {font-weight: normal !important;}
h2, .year {margin: 0 auto; padding: 15px; font-family: Cambria, Georgia; font-size: 20px; color: #F1F1F1; text-transform: uppercase; background: #111111;}
.year {text-align: center; font-weight: bold;}
.year li {display: inline;}
.year li a, .year .active {color: #F1F1F1 !important; padding: 0 8px;}
table.yeartable {margin: 20px auto 0; padding: 20px; width: 500px;}
table.yeartable td.yeardate {border-width: 1px; border-style: solid; border-color: #111111; height: 50px;}
table.yeartable td.yearday {border-width: 1px; border-style: solid; border-color: #111111; background: #111111; color: #F1F1F1;}
table.yeartable td.yearday {text-align: center;}
td.yearmonth {border-style: none; font-weight: bold;}
.userpiccomment {background: transparent !important; width: 50px; height: 50px; float: left;}
.userpiccomment img {height: 50px !important; width: 50px !important;}
.datesubjectcomment {text-align: left; background: transparent; text-transform: lowercase; color: #F1F1F1; padding: 0px; background: #111111; height: 50px;}
.datesubjectcomment .ljuser img {display: none;}
.datesubjectcomment .ljuser a {padding-left: 5px; color: #F1F1F1 !important; font-weight: normal !important;}
.datesubjectcomment strong {padding-left: 10px; font-weight: bold; text-transform: uppercase;}
.box {margin: 10px; padding: 15px 0; border-bottom: 1px solid #111111; text-align: center;}
.box center b {display: none;}
textarea.textbox {padding: 10px; background: #F1F1F1!important; border: 1px solid #111111; color: #111111;}
.box form>table {margin-bottom: 20px !important;}
.commentreply {text-align: left; position: relative; margin: 0 0 10px; color: #111111;}
.commentbox b {font-weight: 300 !important;}
.commentboxpartial {padding: 5px; margin: 5px; background: #F1F1F1;}
.commentinfo {margin-top: 10px; width: auto;}
#qrdiv table {border-width: 0px!important;}
.ljtags {font-weight: bold; margin-top: 20px;}
.comments {font-weight: normal; margin-top: 20px; text-align: center; font-size: 18px; text-transform: uppercase;}
.comments a {font-weight: normal;}

a, a:link, a:visited, a:active, a:hover, li.view, li.view:hover, .linkini, .linkini:hover, .datesubject, .datesubject:hover {text-decoration: none; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear;}
img[src*="img/userinfo.gif"], img[src*="img/user_ontd.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/du6GZ.png) no-repeat !important; padding: 0px 3px 21px 16px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/mjtCv.png) no-repeat !important; padding: 0px 3px 21px 16px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/SXrWh.png) no-repeat !important; padding: 0px 3px 21px 16px !important; }

5) Modificate se ne avete bisogno e se sapete dove mettere le mani.
6) Le lyric sono di una qualche canzone di Melanie Fiona. *apre il player* "Gone And Never Coming Back"!
7) Creditate mercurialmind17 da qualche parte!

fandom: sherlock, #journallayout

Previous post Next post
Up