infinitestarlight | Yellow Flower Theme (Reply)

I have a nice handful of codes for layouts I made forever ago and never shared. I fail.

Here's a very simple non-fandom theme in yellow and brown (unusual colours, yeah, but for some reason I like them)

1. Go to the Customize Journal area.

2. Under "#2 Select New Theme," type in FLEXIBLE SQUARES in the search field.

3. Select APPLY THEME under any of the given options.
*Blue Gray is the FLEXIBLE SQUARES default, but it really shouldn't matter which one you select.

4. Select CUSTOMIZE YOUR THEME in the upper-right box field. (Or you can also select the CUSTOMIZE button beneath whichever FLEXIBLE SQUARES theme you've just chosen - either way works. *MAKE SURE the green "Apply Theme" button underneath has turned into a link that says CUSTOMIZE.)

5. Select CUSTOM CSS - it will be the last option on the left sidebar

6. Change all drop-down options on this page to NO.
*There should be three of them.

7. Copy/Paste this ENTIRE code into the CUSTOM STYLE SHEET field. Make sure not to put any spaces or anything in because it'll break it. =p

//*-----Sunshine Flower- CCS
Orange Simple Theme
852 x 440 -----*//

body {
background-color: #ffc311;
background-image: url();
background-repeat: repeat;
background-attachment: fixed;
background-position: 0px top;
overflow-x: hidden;
overflow:-moz-scrollbars-vertical;
color: #8e8e8e;
font-family: "Verdana", sans-serif;
font-size: 12px;
text-align: left;
margin: 0px;
}

a, a:link, a:visited {
font-family: "Georgia" Helvetica, sans-serif;
font-size: 12px;
color: #DE700A;
text-transform: lowercase;
text-decoration: none;
}

a:hover{
color: #ffc311;
text-decoration: none;
}

i, s, u { 
color: #999999;
}

blockquote {
margin: 0px; 
padding: 5px; 
color: #a5a5a5;
font-size: 10px;
border-top: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;
text-align: justify;
}

p, td {
font-size: 10px;
}

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

#content {
width: 852px;
background-color: #5A2800;
margin-left: auto;
margin-right: auto;
}

#maincontent {
margin: 0px 0px 0px 230px;
background-color: #FDFDFD
}

/*---------------- SIDEBAR ----------------*/

#sidebar {
width: 190px;
padding: 20px;
line-height: 14px;
color: #DE700A;
font-size: 12px;
text-align: justify;
float: left;
}

.defaultuserpic {
text-align: center;
}

.sbarheader, .sbarbody2, .sbarbody {
padding: 0px 3px 0px 3px;
}

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

.sbarcalendar {
padding: 2px;
border: 1px solid #555555;
text-align: center;
color: #666666;
font-size: 12pt;
}

.sbarcalendarposts {
padding: 2px;
border: 1px solid #5f2a0a;
background: #FFFFFF;
text-align: center;
font-size: 8pt;
}

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

li.sbaritem {
padding: 3px 3px 3px 1px;
list-style: none;
border-bottom: 1px solid #5f2a0a;
}

li.sbaritem:hover {
background-color: #7C3700;
}

li.sbartitle {
padding: 3px 3px 3px 1px;
list-style: none;
border-bottom: 1px solid #5f2a0a;
font-size: 12px;
color: #FFEC93;
text-transform: uppercase;
text-align: left;
}

/*---------------- HEADER & FOOTER LINKS ----------------*/

#header  { 
width: auto;
height: auto;
padding: 10px;
border-width: 10px 0px 10px 0px;
border-style: solid;
border-color: #FFC20A;
text-align: right; 
background-color: #FFC20A;
font-family: "Georgia", sans-serif;
font-size: 20pt; 
color: #FFEC93;
text-transform: lowercase;
clear: both;
}

#footer { 
width: auto;
padding: 10px;
border-width: 10px 0px 10px 0px;
border-style: solid;
border-color: #FFC20A;
text-align: right; 
background-color: #FFC20A;
font-family: "Georgia", sans-serif;
font-size: 11pt; 
color: #FFEC93;
text-transform: lowercase;
clear: both;
}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { 
font-family: "Georgia", sans-serif;
color: #FFFFFF; 
font-size: 11pt;
text-transform: lowercase;
padding: 8px;
background-color: #de700a;
}

div#header a:hover, div#footer a:hover { 
font-size: 11pt;
text-transform: lowercase;
padding: 8px;
color: #DE700A;
background-color: #ffec93;
}

ul.navheader, ul.navfooter { 
padding: 0 2px 0 2px; 
margin: 0 1px 0 1px; }

ul.navheader li, ul.navfooter li { 
display: inline; 
list-style: none; 
padding: 0 2px 0 2px; 
margin: 0 1px 0 1px;
}

div#header li.view, div#footer li.viewing { 
color: #ffec93;
font-size: 11pt;
text-transform: lowercase;
padding: 8px;
background-color: #5a2800;
}

.clearfoot {
display: none; 
}

/*---------------- TITLE & SUBTITLE ----------------*/

.title	{
display: none;
}

.subtitle {
display: none;
}

/*---------------- TAGS PAGE ----------------*/

.ljtaglist { 
list-style-type: none; 
margin: -1px 20px 0px 20px; 
margin-left: 70px; width: 50%; 
text-transform: lowercase;
text-align: left; 
}

ul.ljtaglist {
color: #888888;
font-size: 9pt;
text-align: left;
margin-right: auto;
margin-left: auto; 
}

