Workshop for Layout Lounge

sireesanwar

31 December 2014 @ 05:11 pm

About the community....

This journal is a testing site for

layout_lounge designs.

I do testing here so that those I help out can see the changes and see what designs I've made for them. This is also where I piece together layouts I'm working on, post coding for specific people who need coding help, and have testing tags to see how things will look.

You are more than welcome to look around and to see what is going on...

If you are looking for a layout head over to

layout_lounge to see what I've made and to find tutorials on how to make LJ work for you. If you are looking for headers, banners or icons go to

graffitigraphic which is where I store my LJ art work.

Tags: .preview, .preview: lj like, graphics

Where: This side of the sun

Mood:

working

Music: Welcome to My Life

14 Comments | Comment

sireesanwar

22 May 2025 @ 02:41 pm

104. The Pines testing

Layout Style: S2 Flexible Squares
Features: Header Image, Custom Header Location, Custom Sidebar, No Userpics for posts, Friends Page/Community Userpics
Layout Width: Responsive

[ PREVIEW ] [ LIVE PREVIEW ] credit

layout_lounge
All special fonts have been embedded into the layout from Google Fonts.

Tags: .preview, .preview: comments, .preview: cut, .preview: related, graphics

Mood:

relaxed

2 Comments | Comment

sireesanwar

29 May 2019 @ 02:38 pm

Code Help for pknumba1

/*--------------------------------
S2 Flexible Squares - 103. Florence
Layout by http://layout_lounge.livejournal.com/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #eee;
 background-image: url();
 background-repeat: repeat;
 background-attachment: fixed;
 background-position: top left;
 background-size: auto;
 color: #777777;
 font-family: "Montserrat", arial, sans-serif;
 font-size: 14px;
 margin: 0px;
 }

a, a:link, a:visited { color: #EF9D87; }
a:hover { color: #444444; }

blockquote {
 background: url(https://i.imgur.com/ddZVUdt.png) left top/50px 50px no-repeat;
 width: 80%;
 margin-left: 10px;
 padding-left: 10px;
 margin-left: auto;
 margin-right: auto;
 color: #222222;
 font-size: 15px; 
font-style: italic;
 text-align: left;
 }

img.special, i img {  width: 100%; }

.b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: "Montserrat"; }

/*--------------General------------*/
#content-outer { 
 position: absolute;
 top: 155px;
 width: 100%;
 height: 220px;
 background-color: transparent!important;
 background-image: url(https://imgprx.livejournal.net/46a7a3336842d68f58a400e408f54cf62ec5c823/1xGx1Y0AXFavP5_wvET_GFJ8pu97jo1OOPzYv8oQKQywyC87kEEsuZ1WW79-9Gb_KfM7C7J8PnYUBhDnNsu5xg);
 background-repeat: no-repeat;
 background-position: center bottom, center top;
 background-size: auto, cover;
 z-index: -199;
 }

.headerimage {
display: none; /*-use content outer for headerimage-*/
}

#content {   
 width: 75%;
 margin: 220px auto 0px auto;
 font-family: "Montserrat", arial, sans-serif;
 font-size: 14px;
 text-align: left;
 padding: 25px 30px 25px 70px;
 z-index: 50;
 }

#maincontent {
 margin-top: 0px;
 margin-right: 320px;
 padding: 0px;
 }

@media all and (max-width: 800px) {
#maincontent {
 width: 80%;
 float: none; 
 margin-top: 20px;
 margin-right: 0px;
 padding: 0px;
 }
}

.subcontent {
 background-color: #ffffff;
 margin-bottom: 20px;
 padding: 10px;
 font-size: 15px;
 color: #333333;
 }

.clear { height: 0px; font-size: 0.01px; }

/*---------------Header--------------*/
#header {  
 position: absolute;
 left: 0; top: 0;
 background-color: #fff;
 width: 100%;
 height: 40px;
 padding-top: 20px;
 margin-top: -55px;
 text-align: center;
 font-family: open sans, arial !important;
 font-size: 12px !important;
 letter-spacing: 1px;
 text-transform: uppercase;
 z-index: 50;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 8px 8px 4px 8px;
 letter-spacing: 1px;
 line-height: 20px;
 color: #888888;
 text-align: left;
}

div#header li.view { 
 color: #EF9D87;
 padding: 8px 8px 4px 8px;
 margin-left: 12px;
  }

div#header a:hover {
 color: #EF9D87;
}

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }

.title, .subtitle { display: none; }
 
/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:99;
}

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

/*--first link---*/
ul.navfooter a {
}

ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: #fff;
color: #EF9D87;
font-family: open sans, georgia,arial,sans-serif;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 20px 30px 20px 30px;
margin: 0px 10px -10px 10px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
background-color: #EF9D87;
color:#fff;
padding: 20xp 10px 20px 10px;
}

/*--second link---*/
ul.navfooter li + li a {
float: right;
background-color: #fff;
color: #EF9D87;
padding: 20xp 10px 30px 10px;
 }

ul.navfooter li + li a:hover {  }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

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

#sidebar {
 width: 290px;
 margin-top: -10px;
 float: right;
 font-family: "Crimson Text", arial, georgia;
 font-size: 16px;
 line-height: 24px;
 color: #161616;
text-align: left !important;
 }

@media all and (max-width: 800px) {
#sidebar {
 width: 80%;
 float: none;
 margin-top: 10px;
 font-family: "Crimson Test", arial, georgia;
 font-size: 16px;
 color: #161616;
text-align: left !important;
 }
}

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

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 0px;
text-align: left;
}

li.sbaritem a {
color: #161616;
display: inline;
padding: 2px;
 }

li.sbaritem a:hover {
background-color: #eeeeee;
padding: 2px;
color:#161616;  }

li.sbartitle {
 margin-bottom: 5px;
 font-family: 'Oswald', open sans;
 font-size: 12px;
 letter-spacing: 1px;
 text-align: center;
 text-transform: uppercase;
 list-style: none;
 color: #161616; 
 border-bottom: 1px solid #d8d8d8;
 }

/*-For the Free Text Title-*/
h15 {
 display: block;
 margin-bottom: 5px;
 font-family: 'Oswald', open sans;
 font-size: 12px;
 letter-spacing: 1px;
 text-align: center;
 text-transform: uppercase;
 list-style: none;
 color: #161616; 
 border-bottom: 1px solid #d8d8d8;
 }

.sbarbody {
list-style-type:none;
padding: 5px !important;
margin: 5px 5px 10px 5px;
}

li.sbaritem2 {
list-style-type:none;
 background-color: transparent;
padding: 3px;
margin: 5px 3px 10px 3px;
}

li.sbaritem3 {
list-style-type:none;
 background-color: transparent;
padding: 5px;
margin: 5px 5px 10px 5px;
}

li.sbaritem4 {
display: inline-block;
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem4 a {
 display:inline-block;
background-color: #fff;
color: #EF9D87;
border: 1 solid #ddd;
padding: 3px;
font-family: 'open sans':
font-size: 10px;
 }

li.sbaritem4 a:hover {
background-color: #EF9D87; color: #fff;  }

/*-Sidebar Links-*/
#sidebar_linklist  {
list-style-type:none;
padding: 10px; 
margin: 5px 5px 10px 5px;
font-family: 'open sans';
font-size: 12px;
 }

#sidebar_linklist li.sbaritem { display: inline-block; }

#sidebar_linklist li.sbaritem a {
 display:inline-block;
padding: 5px; margin-bottom: 5px; background-color: #fff; color: #EF9D87; border: 1 solid #ddd;
}

#sidebar_linklist li.sbaritem a:hover {
background-color: #EF9D87; color: #fff;
}

/*-Sidebar Tags-*/
#sidebar_tags.sbarbody { 
height: 250px;  overflow-x: hidden; overflow-y: auto;
padding: 10px; 
margin: 5px 5px 10px 5px; font-family: 'open sans'; font-size: 12px;
 }

#sidebar_tags .sbarcontent {  display: inline-block; }

