style_system | (no subject)

(no subject)

hi! can someone send me this --> https://boobpunch.livejournal.com/ layout source code, i want to use it?

The page source credits “two [ minimally.livejournal.com ]”, but the layouts link there has been deleted :C Closest I could get is an archived snapshot from 2013, but alas none of the individual posts are archived.

I was able to find the coder (for the record, LJ community → admin’s website link; didn’t call for any deep digging); their main Tumblr is no longer active, but their about page lists sideblogs (one of which updated within the week) and a Twitter handle, so you may have luck contacting them directly for the layout code :o

Edited (typos) 2023-08-28 00:28 (UTC)

Can you copy the code from the source code?

With the caveat that I have no idea how LJ themes work, here’s the CSS under (& including) the credit:

/* Cleaned CSS: */
/* two [ minimally.livejournal.com ] */

* { margin: 0; padding: 0; }

body { background: #FFF; margin: 80px 0 20px 0; font: 11px Georgia, serif; color: #888; text-align: center; line-height: 1.8em; }

a { color: #BBB; text-decoration: none; -webkit-transition-duration: 0.8s; }

a:hover { color: #CCC; text-decoration: none; -webkit-transition-duration: 0.8s; }

::selection, a::selection, img::selection { background: #6ECDE3; color: #FFF; }

::-moz-selection { background: #6ECDE3; color: #FFF; }

hr { color: transparent; height: 32px; border-style : none;  border: none; background: url(https://i.imgur.com/YZKs9.png) center center no-repeat; padding: 0; margin: 0; }

img { opacity: 0.8; filter: alpha(Opacity=80); -webkit-transition-duration: 0.5s; }

img:hover { opacity: 1; filter: alpha(Opacity=1); -webkit-transition-duration: 0.5s; }

.entry ul, .entry ol { padding: 0; margin: 0 0 0 25px; }

.entry ul li { padding: 0; margin: 0; list-style: none; }

.entry ol li { padding: 0; margin: 0; list-style: upper-roman; }

blockquote { font: 11px Georgia, serif; line-height: 2em; padding: 0; margin: 30px; border-bottom: 1 px solid #EEE; padding: 0 0 30px 0; }

div#header { margin: 0 0 20px 0; padding: 5px 0; text-align: right; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; }

div#content { margin: 0 auto; width: 940px; text-align: left; }

div#maincontent { margin: 0 0 0 300px; }

div#sidebar { float: left; width: 280px; }

div#footer { margin: 0 0 20px 0; padding: 5px 0; text-align: right; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; clear: both; }

ul.navheader { font-size: 9px; text-transform: uppercase; color: #BBB; }

ul.navheader li { display: inline; margin: 0 0 0 20px; }

.title, .subtitle { display: none; }

.sbarheader, .sbarbody {  }

.sbarbody2 { margin: 0 0 20px 0; text-align: left; }

ul.sbarlist { list-style: none; }

li.sbaritem { list-style: none; font-size: 9px; text-transform: uppercase; }

ul.sbarlist a { color: #555; }

ul.sbarlist a:hover { color: #BBB; }

.sbarbody#sidebar_linklist { margin: 0 0 20px 0; }

.sbarbody#sidebar_tags { margin: 0 0 20px 0; }

.defaultuserpic, li.sbartitle, .sbarbody#sidebar_calendar, .sbarbody#sidebar_summary { display: none; }

.entry	{ text-align: left; margin: 0 0 40px 0; }

.userpic { display: block; float: right; margin: 0 0 20px 20px; background: #FFF; }

.userpic img { padding: 5px; background: #FFF!important; border: 1px solid #DDD; }

.userpicfriends { display: block; float: right; margin: 0 0 20px 20px; background: #FFF!important; text-align: right; }

.userpicfriends img { padding: 5px; background: #FFF!important; border: 1px solid #DDD; }

.userpicfriends font, .userpicfriends a { color: #BBB!important; }

.userpicfriends br { display: block; height: 0; }

.date, .subject, .subject a { color: #BBB; }

.datesubject { margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 9px; text-transform: uppercase;line-height: 10pt; border-bottom: 1px solid #E6E6E6; }

.currents strong { font-weight: lighter; }

.currents { display: none; font-size: 8px; text-transform: uppercase; }

.currentmood img { display: block; float: right; margin: -20px 0 0 20px; }

.ljtags { font-size: 6.5pt; text-transform: uppercase; margin: 10px 0; }

.comments { font-size: 9px; margin: 10px 0 20px 0; padding: 5px 0 0 0; border-top: 1px solid #E6E6E6; text-align: right; text-transform: uppercase; color: #FFF; }

.skiplinks { margin: 0 0 20px 0; font-size: 9px; text-transform: uppercase; text-align: left; color: #FFF; }

.datesubjectcomment { margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 10px; text-transform: uppercase; line-height: 1em; border-bottom: 1px solid #E6E6E6; color: #BBB; }

.userpiccomment { margin: 0 0 20px 20px; padding: 5px; background: #FFF!important; border: 1px solid #DDD; display: block; float: right; }

.box, .reply, .replytosubject, .commentreply, .commentboxpartial, .commentinfo {  }

.commentbox { margin: 0 0 20px 0; padding: 20px; background: #FFF; border: 1px solid #E6E6E6; }

input, textarea { background: #FFF; padding: 3px; margin: 2px 0; border: 1px solid #DDD; font: 10px Helvetica, Arial, serif; color: #AAA; }

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

ul.navfooter { padding: 0; margin: 0; font-size: 10px; text-transform: uppercase; color: #BBB; }

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

ul.ljtaglist {  }

ul.ljtaglist li { list-style: none; }

ul.year { padding: 0; margin: 0 0 20px 0; font-size: 8pt; text-transform: uppercase; font-weight: lighter; color: #BBB; }

ul.year li { display: inline; padding: 0; margin: 0 20px 0 0; }

table.yeartable { margin: 0; width: 600px; font-size: 6.5pt; text-transform: uppercase; color: #AAA; }

table.yeartable td.yeardate, table.yeartable td.yearday { padding: 5px; background: #F6F6F6; border: 1px solid #FFF; text-align: center; }

table.yeartable td.yearday {  }

td.yearmonth { border: 0; }

.clear, .sepearator, .clearfoot { display: none; }

h1 { font-size: 14px; text-transform: uppercase; font-weight: lighter; color: #BBB; }

h2 { font-size: 12px; text-transform: uppercase; font-weight: lighter; color: #BBB; }

h3 { font-size: 10px; text-transform: uppercase; font-weight: lighter; color: #BBB; }

.ljuser a, .ljuser strong, .ljuser b { font-weight: lighter; font: 11px Georgia, serif; }

.ljuser img { display: none!important; }

.ljuser img[src='http://l-stat.livejournal.com/img/userinfo.gif'],
.ljuser img[src='http://l-stat.livejournal.com/img/community.gif'],
img[src*='syndicated.gif'],
img[src*='newsinfo.gif'],
img[src*='partnercomm.gif'],
img[src*='sponcomm.gif'] { background: url('') no-repeat; }
 
img[src*='icon_protected.gif'] { width: 0; height: 0; padding: 5px 23px 0 0; background: url(https://i.imgur.com/bAuoM.png) no-repeat; float: right; margin: 3px 0 0 -38px; }

img[src*='icon_private.gif'] { width: 0; height: 0; padding: 5px 27px 0 0; background: url(https://i.imgur.com/yz4H8.png) no-repeat; float: right; margin: 3px 0 0 -42px; }

img[src*='icon_groups.gif'] { width: 0; height: 0; padding: 9px 18px 0 0; background: url(https://i.imgur.com/wKKMe.png) no-repeat; float: right; margin: 3px 0 0 -33px; }

img[src*='http://l-stat.livejournal.com/img/icon_sticky.png'] {
	display: none; }

Flat | Top-Level Comments Only