ul.ljtaglist li{
padding: 5px;
margin: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

.ljtaglist li { 
border-bottom: 1px solid #cccccc; 
padding: 7px 4px 7px 25px; 
}

H2 { 
text-align: center; 
padding: 10px;  
font-size: 12px; 
text-transform: uppercase;
}

/*---------------- ENTRIES ----------------*/

.subcontent {
padding: 20px;
background: #FDFDFD;
}

.entry{
margin: 2px;
padding: 2px;
color: #888888;
font-size: 10px;
line-height: 16px;
text-align: justify;
}

.entry ul li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

/*---------------- USERPICS, USERPICS FOR FLIST ----------------*/

.userpic {
background-color; #ffffff;
border: 1px #de700a;
position: relative;
float: left;
margin: 0px 10px 10px 0px;
z-index: 15;
}

.userpicfriends {
position: relative;
float: left;
background-color: #FDFDFD !important;
margin: 0px 10px 10px 0px;
text-align: left;
font-size: 10px;
z-index: 15;
}

.userpicfriends font {
color: #888888 !important;
text-transform: uppercase;
}

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

/*---------------- DATE, SUBJECT, COMMENT ----------------*/

.date{
text-align: left;
top: 2px;
color: #bbbbbb;
font-size: 10px;
text-transform: lowercase;
}

.subject {
font-family: "Georgia" Helvetica, sans-serif;
font-size: 15px;
color: #DE700A;
text-transform: lowercase;
text-align: left;
}

.datesubject {
padding-left: 3px;
}

.ljtags {
margin-top: 12px;
color: #333;
font-size: 10px;
font-weight: light;
}

.currents {
background-color: transparent;
}

.currents strong{
font-weight: normal;
font-size: 7pt;
color: #888888
text-transform: lowercase;
}

.currentlocation {
padding-left: 17px;
font-size: 7pt;
color: #888888;
background: url('http://i25.tinypic.com/nmf1ux.png') 2px 1px no-repeat;
}

.currentmood {
padding-left: 17px;
font-size: 7pt;
color: #888888;
background: url('http://i27.tinypic.com/1z1d4km.gif') 1px 1px no-repeat;
}

.currentmusic {
padding-left: 17px;
font-size: 7pt;
color: #888888;
background: url('http://i31.tinypic.com/33vj3ur.gif') 0px 1px no-repeat;
}
		
.ljtags { 
margin-top: 20px; 
padding-left: 17px;
text-transform: lowercase;
font-size: 7pt;
color: #888888;
background: url('http://i30.tinypic.com/35bh8a8.gif') 0px 0px no-repeat;
}

.ljtags a, .ljtags a:link, .ljtags a:visited { 
color: #aaaaaa; 
font-size: 11px;
text-transform: none; 
}

.comments {
text-align: right;
color: #888888;
font-size: 10px;
padding: 5px;
position: relative;
top: 10px;
}

div.comments a, div.comments a:link, div.comments a:visited {
font-family: "Georgia" Helvetica, sans-serif;
font-size: 12px;
color: #de700a;
text-transform: lowercase;
}

div.comments a:hover {
color: #ffec93;
}

/*---------------- CALENDAR PAGE ----------------*/

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

ul.year li {
color: #888888;
display: inline;
}

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

table.yeartable td.yeardate, table.yeartable td.yearday {
color: #888888;
}

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

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

/*---------------- HEADER IMAGE ----------------*/

.headerimage {
position: relative;

width: 852px;
height: 440px;

margin-left: auto;
margin-right: auto;
margin-bottom: 0px; 
background-image: url('http://pics.livejournal.com/galenhiril/pic/001st8f6'); 
background-repeat: no-repeat;
}

.separator {
height: 0px;
}

/*---------------- COMMENT PAGE ----------------*/

.clear {
display: none;
height: 0px;
}

.skiplinks {
padding: 5px;
background-color: #FDFDFD;
text-align: center;
font-size: 5pt;
color: #FFC20A;
}

.datesubjectcomment {
background-color: #ffec93;
padding: 3px;
}

.userpiccomment {
position: relative;
border: 1px solid #cccccc;
background-color: #FEFEFE;
top: -10px;
left: 0px;
padding: 7px;
margin: 10px 10px -20px 0px;
z-index: 15;
float: left;
}

.box {
padding: 10px;
background: #FDFDFD;
clear: right;
}

input, textarea {
background-color: #ffec93;
color: #5a2800;
}

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

.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "tahoma";
font-size: 10px;
line-height: 125%;
color: #EB8A00;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
padding: 10px 10px 20px 130px;
font-size: 10px;
color: #777777;
}

.commentbox {
border-color: #ffc311;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}

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

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

.commentboxpartial {
border-color: #bbbbbb;
border-width: 1px;
border-style: dashed;
padding: 7px;
margin: 12px;
}

/*----------- MISC-----------*/
Uh, nothing here, kids!

***SAVE CHANGES***

Now go ahead and make sure that the code is working. If it isn't... feel free to let me know and I'll see if I can't help you figure out why!

*The given CCS code changes the look of your journal, none of the texts. You can modify many things to your liking by just playing around with the options in the CUSTOMIZE YOUR THEME area. Just roam around the sidebar on the left. But it is all quite user-friendly.

Infinite☆Starlight

Yellow Flower Theme (Reply)

Yellow Flower Theme

Profile

★彡

April 2020

Style Credit

Expand Cut Tags