li.tagBox a { display:inline-block; padding: 5px; background-color: #EF9D87; color: #fff;  }

li.tagBox a:hover { background-color: #fff; color: #EF9D87; border: 1 solid #ddd; }

#sidebar_tags li.sbaritem {display: inline-block;}

#sidebar_tags li.sbaritem a { display:inline-block;  padding: 5px; background-color: #EF9D87; color: #fff; }

#sidebar_tags li.sbaritem a:hover { background-color: #fff; color: #EF9D87; border: 1 solid #ddd; }

/*-Free Text-Blurb-*/
.sbarbody2 {  
padding: 0px; 
margin-bottom: 10px;
 border: 0px solid #cccccc;
 }

.sbarbody3 {  
padding: 10px; 
margin: 5px 5px 10px 5px;
 }

.sbarbody4 {  
display: inline;
padding: 10px; 
margin: 5px 5px 10px 5px;
 }

/*-Sidebar Summary-*/
#sidebar_summary.sbarbody { padding: 10px; margin: 5px 5px 10px 5px;  font-size: 11px; height: 200px;  overflow-x: hidden; overflow-y: auto; font-family: 'open sans';
}

#sidebar_summary li.sbaritem a {  }

#sidebar_summary li.sbaritem a: hover { }

/*-Sidebar Calendar-*/
#sidebar_calendar.sbarbody {padding: 10px; margin: 5px 5px 10px 5px; }

table.calendar {  background-image: url(); background-size: cover;  width: 100%; padding: 10px;}

td.sbarcalendar { background-color: rgba(255,255,255,0.4); padding: 3px; text-align: center; }

td.sbarcalendarposts {  text-align: center; vertical-align: middle; border: 1px solid #eeeeee; }

/*-Sidebar Userpic-*/
.defaultuserpic {
url(https://imgprx.livejournal.net/6460b2ff2679efe2bee07143c1f62a40f4527100/1xGx1Y0AXFavP5_wvET_GJMj0-W6pCYgV7Rg-I-KEa_dkuWRULC3eHikwRnSOol_o4h_BUjvbBPJM4IwivA71g)
width: 100px;
height: 100px;
padding: 10px;
margin: 5px auto 10px auto;
 border: 1px solid #dddddd;
text-align: center;
}

.defaultuserpic img { width: 100px; height: 100px;  }

*-----------Entries-----------*/
.entry { }

.entry_text {
 padding: 0px 30px 0px 20px;
 color: #161616;
 font-family: "Crimson Text", arial;
 font-size: 16px;
 line-height: 24px;
 text-align: left;
 z-index: 50;
 }

.entry h5 { font-size: 1.8em; line-height: 1.9em; margin: 0px 5px 0px 5px; }

p, td{ font-family: "Montserrat"; font-size; 14px; margin:0; padding:0; }

.entry img { max-width: 100%!important; margin: 5px;  }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 margin-left: 5px;
 padding: 1px 0px 0px 5px;
 line-height: 100%;
 list-style: normal;
 list-style-position: inside;
 }

.userpic, .userpicfriends {
 display: none;
 float: left;
 margin: -5px 5px 5px -90px;
 padding: 8px;
 width: 65px;
 height: 65px;
 text-align: center;
 color: #FFF!important; 
 background: #FFF!important;
 border: 1px solid #dddddd;
 }

.userpic img, .userpicfriends img {
 width: 65px;
 height: 65px;
 }
 
.userpicfriends a, .userpicfriends font {
 margin: 3px 0px 0px 0px;
 position: relative;
 background-color: transparent!important;
 float: right;
 font-family: 'Montserrat', sans-serif;
 font-size: 11px;
 color: #333333;
 -webkit-transition: background-color 0.3s ease;
 -moz-transition: background-color 0.3s ease;
 -ms-transition: background-color 0.3s ease;
 -o-transition: background-color 0.3s ease;
 transition: background-color 0.3s ease;
 }
 
.userpicfriends a:hover, .userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 0px 0px 0px 20px;
 text-align: center; 
 color: #EF9D87;
 font-family: "Oswald", arial, sans-serif;
 font-size: 12px;
 text-transform: uppercase;
}

.subject {
 padding: 0px;
 margin: 0px 10px 10px 20px;
 color: #333333;
font-family: "Oswald", open sans condensed, georgia, arial;
 font-size: 24px;
 text-align: center;
 text-transform: uppercase;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #333333;}

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

.datesubject {
background-color: #fff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #004359;;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #555555;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 0px;
 margin-bottom: 20px;
 font-family: "Montserrat", Abel, arial, sans-serif;
 font-size: 10px;
 padding: 10px 10px 5px 10px;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #999999;
 }

.lj-like {
 width: 100%; 
 height: 50px;
 clear: left; 
 text-align: center; 
   line-height: 1 !important;
margin: 5px 0px 5px 0px;
}

.lj-like:after {
    border-collapse: collapse;
    clear: left;
    content: "";
    display: table;
}

.ljcut-link {
    display: inline-block;
    margin-left: 40%;
    padding: 0px;
    background-color: #fff;
    color: #fff;
   font-family: 'open sans';
 font-size: 12px;
 letter-spacing: 1px;
  font-weight: 300;
  text-transform: uppercase;
}
.ljcut-link a  { display: inline-block; background-color: #fff; color: #EF9D87; padding: 10px 20px;  border: 1px solid #ddd;}
.ljcut-link a:hover { display: inline-block; background-color: #EF9D87; color: #fff;  }

.ljcut-brace { display: none; }

.lj-spoiler-head {
     display: inline-block;
    padding: 0px;
    background-color: #fff;
    color: #fff;
   font-family: 'open sans';
 font-size: 12px;
 letter-spacing: 1px;
  font-weight: 300;
  text-transform: uppercase;
}

.lj-spoiler-head a { display: inline-block; background-color: #EF9D87; color: #fff; padding: 10px 20px;}
.lj-spoiler-head a:hover { display: inline-block; background-color: #fff; color: #EF9D87;   border: 1px solid #e9e9e9; }

.lj-spoiler-leftbracket, .lj-spoiler-rightbracket { display: none; }

/*-----Recent Posts ---*/
.entry--threeposts {
    margin-left: 0px !important;
 background-color: #ffffff;
 padding: 10px;
}

/*-----------  Currents--------------*/

.currents { width: 100%; margin-left: 15px; }

.currentlocation, .currentmood, .currentgroup, .currentmusic {
    width: 94%;
    padding: 5px 0px 8px 0px;
    font-size: 11px;
 letter-spacing: 1px;
    font-family: 'Oswald';
    color: #EF9D87;
    text-align: left;
 text-transform: uppercase;
}

.currentlocation {
 background: url() no-repeat left center;
padding: 2px 0px;
margin: 0px 10px 0px 0px;
}

.currentmood {
 background: url(https://imgprx.livejournal.net/ab817aa95b67a8f8681dd0bf578bf7c28b132628/KEuMbttRjpJFWPD9DHGAVlw4riNN6c2ujU8H0qGwZNWkKBAHr4f3NHTYLt_hDrekLg4iKKyhtBj-URgWHC6LVA) no-repeat left center;
padding: 2px 0px;
margin: 0px 10px 0px 0px;
}
img.meta-mood-img { margin: 0px 10px 0px 15px; }

.currentgroup {
 background: url() no-repeat left center;
padding: 2px 0px;
margin: 0px 10px 0px 0px;
}

.currentmusic {
 background: url() no-repeat left center;
padding: 2px 0px;
margin: 0px 10px 0px 0px;
}

.currents strong, .currentmood strong, .currentmusic strong, .currentlocation strong { display: none; font-weight: normal; color: #fff;}

/*-----Currents, tags, comment links-----*/

.ljtags, .currenttags {
margin: 20px 5px 5px 0px;
text-align: left;
color: #EF9D87;
font-family: 'Oswald'; 
font-size: 11px; 
line-height: 15px;
letter-spacing: 1px;
text-transform: uppercase;
}

.ljtags a { color: #EF9D87; }
.ljtags a:hover { color: #b89f98; }

.comments {
 color: #EF9D87;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding: 10px 5px 10px 5px;
margin-bottom: 10px;
position: relative;
text-align: right;
width:auto;
text-transform: uppercase;
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#EF9D87;
font-family: 'Oswald', arial !important;
 font-size: 14px !important; line-height: 130%; 
padding: 8px;
margin:0;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#bbbbbb;
border-left: 0px solid #374C60;
letter-spacing: 1px;
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 }

form div.box { text-align: left; }

center.comment-links {  }

div#footer.box { text-align: center; }

.commentbox {
 background-color: #fff;
 align: left; 
 padding: 5px; 
 margin: 2px 2px 10px 2px; 
 color: #000000;
padding-bottom: 5px; 
 border-width: 1px;
 border-style: solid;
 border-color: #DFE3E6;
 }

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 color: #888888;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #004359; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #bbbbbb; cursor: crosshair; text-decoration:none; font-weight:none;}

.userpiccomment {
 margin: -2px 5px 5px 5px;
 padding: 8px;
 width: 80px;
 height: 80px;
 float: left;
 border: 1px solid #dddddd;
}

.commentreply {
 font-family: "Montserrat", arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 14px;
 color: #555555;
 }

.commentinfo {
 margin-top: 5px; 
 width: 100%;
 }

.replytosubject {
 font-weight: 300;
 color: #000000;
 font-size: 16px;
 }

div#content textarea  { width: 50%; }

/*-----------Calendar/Year/Archive Page----------*/

ul.year { background-color: #fff; text-align: center;  padding: 5px; }

ul.year li {display: inline;}

table.yeartable { background-color: #fff; width: 100%; margin: 20px auto 20px auto; padding: 10px 100px 10px 100px; }

table.yeartable td.yeardate, table.yeartable td.yearday { color: #888888; border: 1px solid #cccccc; }

table.yeartable td.yearday { text-align: center; color: #888888; border: 1px solid #cccccc; }

td.yearmonth { color: #888888; border-style: none; }

/*-----------Tags Page---------*/

h2 { background-color: #fff; }

ul.ljtaglist {
 background-color: #fff;
 color: #888888;
 font-family: "Oswald", arial, trebuchet ms, sans-serif;
 font-size: 15px !important;
 text-transform: uppercase;
 padding: 8px 8px 8px 75px;
 border: 0px solid #dedede;
 }

ul.ljtaglist li  {list-style: normal; width: 80%; }

/*----------SECTION: Tiny Icons----------*/

/* PROTECTED ENTRY */
.subject img[src*="icon_protected.gif"]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*="icon_groups.gif"]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(https://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*="icon_private.gif"]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(https://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/STARZOutlander_S4_JamieClaire_add20.png) no-repeat 0 0 !important;
 padding: 20px 0px 0px 20px !important;
 }

html body .ljuser img[src*="userinfo.gif"] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(https://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/STARZOutlander_S4_JamieClaire_add20.png) no-repeat 0 0 !important;
 padding: 20px 0px 0px 20px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*="community.gif"] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(https://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/Scotland.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*---------Fonts----------*/
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://imgprx.livejournal.net/8149034f5c1e57aca90a7740636ee9e1e7dec58d/1xGx1Y0AXFavP5_wvET_GG5wOLj6bkV2jH2BPC_MBTiiF6FvTEkZwk1YRQvPnPD7SAdaq4JzvXIL7M_NBqfqODboVAoaBmogvup8SOTPJOOwYS-YxNVpEfCVTG3JsgRq) format('woff2'), url(https://imgprx.livejournal.net/de008f6c2c9aca0d0cc488c9e5f2de3b4b7fb276/1xGx1Y0AXFavP5_wvET_GG5wOLj6bkV2jH2BPC_MBTiiF6FvTEkZwk1YRQvPnPD7Qwhjfp2LysOoNwiW2WUoi8kZGxaQhL6fimBprL1VbbYKbIiTpRcGJ3e5n-S5XyXO) format('woff');
}

/* latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: local('Crimson Text Regular'), local('CrimsonText-Regular'), url(https://fonts.gstatic.com/s/crimsontext/v9/wlp2gwHKFkZgtmSR3NB0oRJfbwhT.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: local('Caveat Regular'), local('Caveat-Regular'), url(https://fonts.gstatic.com/s/caveat/v5/Wnz6HAc5bAfYB2Q7YjYYmg8.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: local('Caveat Regular'), local('Caveat-Regular'), url(https://fonts.gstatic.com/s/caveat/v5/Wnz6HAc5bAfYB2Q7aDYYmg8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: local('Caveat Regular'), local('Caveat-Regular'), url(https://fonts.gstatic.com/s/caveat/v5/Wnz6HAc5bAfYB2Q7ZjYY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(https://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1CUR-13DsDU150T1bKbJZejI.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1CfoVn-aGdXvQRwgLLg-TkDk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1Cdhy5e3cTyNKTHXrP9DO-Rc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 400;
  src: local('Cardo'), local('Cardo-Regular'), url(https://themes.googleusercontent.com/static/fonts/cardo/v6/zpisC4kGu76S5N9VhpMnEg.woff) format('woff');
}

/* latin-ext */
@font-face {
  font-family: 'Gilda Display';
  font-style: normal;
  font-weight: 400;
  src: local('Gilda Display'), local('GildaDisplay-Regular'), url(https://fonts.gstatic.com/s/gildadisplay/v4/8yAVUZLLZ3wb7dSsjix0CIuYPqUiS7rpomiMbHCjpwk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Gilda Display';
  font-style: normal;
  font-weight: 400;
  src: local('Gilda Display'), local('GildaDisplay-Regular'), url(https://fonts.gstatic.com/s/gildadisplay/v4/8yAVUZLLZ3wb7dSsjix0CDhcrYRUcSdWF4dICtV_C1I.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora'), local('Lora-Regular'), url(https://imgprx.livejournal.net/0dfca2c9dfd5c98c12d44f0951c84a4cbcce402a/1xGx1Y0AXFavP5_wvET_GG5wOLj6bkV2jH2BPC_MBThGm05XhWilMAfzl42JgCuGqeBsLtDD3EaoW8GC20_8SNRi4vxFXkngbNtAdOersxKpxNpefUEsbru-8B4gePZI) format('woff2'), url(https://imgprx.livejournal.net/696167015b1fc1ba1c68130f0c8558f8b1a5416d/1xGx1Y0AXFavP5_wvET_GG5wOLj6bkV2jH2BPC_MBThGm05XhWilMAfzl42JgCuGAe-rb6M38nQ-OVP7FAM-pj1x1_7ea95UlhXFH1qX2ttmPLLM9SwML0JMvq5Cby9K) format('woff');
}

/*-----------Add-ons-----------*/
.social-roll {
 border-radius: 0%;
 -webkit-transition: all ease 0.3s;
 -moz-transition: all ease 0.3s;
 -o-transition: all ease 0.3s;
 -ms-transition: all ease 0.3s;
 transition: all ease 0.3s;
}
.social-roll:hover {
 box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
 -webkit-transform:rotate(540deg);
 -moz-transform:rotate(540deg);
 -o-transform:rotate(540deg);
 -ms-transform:rotate(540deg);
 transform:rotate(540deg);
}

.facebooklink {
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(https://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/facebookhovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.facebooklink:hover {
 background-position: 48px 48px;
}

.twitterlink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(https://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/twitterhovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.twitterlink:hover {
 background-position: 48px 48px;
}

.youtubelink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(https://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/youtubehovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.youtubelink:hover {
 background-position: 48px 48px;
}

.rsslink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(https://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/rsshovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.rsslink:hover {
 background-position: 48px 48px;
}

#table  {
 color: #444444;
 font-family: "Playfair Display", arial;
 font-size: 16px;
 line-height: 130%;
 padding: 5px 5px 5px 5px;
 align: center;
}

td.custom {          /*code index*/
 color: #444444;
 font-family: "Playfair Display";
 font-size: 16px;
 line-height: 130%;
text-align: center; 
vertical-align: top; 
border-color: #1DAB9D; 
border-style: dotted; 
border-width: 1px 1px 1px 1px; 
}

td.custom1 {          /*code index*/
 background-color: #eeeeee !important;
 color: #444444;
 font-family: "Playfair Display";
 font-size: 16px;
 line-height: 130%;
text-align: center; 
vertical-align: top; 
border-color: #1DAB9D; 
border-style: dotted; 
border-width: 1px 1px 1px 1px; 
}

.separator { height: 0px; }

Tags: coding help

Mood:

thoughtful

Comment

sireesanwar

06 March 2018 @ 01:52 pm

Coding for Kseenaa

/*--------------------------------
S2 Flexible Squares - 99. Impact - revision
Layout by http://layout_lounge.livejournal.com
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #e2e2e2;
 background-image: url(https://layout-lounge.weebly.com/uploads/2/5/9/2/2592379/body-bg34_orig.png);
 background-repeat: repeat;
 background-attachment: fixed;
 background-position: top left;
 color: #000000;
 font-family: "Open Sans", arial, sans-serif;
 font-size: 14px;
 margin: 0px;
 }

a, a:link, a:visited { color: #004359; }
a:hover { color: #444444; }

blockquote {
 width: 80%;
 margin-left: 10px;
 padding-left: 10px;
 margin-left: auto;
 margin-right: auto;
 color: #444444;
 font-size: 14px; 
font-style: italic;
 text-align: left;
 border-left: 10px solid #EEEEEE; 
 }
img.special, i img { border: 1px solid #cccccc; padding: 10px; }

b, strong { color: #253C51; }
i, em { color: #D6002E; }
u { color: #2F6E8A; }
s, strike { color: #F6A000; }
q { font-style: italic; color: #D6002E; }
mark { background-color: #B7EBDE; }

.b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: "Open Sans"; }

h10 { 
text-align: center;
font-family: "Berkshire Swash";
font-size: 45px;
line-height: 120%;
background: -webkit-linear-gradient(330deg, green, red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 }

/*--------------General------------*/
#content-outer { 
 position: absolute;
 width: 100%;
 height: 270px;
 background-color: transparent !important;
 background-image: url();
 background-repeat: no-repeat;
 background-position: center top;
 background-size: cover;
 z-index: -199;
 }

.headerimage {
 position: absolute;
 width: 100%;
 height: 270px;
 padding: 0px;
 background-color: transparent !important;
 background-image: url(WHERE THE HEADER IMAGE WILL GO);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: auto;
 z-index: -10;
} /*-logo-*/

#content {   
 width: 75%;
 margin: 300px auto 0px auto;
 font-family: "Open Sans", arial, sans-serif;
 font-size: 14px;
 text-align: left;
 padding: 25px 50px 25px 50px;
 z-index: 50;
 }

#maincontent {
 margin-top: 0px;
 margin-right: 270px;
 padding: 10px 30px 0px 20px;
}

.subcontent {
 background-color: #ffffff;
 padding: 50px 30px 0px 20px;
 font-size: 15px;
 color: #333333;
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
 }

.clear { height: 0px; font-size: 0.01px; }

/*---------------Header--------------*/
#header {  
 position: absolute;
 margin: 0px auto 0 auto;
 left: 0; right: 0; top: 260px;
 width: 100%;
 height: 35px;
 padding-top: 8px;
 text-align: center;
 font-family: Open Sans, arial !important;
 font-size: 12px !important;
 text-transform: uppercase;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 10px 10px 5px 5px;
 letter-spacing: 1px;
 line-height: 20px;
 color: #000643;
 text-align: left;
}

div#header li.view { 
 color: #000643;
 padding: 10px 10px 5px 5px;
 margin-left: 15px;
 border-bottom: 1px solid #000643;
  }

div#header a:hover {
 border-bottom: 1px solid #000643;
}

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }

.title, .subtitle { display: none; }
 
/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 10px;
padding:5px 0;
position:fixed;
left:0;
text-align:left;
text-transform:lowercase;
width: 200px;
z-index:99;
}

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: #dddddd);
color: #ffffff;
font-family: "Open Sans", georgia,arial,sans-serif;
font-size: 20px;
margin-right: 20px;
padding: 20px 30px 20px 30px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#dddddd;
}

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

ul.navfooter li {
list-style:none inside none;
padding: 0px;
display: inline-block; }

ul.navfooter li a {
float: right;
background-color: #dddddd !important;
margin-left: 10px; 
padding: 20xp 10px 20px 10px;
 }

ul.navfooter li a:hover {  }

#footer .viewing { display:none; }

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

#sidebar {
 width: 280px;
 float: right;
 font-family: "Open Sans", arial, georgia;
 font-size: 12px;
 color: #888888;
 margin-top: 5px;
text-align: left !important;
text-transform: uppercase;
 }

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

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #192CA2;
display: inline;
 }

li.sbaritem a:hover {
color:#555555;  }

li.sbartitle {
 margin-bottom: 5px;
 font-size: 18px;
 text-align: center;
 list-style: none;
 color: #CCCCCC; 
 border-bottom: 3px solid #CCCCCC;
 }

/*-For the Free Text Title-*/
h15 {
 display: block;
 margin-bottom: 5px;
 font-size: 18px;
 text-align: center;
 list-style: none;
 color: #CCCCCC; 
 border-bottom: 3px solid #CCCCCC;
 }

.sbarbody {
list-style-type:none;
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
padding: 5px !important;
margin: 5px 5px 10px 5px;
}

li.sbaritem2 {
list-style-type:none;
 background-color: rgba(255,255,255,0.7);
padding: 5px;
margin: 5px 5px 10px 5px;
font-size: 10px;
text-align: justify;
}

li.sbaritem3 {
 background-color: rgba(255,255,255,0.7);
list-style-type:none;
 background-color: transparent;
padding: 5px;
border: 0px solid #cccccc;
margin: 5px 5px 10px 5px;
}

li.sbaritem4 {
 background-color: rgba(255,255,255,0.7);
list-style-type:none;
background-color: transparent;
text-align: center;
padding: 5px;
border: 0px solid #cccccc;
margin: 5px 5px 10px 5px;
}

/*-Sidebar Links-*/
#sidebar_linklist  {
 background-color: rgba(255,255,255,0.7);
list-style-type:none;
padding: 10px; 
margin: 5px 5px 10px 5px;
 }

#sidebar_linklist li.sbaritem a {
 display:block;
 padding: 0px 0px 5px 0px ;
}

#sidebar_linklist li.sbaritem a:hover {
}

/*-Sidebar Tags-*/
#sidebar_tags.sbarbody { 
 background-color: rgba(255,255,255,0.7);
height: 250px;  overflow-x: hidden; overflow-y: auto;
padding: 10px; 
margin: 5px 5px 10px 5px;
 }

#sidebar_tags .sbarcontent {   }

li.tagBox a { display:block; padding: 2px;  }

li.tagBox a:hover {   }

#sidebar_tags li.sbaritem a { display:block;  padding: 2px; }

#sidebar_tags li.sbaritem a:hover {  }

/*-Free Text-Blurb-*/
.sbarbody2 {  
 background-color: rgba(255,255,255,0.7);
padding: 10px; 
margin: 5px 5px 10px 5px;
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
 }

/*-Sidebar Summary-*/
#sidebar_summary.sbarbody { 
 background-color: rgba(255,255,255,0.7);
padding: 10px; margin: 5px 5px 10px 5px;  font-size: 11px; height: 200px;  overflow-x: hidden; overflow-y: auto; 
}

#sidebar_summary li.sbaritem a {  }

#sidebar_summary li.sbaritem a: hover { }

span.count { display: none; }

/*-Sidebar Calendar-*/
#sidebar_calendar.sbarbody {   background-color: rgba(255,255,255,0.7); padding: 10px; margin: 5px 5px 10px 5px; }

table.calendar { width: 100%;  padding: 10px;}

td.sbarcalendar { padding: 3px; text-align: center; }

td.sbarcalendarposts {  text-align: center; vertical-align: middle; border: 1px solid #CCCCCC; }

/*-Sidebar Userpic-*/
.defaultuserpic {
 background-color: rgba(255,255,255,0.7);
width: 100px;
height: 100px;
padding: 10px;
margin: 5px auto 10px auto;
 border: 1px solid #CCCCCC;
}

.defaultuserpic img { width: 100px; height: 100px; }

*-----------Entries-----------*/
.entry { }

.entry_text {
 color: #444444;
 font-family: "Open Sans", arial;
 font-size: 16px;
 line-height: 130%;
 text-align: left;
 font-weight: 550;
 margin-bottom: 40px;
 z-index: 50;
 }

p, td{ font-family: "Open Sans"; font-size; 14px; margin:0; padding:0; }

.entry img { max-width: 80%; height: auto; margin: 5px;  }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul, ol {
 margin-left: 5px;
 line-height: 100%;
 list-style: normal;
 list-style-position: inside;
 }

.entry li {
 padding: 0px;
 line-height: 100%;
 list-style: normal;
 list-style-position: inside;
 }

.userpic, .userpicfriends {
 float: left;
 margin: -5px 10px 20px -120px;
 padding: 10px;
 width: 80px;
 height: 80px;
 color: #FFF!important; 
 background: #FFF!important;
box-shadow: -2px 0px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: -2px 0px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: -2px 0px 5px 1px rgba(0, 0, 0, 0.3);
 }

.userpic img, .userpicfriends img {
 width: 80px;
 height: 80px;
 }

.userpic font, .userpicfriends font {
color: #000000 !important;
font-size: 10px;
text-align: center;
background-color: transparent!important;
}

div.userpic a, div.userpic a:link, div.userpic a:visited, div.userpicfriends a, div.userpicfriends a:link, div.userpicfriends a:visited {
text-align: center;
margin: 20px 0px;
text-decoration: none !important;
}

.userpic font:hover, .userpicfriends font:hover {
color: #bbbbbb !important;
background-color: transparent !important;
text-decoration: none !important;
}

div.userpic a:hover, div.userpicfriends a:hover {
color: #bbbbbb !important;
background-color: transparent !important;
text-decoration: none !important;
}

.date  {
 margin: 0px 0px 0px 20px;
 text-align: left; 
 color: #bbbbbb;
 font-family: "Open Sans", arial, sans-serif;
 font-size: 12px;
 text-transform: uppercase;
}

.subject {
 padding: 0px;
 margin: 0px 10px 20px 20px;
 color: #192CA2;
font-family: "Bad Script", open sans condensed, georgia, arial;
 font-size: 28px;
 text-align: left;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #192CA2;}

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

.datesubject {
 margin: -25px 0px 0px -20px;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #888888;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #555555;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: -20px;
 margin-bottom: 20px;
 font-family: "Open Sans", Abel, arial, sans-serif;
 font-size: 10px;
 padding: 10px 10px 5px 10px;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #999999;
 }

.lj-like {
 width: 100%; 
 float: left; 
 text-align: center; 
   line-height: 1 !important;
 margin-bottom: 15px;
}

.lj-like:after {
    border-collapse: collapse;
    clear: left;
    content: "";
    display: table;
}

.ljcut-link {
    display: inline-block;
    margin: 10px;
}

.ljcut-link a { 
 color: #ffffff;
    padding: 3px 7px 3px 7px;
    background: #253683;
    border: 2px solid #253683;
    border-radius: 3px;
   font-family: 'Open Sans';
 font-size: 12px;
  font-weight: 600;
letter-spacing: 1px;
 text-transform: uppercase;
 }
.ljcut-link a:hover { color: #253683; background-color: transparent;     padding: 3px 7px 3px 7px;
 border-radius: 3px; border: 2px solid #253683;}

.ljcut-brace { display: none; }

.lj-spoiler-head {
    margin: 10px;
    padding: 8px;
    background: transparent!important;
    border-bottom: 1px solid #AF799B;
    border-top: 1px solid #AF799B;
    border-radius: 0px;
    box-shadow: 1px 0px 6px #eeeeee inset;
   font-family: 'Open Sans';
  font-weight: 400!important;
 color: #AF799B;
 text-transform: uppercase;
}

.lj-spoiler-head a { color: #AF799B; }
.lj-spoiler-head a:hover { color: #192CA2; }

.lj-spoiler-leftbracket, .lj-spoiler-rightbracket { display: none; }

/*-----Recent Posts ---*/
.entry--threeposts {
    margin-left: 0px !important;
 background-color: #ffffff;
 padding: 10px;
}

/*-----------  Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 9px;
font-family: Verdana;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, { display:none; }

.currents strong, .currentmood strong, .currentmusic .currentlocation { font-weight: normal; }

/*-----Currents, tags, comment links-----*/

.ljtags, .currenttags {
margin: 20px 5px 20px 5px;
text-align: left;
color: #808080;
font-family: lato; 
font-size: 12px; 
}

.comments {
color: #2E1B00;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding: 10px 5px 10px 5px;
margin-bottom: 50px;
position: relative;
text-align: center;
width:auto;
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#2E1B00;
font-family: Open Sans, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding: 8px;
margin:0;
letter-spacing: 1px; 
text-align: center; 
vertical-align: middle; }

div.comments a:hover {
color:#000000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 }

form div.box { text-align: left; }

center.comment-links {  }

div#footer.box { text-align: center; }

.commentbox {
 align: left; 
 padding: 5px; 
 margin: 2px 2px 10px 2px; 
 color: #000000;
padding-bottom: 5px; 
 }

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 color: #bbbbbb;
 }

.userpiccomment {
 margin: -2px 5px 5px 5px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: left;
 border: 1px solid #EEEEEE;
}

.commentreply {
 font-family: "Open Sans", arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 16px;
 color: #555555;
 }

.commentinfo {
 margin-top: 5px; 
 width: 100%;
 }

.replytosubject {
 font-weight: 300;
 color: #000000;
 font-size: 16px;
 }

div#content textarea  { width: 50%; }

/*-----------Calendar/Year/Archive Page----------*/

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

ul.year li {display: inline;}

table.yeartable { width: 710px; margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; }

table.yeartable td.yeardate, table.yeartable td.yearday { color: #888888; border: 1px solid #cccccc; }

table.yeartable td.yearday { text-align: center; color: #888888; border: 1px solid #cccccc; }

td.yearmonth { color: #888888; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: "Open Sans", arial, trebuchet ms, sans-serif;
 font-size: 15px !important;
 text-transform: uppercase;
 padding: 8px 8px 8px 75px;
 border: 0px solid #dedede;
 }

ul.ljtaglist li  {list-style: normal; width: 80%; }

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* FRIENDS GROUP */
.subject img[src*="icon_groups.gif"]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/OrangeIcecream.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*="userinfo.gif"] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/OrangeIcecream.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*="community.gif"] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/secret-book-icon.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*---------Fonts----------*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans-Regular'), url(http://themes.googleusercontent.com/static/fonts/Open Sans/v4/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('Open Sans-Regular'), url(http://themes.googleusercontent.com/static/fonts/Open Sans/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}

/* latin */
@font-face {
  font-family: 'Henny Penny';
  font-style: normal;
  font-weight: 400;
  src: local('Henny Penny'), local('HennyPenny-Regular'), url(https://fonts.gstatic.com/s/hennypenny/v4/5KmZ_gfx8tPgQLMk4S-Pvo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
  font-family: 'Mountains of Christmas';
  font-style: normal;
  font-weight: 400;
  src: local('Mountains of Christmas'), local('MountainsofChristmas-Regular'), url(https://fonts.gstatic.com/s/mountainsofchristmas/v8/dVGBFPwd6G44IWDbQtPewze0PfZQnrxvUtG3BXt8d7I.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Griffy';
  font-style: normal;
  font-weight: 400;
  src: local('Griffy'), local('Griffy-Regular'), url(http://themes.googleusercontent.com/static/fonts/griffy/v1/f4FUXlL5FPqftKJ2T0mqXg.woff) format('woff');
}

/* latin-ext */
@font-face {
  font-family: 'Berkshire Swash';
  font-style: normal;
  font-weight: 400;
  src: local('Berkshire Swash'), local('BerkshireSwash-Regular'), url(https://fonts.gstatic.com/s/berkshireswash/v4/4RZJjVRPjYnC2939hKCAimFprui36xQdb4y7MggwzrY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Berkshire Swash';
  font-style: normal;
  font-weight: 400;
  src: local('Berkshire Swash'), local('BerkshireSwash-Regular'), url(https://fonts.gstatic.com/s/berkshireswash/v4/4RZJjVRPjYnC2939hKCAiiJH4brlqpr7zMNWu0xQjN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'IM Fell DW Pica';
  font-style: normal;
  font-weight: 400;
  src: local('IM FELL DW Pica Roman'), local('IM_FELL_DW_Pica_Roman'), url(http://themes.googleusercontent.com/static/fonts/imfelldwpica/v4/W81bfaWiUicLSPbJhW-ATno1aYbFHkK-jWDrR3dOoIA.woff) format('woff');
}

/* latin-ext */
@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  src: local('Allura Regular'), local('Allura-Regular'), url(https://fonts.gstatic.com/s/allura/v6/bLVigXKcYDndNJVaeMpTI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  src: local('Allura Regular'), local('Allura-Regular'), url(https://fonts.gstatic.com/s/allura/v6/POH_k539yBSzDKiiyA98Tg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

/* cyrillic */
@font-face {
  font-family: 'Bad Script';
  font-style: normal;
  font-weight: 400;
  src: local('Bad Script Regular'), local('BadScript-Regular'), url(https://fonts.gstatic.com/s/badscript/v6/xvnrV3H3fZsc-fSw6fOJeCEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Bad Script';
  font-style: normal;
  font-weight: 400;
  src: local('Bad Script Regular'), local('BadScript-Regular'), url(https://fonts.gstatic.com/s/badscript/v6/rL_b2ND61EQmMOJ8CRr1fvk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

/*-----------Add-ons-----------*/
.social-roll {
 border-radius: 50%;
 -webkit-transition: all ease 0.3s;
 -moz-transition: all ease 0.3s;
 -o-transition: all ease 0.3s;
 -ms-transition: all ease 0.3s;
 transition: all ease 0.3s;
}
.social-roll:hover {
 box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);
 -webkit-transform:rotate(540deg);
 -moz-transform:rotate(540deg);
 -o-transform:rotate(540deg);
 -ms-transform:rotate(540deg);
 transform:rotate(540deg);
}

.facebooklink {
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(https://layout-lounge.weebly.com/uploads/2/5/9/2/2592379/facebookhovercircles_orig.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.facebooklink:hover {
 background-position: 48px 48px;
}

.twitterlink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(https://layout-lounge.weebly.com/uploads/2/5/9/2/2592379/twitterhovercircles_orig.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.twitterlink:hover {
 background-position: 48px 48px;
}

.youtubelink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(https://layout-lounge.weebly.com/uploads/2/5/9/2/2592379/youtubehovercircles_orig.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.youtubelink:hover {
 background-position: 48px 48px;
}

.rsslink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(https://layout-lounge.weebly.com/uploads/2/5/9/2/2592379/rsshovercircles_orig.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.rsslink:hover {
 background-position: 48px 48px;
}

.separator { height: 0px; }

Tags: coding help

Comment

sireesanwar

18 November 2016 @ 05:05 pm

juneghost coding help

Adjustments made

/*-------- 'Laura' by endearest @ livejournal [dot] com
28/09/2012 | Flexible Squares -----------------------*/

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

The colours below are the 'accent' colors, 
bought above the code for easier alteration.

#maincontent border is the coloured stripe.
#sidebar background-color is the dark grey shade on the right of the screen.
#siderbar border is the grey stripe.
a, a:link, a:visited color are the link colors (currently black).
a:hover etc color is the color when you hover over a link.
selection color is the text colour when you highlight text, background colour is the highlight.

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

#maincontent {border-right:15px solid #21b3ff;}
#sidebar {background-color:#333333;border-left:10px solid #cccccc;}
a, a:link, a:visited {color:#000000;}
a:hover , .subject a:hover, .ljtags a:hover, div.comments a:hover, .skiplinks a:hover, .ljuser a:hover {color:#ff2165!important;}
::selection {color:#fcfcfc; background-color:#ff7a21; }
::-moz-selection {color:#fcfcfc; background-color:#ff7a21; }

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

body {background-color:#fefefe;font-family:'Lucida Sans Unicode','Lucida Grande', sans-serif;font-size:8.5pt;letter-spacing:+1px;color:#555555;}
 a, a:link, a:visited {text-decoration:none;} a:hover {}
 blockquote {color:#777777;padding:5px 15px 5px 5px;border-left:5px solid #21b3ff;}
 #content {margin-left:25%;}
  #maincontent {width:50%;float:left;padding-top:60px;min-height:100px;margin-top:-10px;}
 #sidebar {position:absolute;float:left;margin-left:38%;width:40%;padding-top:110px; margin-top: -100px; min-height:100%;padding-left:20px;z-index:50;}
 #header {display:none;}
 .entry {padding:10px 20px 10px 30px; text-align:justify;}
 .entry_text {min-height:100px;padding-top:10px;padding-bottom:5px;}
 .entry_text img {max-width:95%;}
 .userpic , .userpicfriends {position: relative;float: left;z-index: 15;margin-left:-90px;margin-top:-29px;background-color:transparent!important;color:#fefefe!important;text-align:center;}
 .userpic  a font, .userpicfriends a font {color:#aaaaaa;text-transform:uppercase;font-size:6pt;}
 .userpic img, .userpicfriends img { -moz-border-radius: 85px; border-radius: 85px;}
 .date {text-transform:uppercase;font-size:6pt;color:#ffffff;padding-right:20px;}
 .subject {padding-right:5px;padding-left:5px; text-transform:uppercase;letter-spacing:+3px;}
 .subject a, .subject a:link, .subject a:visited {color:#777777;}
 .subject a:hover {}
 .datesubject {text-align:right;border-bottom:#dddddd 1px solid;background-color:#eaeaea;padding:5px 0;}
  .currents {display:;text-transform:uppercase;}
 .currentmood, .currentmusic, .currentlocation { color:#aaaaaa;display:block;border-bottom:#efefef solid 1px;padding:0 0 2px 10px;font-size:6pt;text-decoration:none;letter-spacing:+2px;}
 .currentlocation a { color:#aaaaaa;font-size:6pt;text-decoration:none;letter-spacing:+1px} 
 .ljtags {padding-left:10px;text-transform:uppercase;color:#aaaaaa;font-size:6pt;text-decoration:none;margin-top:20px;margin-bottom:-10px;padding:2px 10px 2px 10px;}
 .ljtags a {text-transform:uppercase;color:#cccccc;font-size:6pt;text-decoration:none;}
 .ljtags a:hover {}
 .comments {text-align:center;color:#fefefe;font-size:7pt;}
 div.comments a, div.comments a:link, div.comments a:visited{color:#777777;}
 div.comments a:hover {}
   .defaultuserpic {margin-left:18px;padding:10px 0 10px 50px; width:155px;background-color:#777777;border:none!important;}
 .sbarbody {width:250px;margin-left:-25px;}
 .sbarbody2 {width:200px;margin-left:20px;text-align:justify;color:#777777;}
 table.calendar, #sidebar_calendar, #sidebar_tags, #sidebar_summary, .sbartitle, .currents strong {display:none;}
 ul.sbarlist {list-style:none;}
 li.sbaritem {list-style:none;padding:2px;}
 li.sbaritem a { padding:3px 3px 3px 8px;background-color:#777777;display:block; color:#cccccc;text-transform:uppercase;font-size:6pt;text-decoration:none;border-bottom:#555555 1px solid;}
 li.sbaritem a:hover {background-color:#333333; color:#cccccc!important;border-bottom:#333333 1px solid;}

.lj-view-recent #footer, .lj-view-friends #footer {width: 50%; bottom:10px; width:150px; z-index:100; text-align: center;}

ul.navfooter{color:#transparent!important;font-size:0;}

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

div#footer a, div#footer a:link, div#footer a:visited { display: block; padding:3px;background-color:#777777; color:#cccccc;text-transform:uppercase;font-size:6pt;text-decoration:none;border-bottom:#555555 1px solid; }
 .lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {background-color:#333333; color:#cccccc!important;border-bottom:#333333 1px solid;}
.clearfoot { clear: both; }

.datesubjectcomment {border-top:#eaeaea solid 1px;padding:5px 0;}
 .userpiccomment {margin-left:-130px;position: relative;top: -15px; left: 15px; margin: 15px 30px -10px 10px;z-index: 15;float: right;}
 img.userpiccomment {-moz-border-radius: 85px; border-radius: 85px;height:75px!important;width:75px!important;}
 .box {}
 input, textarea {}
 textarea.textbox  {}
 .reply {}
 .replytosubject {}
 .commentreply { padding:10px 10px; min-height:75px;}
 .commentbox {padding:15px 20px 15px 0;text-align:justify;z-index:120;position:relative;}
 .datesubjectcomment a:link, .datesubjectcomment a:visited { }
 .datesubjectcomment a:hover {}
 .commentboxpartial {}
 .commentinfo {}
    .skiplinks {text-align:center;color:#fefefe;padding-bottom:20px;margin-top:-10px;}
 .skiplinks a {text-transform:uppercase;font-size:6pt;letter-spacing:+2px;color:#555555;}
 .skiplinks a:hover {}
 .clear {}

.ljuser a, .ljuser a:hover{font-weight:normal!important;letter-spacing:+1px;text-transform:uppercase;color:#333333;font-size:7pt;text-decoration:none;}

#qrformdiv table{border:0!important;}
#qrformdiv table td select{border:0;width:50%;background-color:#fff;color:#222;font-size:10px;}
#qrformdiv table td select:hover{background-color:#ff7a21;}
#qrformdiv table td input{padding:0;}
#qrformdiv table td select option{background-color:#fff;}

img[src="http://l-stat.livejournal.com/img/btn_del.gif"], 
img[src="http://l-stat.livejournal.com/img/btn_spam.gif"], img[src="http://l-stat.livejournal.com/img/btn_scr.gif"],img[src="http://l-stat.livejournal.com/img/btn_unscr.gif"],img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"],img[src="http://l-stat.livejournal.com/img/btn_unfreeze.gif"],img[src="http://l-stat.livejournal.com/img/btn_track.gif"],img[src="http://l-stat.livejournal.com/img/btn_tracking.gif"],img[src="http://l-stat.livejournal.com/img/btn_edit.gif"],img[src="http://l-stat.livejournal.com/img/openid-profile.gif"],img[src="http://l-stat.livejournal.com/img/help.gif"]{height:0;width:0;background:url(http://ohbambi.net/ohcodey/max/icons/160.png);padding:0 0 10px 10px !important;}

/*---------------------------------------------------
TINY ICON GENERATOR - http://malionette.net/generator/tinylite.html
-----------------------------------------------------*/
span.i-ljuser img[src*="img/userinfo.gif"] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/man.png) no-repeat !important; padding: 14px 0 0 14px !important; }
span.i-ljuser img[src*="img/community.gif"] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/manman.png) no-repeat !important; padding: 14px 0 0 14px !important; }
img[src*="img/syndicated.gif"] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/manman.png) no-repeat !important; padding: 14px 0 0 14px !important; }
img[src*="img/icon_protected.gif"] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/lock.png) no-repeat !important; padding: 14px 0 0 14px !important; }
img[src*="img/icon_private.gif"] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/flag.png) no-repeat !important; padding: 14px 0 0 14px !important; }
img[src*="img/icon_groups.gif"] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/flag.png) no-repeat !important; padding: 14px 0 0 14px !important; }

Tags: coding help

Comment

sireesanwar

21 July 2016 @ 05:14 pm

Coding for burninsnikers

/*--------------------------------
S2 Flexible Squares - 99. Impact
Layout by http://layout_lounge.livejournal.com/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #07275d;
 background-image: url();
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: top left;
 background-size: cover;
 color: #888888;
 font-family: "Montserrat", arial, sans-serif;
 font-size: 14px;
 margin: 0px;
 }

a, a:link, a:visited { color: #004359; }
a:hover { color: #444444; }

blockquote {
 width: 80%;
 margin-left: 10px;
 padding-left: 10px;
 margin-left: auto;
 margin-right: auto;
 color: #444444;
 font-size: 14px; 
font-style: italic;
 text-align: left;
 border-left: 10px solid #E5E5E5; 
 }
img.special, i img { border: 10px solid #e5e5e5; }

b, strong { color: #298779; }
i, em { color: #D6002E; }
u { color: #2F6E8A; }
s, strike { color: #F6A000; }
q { font-style: italic; color: #D6002E; }
mark { background-color: #B7EBDE; }

.b-repost-item { display:none }

p, td{  }

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

/*--------------General------------*/
#content-outer { 
 position: absolute;
 width: 100%;
 height: 100px;
 background-color: #07275d;
 background-image: url(FLOWER HEADER IMAGE);
 background-repeat: no-repeat;
 background-position: center 65%;
 background-size: cover;
 z-index: -199;
 }

.headerimage {
 position: absolute;
 width: 100%;
 height: 120px;
 padding: 0px;
 background-image: url(http://i79.fastpic.ru/big/2016/0721/83/53a1a7801e6400cbdad7ac91a5669883.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: auto;
 z-index: -10;
}

#content {   
 width: 70%;
 background-color: #ffffff;
 margin: 190px auto 0px auto;
 font-family: "Montserrat", arial, sans-serif;
 font-size: 14px;
 text-align: left;
 padding: 25px;
 z-index: 50;
 }

#maincontent {
 margin-top: 20px;
 margin-right: 290px;
 padding: 0px;
 }

.subcontent {
 padding: 0px 10px;
 font-size: 15px;
 color: #333333;
 }

.clear { height: 10px; line-height: 0px; margin: 0px; padding: 0px; }

/*---------------Header--------------*/
#header {  
 position: absolute;
 left: 0; top: 120px;
 width: 100%;
 height: 50px;
 padding-top: 25px;
 text-align: center;
 font-family: Montserrat, arial !important;
 font-size: 14px !important;
 text-transform: uppercase;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 10px 10px 5px 10px;
 letter-spacing: 1px;
 line-height: 20px;
 color: #ffffff;
 text-align: left;
}

div#header li.view { 
 color: #ffffff;
 padding: 10px 10px 5px 10px;
 margin-left: 15px;
  }

div#header a:hover {
 color: #888888;
}

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }

.title, .subtitle { display: none; }

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

.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 10px;
padding:5px 0;
position:fixed;
left:0;
text-align:left;
text-transform:lowercase;
width: 200px;
z-index:99;
}

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: rgba(255, 255, 255, 0.4);
color: #ffffff;
font-family: "Montserrat", georgia,arial,sans-serif;
font-size: 20px;
margin-right: 20px;
padding: 20px 30px 20px 30px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#dddddd;
}

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

ul.navfooter li {
list-style:none inside none;
padding: 0px;
display: inline-block; }

ul.navfooter li a {
float: right;
background-color: rgba(255, 255, 255, 0.4):
margin-left: 10px; 
padding: 20xp 10px 20px 10px;
 }

ul.navfooter li a:hover {  }

#footer .viewing { display:none; }

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

#sidebar {
 width: 280px;
 float: right;
 font-family: "Montserrat", arial, georgia;
 font-size: 12px;
 color: #888888;
text-align: left !important;
text-transform: uppercase;
 }

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

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #888888;
display: inline;
 }

li.sbaritem a:hover {
color:#555555;  }

li.sbartitle {
 margin-bottom: 5px;
 font-size: 18px;
 text-align: center;
 list-style: none;
 color: #cccccc; 
 border-bottom: 3px solid #cccccc;
 }

/*-For the Free Text Title-*/
h15 {
 display: block;
 margin-bottom: 5px;
 font-size: 18px;
 text-align: center;
 list-style: none;
 color: #cccccc; 
 border-bottom: 3px solid #cccccc;
 }

.sbarbody {
list-style-type:none;
 background-color: transparent;
 border: 3px solid #cccccc;
padding: 5px !important;
margin: 5px 5px 10px 5px;
}

li.sbaritem2 {
list-style-type:none;
 background-color: transparent;
padding: 5px;
margin: 5px 5px 10px 5px;
}

li.sbaritem3 {
list-style-type:none;
 background-color: transparent;
padding: 5px;
border: 0px solid #cccccc;
margin: 5px 5px 10px 5px;
}

li.sbaritem4 {
list-style-type:none;
background-color: transparent;
text-align: center;
padding: 5px;
border: 0px solid #cccccc;
margin: 5px 5px 10px 5px;
}

/*-Sidebar Links-*/
#sidebar_linklist  {
list-style-type:none;
padding: 10px; 
margin: 5px 5px 10px 5px;
 }

#sidebar_linklist li.sbaritem a {
 display:block;
 padding: 0px 0px 5px 0px ;
}

#sidebar_linklist li.sbaritem a:hover {
}

/*-Sidebar Tags-*/
#sidebar_tags.sbarbody { 
height: 250px;  overflow-x: hidden; overflow-y: auto;
padding: 10px; 
margin: 5px 5px 10px 5px;
 }

#sidebar_tags .sbarcontent {   }

li.tagBox a { display:block; padding: 2px;  }

li.tagBox a:hover {   }

#sidebar_tags li.sbaritem a { display:block;  padding: 2px; }

#sidebar_tags li.sbaritem a:hover {  }

/*-Free Text-Blurb-*/
.sbarbody2 {  
padding: 10px; 
margin: 5px 5px 10px 5px;
 border: 3px solid #cccccc;
 }

/*-Sidebar Summary-*/
#sidebar_summary.sbarbody { 
padding: 10px; margin: 5px 5px 10px 5px;  font-size: 11px; height: 200px;  overflow-x: hidden; overflow-y: auto; 
}

#sidebar_summary li.sbaritem a {  }

#sidebar_summary li.sbaritem a: hover { }

/*-Sidebar Calendar-*/
#sidebar_calendar.sbarbody {  padding: 10px; margin: 5px 5px 10px 5px; }

table.calendar { width: 100%;  padding: 10px;}

td.sbarcalendar { padding: 3px; text-align: center; }

td.sbarcalendarposts {  text-align: center; vertical-align: middle; border: 1px solid #eeeeee; }

/*-Sidebar Userpic-*/
.defaultuserpic {
width: 100px;
height: 100px;
padding: 10px;
margin: 5px auto 10px auto;
}

.defaultuserpic img { width: 100px; height: 100px; }

*-----------Entries-----------*/
.entry {  min-height: 200px; }

.entry_text {
 color: #444444;
 font-family: "Playfair Display", arial;
 font-size: 16px;
 line-height: 150%;
 text-align: left;
 font-weight: 550;
 margin-bottom: 0px;
 z-index: 50;
 }

p, td{ font-family: "Montserrat"; font-size; 14px; margin:0; padding:0; }

.entry img { max-width: 85%; margin: 5px;   }

hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 margin-left: 5px;
 padding: 1px 0px 0px 5px;
 line-height: 120%;
 list-style: normal;
 list-style-position: inside;
 }

.userpic, .userpicfriends {
 float: right;
 margin: 0px 0px 5px 5px;
 padding: 10px;
 width: 100px;
 height: 100px;
 text-align: center;
 color: #FFF!important; 
 background: #FFF!important;
 }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
 }

.userpicfriends a, .userpicfriends font {
 margin: 0px 0px 0px 0px;
 position: relative;
 background-color: transparent!important;
 float: center;
 font-family: 'Montserrat', sans-serif;
 font-size: 11px;
 text-align: center;
 color: #000000;
 -webkit-transition: background-color 0.3s ease;
 -moz-transition: background-color 0.3s ease;
 -ms-transition: background-color 0.3s ease;
 -o-transition: background-color 0.3s ease;
 transition: background-color 0.3s ease;
 }

.userpicfriends a:hover, .userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 0px 0px 0px 20px;
 text-align: left; 
 color: #bbbbbb;
 font-family: "Montserrat", arial, sans-serif;
 font-size: 12px;
 text-transform: uppercase;
}

.subject {
 padding: 0px;
 margin: 0px 10px 20px 20px;
 color: #333333;
font-family: "Playfair Display", open sans condensed, georgia, arial;
 font-size: 25px;
 text-align: left;
 text-transform: uppercase;
 }

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

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

.datesubject {
 margin: -25px 0px 0px -20px;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #888888;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #555555;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: -20px;
 margin-bottom: 20px;
 font-family: "Montserrat", Abel, arial, sans-serif;
 font-size: 10px;
 padding: 10px 10px 5px 10px;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #999999;
 }

.lj-like {
 width: 100%; 
 clear: left; 
 float: left; 
 text-align: center; 
   line-height: 1 !important;
 margin-bottom: 15px;
}

.lj-like:after {
    border-collapse: collapse;
    clear: left;
    content: "";
    display: table;
}

.ljcut-link {
    display: inline-block;
    margin: 10px;
    padding: 10px;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee, #dddddd);
     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#dddddd));
    border: 1px solid #dddddd;
    border-radius: 2px;
    box-shadow: 2px 2px 6px #eeeeee inset;
    text-shadow: 0px 1px 1px #eeeeee ;
   color: #dddddd;
}

/*-----Recent Posts ---*/
.entry--threeposts {
    margin-left: 0px !important;
 background-color: #ffffff;
 padding: 10px;
}

/*-----------  Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 0px;
font-size: 9px;
font-family: Verdana;
color: #7F7F7F;
text-align: left; 
clear: left;
}

.currentlocation, .currentmusic { display:none; }

.currents strong, .currentmood strong, .currentmusic .currentlocation { font-weight: normal; }

/*-----Currents, tags, comment links-----*/

.ljtags, .currenttags {
margin: 0px 5px 0px 5px;
padding-bottom: 0px;
text-align: left;
color: #808080;
font-family: verdana; 
font-weight: bold; 
font-size: 10px; 
text-transform: uppercase;
}

.comments {
background-color: #eeeeee;
color: #888888;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding: 10px 5px 10px 5px;
margin-bottom: 50px;
position: relative;
text-align: center;
width:auto;
clear: left;
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#88888888;
font-family: Montserrat, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding: 8px;
margin:0;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#000000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 0px solid #374C60;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 }

form div.box { text-align: left; }

center.comment-links {  }

div#footer.box { text-align: center; }

.commentbox {
 align: left; 
 padding: 5px; 
 margin: 2px 2px 10px 2px; 
 color: #000000;
padding-bottom: 5px; 
 }

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 color: #bbbbbb;
 }

.userpiccomment {
 margin: -2px 5px 5px 5px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: left;
}

.commentreply {
 font-family: "Montserrat", arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 13px;
 color: #555555;
 }

.commentinfo {
 margin-top: 5px; 
 width: 100%;
 }

.replytosubject {
 font-weight: 300;
 color: #000000;
 font-size: 16px;
 }

div#content textarea  { width: 50%; }

/*-----------Calendar/Year/Archive Page----------*/

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

ul.year li {display: inline;}

table.yeartable { width: 710px; margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; }

table.yeartable td.yeardate, table.yeartable td.yearday { color: #888888; border: 1px solid #cccccc; }

table.yeartable td.yearday { text-align: center; color: #888888; border: 1px solid #cccccc; }

td.yearmonth { color: #888888; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: "Montserrat", arial, trebuchet ms, sans-serif;
 font-size: 15px !important;
 text-transform: uppercase;
 padding: 8px 8px 8px 75px;
 border: 0px solid #dedede;
 }

ul.ljtaglist li  {list-style: normal; width: 80%; }

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/muffin.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*="userinfo.gif"] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/muffin.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*="community.gif"] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/coca_cola.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*---------Fonts----------*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

.facebooklink {
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/facebookhovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.facebooklink:hover {
 background-position: 48px 48px;
}

.twitterlink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/twitterhovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.twitterlink:hover {
 background-position: 48px 48px;
}

.youtubelink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/youtubehovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.youtubelink:hover {
 background-position: 48px 48px;
}

.rsslink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/rsshovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.rsslink:hover {
 background-position: 48px 48px;
}

.separator { height: 0px; }

Everything should work. It was a matter of having the code like clear: left; in the comments and currents. This made things align the way they should in posts.

Links in the sidebar for social media can be found: http://layout-lounge.livejournal.com/tag/help%20with%3A%20social%20media%20icons

The coding for these is in the layout already all you need to do is the coding for the sidebar in the free text section.

The edit links would be something you'd have to recreate with those icons in the sidebar free text section as well. Having an additional section would require a paid account.

Tags: coding help

Comment