Cuteness!ATTACKS Your LJ Theme
This is what happens when I spend my evenings searching for images, fonts and textures: inspiration. I hadn't set out to make a new one really. I was just looking for stuff to use later because I've been meaning to since forever ago.
It is totally the manliest journal theme I've ever made, ne?! =P (hahahahahah!) And it's shockingly non-fandom related - an amazingly rare thing for me. But I totally love it. So happy and cute! YAY! I fell in love with the little dragon guy when I found him XD I had to have him!
And the new mood theme?! Double cuteness.
How to install this theme!
1. Go to Customize Journal.
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 CCS - 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
/Cute!Dragon CCS = You Like Pink!/
{
background-color: #FF8BB2;
background-image: url(http://pics.livejournal.com/galenhiril/pic/001bc8b5);
background-repeat: repeat;
background-attachment: fixed;
background-position: 0px top;
overflow-x: hidden;
overflow:-moz-scrollbars-vertical;
margin-top: 0px;
color: #000000;
font-family: \"Tahoma\", sans-serif;
font-size: 11px;
margin: 0px;
}
a, a:link, a:visited
{
color: #06FFFD;
text-decoration: none;
}
a:hover
{
color: #06E106;
text-decoration: none;
}
::-moz-selection
{
background-color: #ffffff;
color: #000000;
}
p, td
{
font-size: 11px;
}
b
{
color: #06E104;
}
i
{
color: #000000;
}
s
{
color: #06e104;
}
u
{
color: #000000;
}
code, kbd, pre, tt
{
font-family: monospace;
}
blockquote {
margin: 10px 30px 10px 30px;
padding: 10px;
border-top: 2px solid #B93E94;
border-bottom: 2px solid #B93E94;
background-color: #ffffff;
}
ul.ljtaglist
{
text-align: left;
padding-left: 20px;
}
input, textarea
{
background-color: #ffffff;
color: #000000;
}
/* ------ CONTAINING ELEMENTS ------ */
#content
{
width: 800px;
margin-left: auto;
margin-right: auto;
padding: 0px 0px 0px 0px;
text-align: justify;
background-color: #ffffff;
border-left: 9px #000000 solid;
border-right: 9px #000000 solid;
}
#maincontent
{
margin-left: 180px;
margin-right: 10px;
margin-top:20px;
font-family: \"Tahoma\", sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
padding: 10px 0px 0px 0px;
}
#sidebar
{
width: 150px;
padding: 10px 5px 0px 5px;
margin-top: 18px;
margin-left: 10px;
font-family: \"Tahoma\", sans-serif;
font-size: 11px;
color: #B93E94;
float: left;
text-align: left;
background-color: #FF8BB2;
}
#header {
width: 800px;
height: 450px;
background-image: url(http://pics.livejournal.com/galenhiril/pic/001bb2kw);
background-position: center;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
color: #06E104;
text-align: center;
font-family: \"Tahoma\", sans-serif;
font-size: 12px;
text-transform: lowercase;
letter-spacing: 2px;
clear: both;
padding-top: 10px;
}
#footer
{
width: 100%;
color: #06E104;
text-align: center;
font-family: \"Tahoma\", sans-serif;
font-size: 12px;
text-transform: lowercase;
letter-spacing: 2px;
z-index: 100;
clear: both;
}
/* ------ HEADER ------ */
div#header a, div#header a:link, div#header a:visited
{
color: #000000;
background-color: #FF8BB2;
padding: 20px 10px 5px 10px;
text-decoration: none;
}
div#footer a, div#footer a:link, div#footer a:visited
{
color: #000000;
background-color: #FF8BB2;
padding: 5px 10px 13px 10px;
text-decoration: none;
}
div#header a:hover
{
color: #000000;
background-color: #ffffff;
padding: 20px 10px 5px 10px;
text-decoration: none;
}
div#footer a:hover
{
color: #000000;
background-color: #ffffff;
padding: 5px 10px 13px 10px;
text-decoration: none;
}
li.view
{
color: #000000;
background-color: #FEFE9B;
padding: 20px 10px 5px 10px;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
line-height: 0px;
}
ul.navheader li
{
display: inline;
}
.title
{
display: none;
}
.subtitle
{
display: none;
}
/* ------ SIDEBAR ------ */
#sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link, .sbarcalendarposts a:visited
{
color: #B93E94;
padding: 0px;
text-align: center;
}
#sidebar .sbarcalendarposts a:hover
{
color: #000000;
padding: 0px;
text-align: center;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited
{
color: #B93E94;
text-decoration: none;
padding: 3px 5px 2px 3px;
}
div#sidebar a:hover
{
color: #FFF534;
text-decoration: none;
padding: 3px 5px 2px 3px;
}
.defaultuserpic
{
text-align: center;
}
.defaultuserpic img
{
background-color: #ffffff;
padding: 5px;
border: 1px #B93E94 solid;
}
.sbarheader
{
padding: 0px 5px 0px 0px;
}
.sbarbody
{
padding: 0px 0px 3px 0px;
}
.sbarbody2 {
padding: 0px 5px 10px 5px;
}
table.calendar
{
margin-right: auto;
margin-left: auto;
}
.sbarcalendar
{
padding: 2px;
border: 1px solid #B93E94;
text-align: center;
font-family: \"Tahoma\", sans-serif;
font-size: 11px;
}
.sbarcalendarposts
{
padding: 2px;
text-align: center;
font-family: \"Tahoma\", sans-serif;
font-size: 11px;
border: 1px solid #B93E94;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
text-align: right;
list-style: none;
font-family: \"Tahoma\", sans-serif;
font-size: 11px;
text-transform: lowercase;
margin-top: 3px;
padding: 3px 5px 2px 3px;
border-bottom: 1px #B93E94 solid;
}
li.sbaritem a
{
padding: 3px 5px 2px 3px;
list-style: none;
color: #B93E94;
}
li.sbaritem a:hover
{
padding: 3px 5px 2px 3px;
color: #000000;
}
li.sbartitle
{
background-color: #ffffff;
padding: 5px 0px 5px 0px;
margin: 10px 0 0px 0;
list-style: none;
text-align: center;
color: #000000;
font-family: \"Tahoma\", sans-serif;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
}
/* ------ MAINCONTENT ------ */
.ljuser img {
width: 0px;
height: 0px;
background-repeat: no-repeat;
/*so that IE users will still see an image*/
background-image: url(http://pics.livejournal.com/galenhiril/pic/001ecekx);
padding: 12px 0px 0px 12px;
}
.ljuser img[src=\"http://stat.livejournal.com/img/user.gif\"] {
background-image: url(http://pics.livejournal.com/galenhiril/pic/001ecekx);
padding: 12px 0px 0px 12px;
}
.ljuser img[src=\"http://stat.livejournal.com/img/community.gif\"] {
background-image: url(http://pics.livejournal.com/galenhiril/pic/001edbkc);
padding: 12px 0px 0px 12px;
}
span.ljuser a b
{
padding: 2px 0 2px 0;
color: #B93E94;
font-weight: lighter;
}
span.ljuser a:hover b
{
padding: 2px 0 2px 0;
color: #FF8BB2;
font-weight: lighter;
}
ul.ljtaglist li
{
list-style: none;
margin-bottom: 5px;
}
ul.ljtaglist
{
color: #FF8BB2;
font-family: \"Tahoma\", sans-serif;
font-size: 11px;
padding: 12px;
}
.subcontent
{
}
.entry
{
padding: 10px 10px 5px 10px;
color: #000000;
font-family: \"Tahoma\", sans-serif;
font-size: 12px;
text-align: justify;
}
hr
{
color: transparent;
height: 1px;
border-style : none;
border-bottom: 2px solid #B93E94;
}
.entry ul li, ol li, li
{
padding-left: 0px;
margin-left: 0px;
}
.userpic
{
background-color: #ffffff !important;
border: 1px #B93E94 solid;
position: relative;
float: right;
padding: 5px;
margin: 0px 0px 10px 10px;
z-index: 15;
}
.userpicfriends a font
{
color: #000000; !important;
}
.userpicfriends
{
background-color: #ffffff !important;
border: 1px #B93E94 solid;
position: relative;
float: right;
padding: 5px;
margin: 0px 0px 10px 10px;
text-align: center;
font-family: \"Tahoma\", sans-serif;
font-size: 11px;
z-index: 15;
}
.userpic a font
{
color: #000000; !important;
}
.date
{
margin: 0px;
padding: 3px 0px 3px 3px;
text-align: right;
color: #B93E94;
top: 5px;
font-family: \"Tahoma\", sans-serif;
font-size: 10px;
text-transform: lowercase;
}
.subject
{
margin: 0px;
padding: 3px 3px 3px 8px;
color: #06FFFD;
font-family: \"Tahoma\", sans-serif;
font-size: 24px;
letter-spacing: 2px;
border-bottom: 9px #000000 solid;
}
.subject a, .subject a:link, .subject a:visited
{
color: #B93E94;
}
.subject a:hover
{
color: #FF8BB2;
}
.datesubject
{
background-color: transparent;
padding: 0px;
text-align: left;
}
.ljtags
{
margin-top: 20px;
padding-left: 15px;
color: #FF8BB2;
font-weight: lighter;
text-transform: lowercase;
font-family: \"Tahoma\", sans-serif;
background: url(http://pics.livejournal.com/galenhiril/pic/0015d5q7) no-repeat center left;
}
.currentlocation
{
background: url(http://pics.livejournal.com/galenhiril/pic/0015gdcsg) no-repeat left center;
padding: 0px 0px 0px 15px;
}
.currentmood
{
background: url(http://pics.livejournal.com/galenhiril/pic/000s4ttp) no-repeat left center;
padding: 0px 0px 0px 15px;
}
.currentmusic
{
background: url(http://pics.livejournal.com/galenhiril/pic/000s5r4r) no-repeat left center;
padding: 0px 0px 0px 15px;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong
{
display: none;
color: #B93E94;
font-weight: lighter;
text-transform: lowercase;
font-family: \"Tahoma\", sans-serif;
padding: 4px 0 4px 0;
}
.currents, .currentmood, .currentmusic, .currentlocation
{
color: #B93E94;
font-weight: lighter;
text-transform: lowercase;
font-family: \"Tahoma\", sans-serif;
}
.ljtags a, .ljtags a:link, .ljtags a:visited
{
color: #FF8BB2;
text-transform: lowercase;
font-weight: lighter;
font-family: \"Tahoma\", sans-serif;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited
{
color: #B93E94;
text-transform: lowercase;
font-weight: lighter;
font-family: \"Tahoma\", sans-serif;
}
.currentlocation a:hover, .ljtags a:hover
{
color: #FF8BB2;
font-weight: lighter;
text-transform: lowercase;
font-family: \"Tahoma\", sans-serif;
}
.comments
{
font-family: \"Tahoma\", sans-serif;
font-size: 11px;
letter-spacing: 2px;
text-align: right;
text-transform: lowercase;
padding: 3px 0px 3px 0px;
position: relative;
clear: right;
margin-top: 10px;
border-top: 9px #000000 solid;
}
div.comments a, div.comments a:link, div.comments a:visited
{
color: #12E210;
}
div.comments a:hover
{
color: #FFF534;
text-decoration: none;
}
/* ------MAINCONTENT -- ENTRY, REPLY PAGES ------ */
.datesubjectcomment
{
color: #000000;
background-color: #ffffff;
margin-top: 10px;
text-align: right;
padding: 5px 0px 5px 5px;
}
.userpiccomment
{
background-color: #ffffff !important;
border: 1px #B93E94 solid;
position: relative;
top: -30px;
left: 0px;
padding: 5px;
margin: 20px 0px -20px 10px;
z-index: 15;
float: right;
}
.box
{
padding: 10px;
margin-top: 0px;
text-align: left;
clear: right;
}
.box a, .box a:link, .box a:visited
{
}
.box a:hover
{
text-decoration: none;
}
form div.box
{
text-align:center;
}
form div.box a, form div.box a:link, form div.box a:visited
{
}
form div.box a:hover
{
text-decoration: none;
}
div#content input, div#content textarea, div#content select
{
color: #000000;
border: 2px solid #B93E94;
background-color: #ffffff;
}
textarea.textbox
{
width: 100% !important;
}
.reply
{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: \"Tahoma\", sans-serif;
font-size: 11px;
line-height: 125%;
color: #000000;
}
.replytosubject
{
border-bottom: 9px #000000 solid;
color: #000000;
font-family: \"Tahoma\", sans-serif;
font-size: 24px;
letter-spacing: 1px;
padding: 3px 3px 3px 8px;
}
.replytoposter
{
font-weight: lighter;
color: #B93E94;
padding: 5px;
}
.commentreply
{
text-align: left;
position: relative;
margin: 10px;
font-family: \"Tahoma\", sans-serif;
font-size: 11px;
color: #000000;
}
.commentbox
{
padding: 5px;
margin: 10px;
text-align: left;
background-color: #ff8bb2;
border: 2px solid #000000;
}
.datesubjectcomment
{
background-color: #ffffff;
border-bottom: 1px #b93e94;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited
{
color: #B93E94;
}
.datesubjectcomment a:hover
{
color: #000000;
}
.commentboxpartial
{
padding: 10px;
margin: 10px;
background-color: #ffffff;
border: 1px solid #B93E94;
}
.commentinfo
{
margin-top: 10px;
width: 100%;
}
/* ------ MAINCONTENT -- YEAR/ACHIVE PAGES ------ */
ul.year
{
text-align: center;
padding: 10px 0 10px 0;
}
ul.year li
{
display: inline;
}
table.yeartable
{
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday
{
background-color: #ffffff;
color: #000000;
border: 1px #B93E94 solid;
}
table.yeartable td.yearday
{
text-align: center;
color: #B93E94;
}
td.yearmonth
{
color: #222222;
border-style: none;
}
/* ------ FOOTER ------ */
ul.navfooter
{
padding: 0px;
margin: 0px;
}
ul.navfooter li
{
display: inline;
}
li.viewing
{
color: #000000;
background-color: #ffffff;
padding: 5px 10px 13px 10px;
text-decoration: none;
}
.clearfoot
{
clear: both;
}
/* ------ MISC ------ */
.clear
{
height: 10px;
font-size: 0.01px;
}
.skiplinks
{
text-transform: lowercase;
text-align: center;
padding: 10px 0 10px 0;
}
.headerimage {
}
.separator {
height: 15px;
}
.subject img[src=\"http://stat.livejournal.com/img/icon_protected.gif\"]{
width: 0;
height: 0;
padding: 0 8px 7px 0;
background: url(http://pics.livejournal.com/galenhiril/pic/001ds693);
}
.subject img[src=\"http://stat.livejournal.com/img/icon_private.gif\"]{
width: 0;
height: 0;
padding: 0 10px 11px 0;
background: url(http://pics.livejournal.com/galenhiril/pic/001e0crq);
}";
8. Save Changes. And now you're done!
*The given CCS code only changes the look of your journal, none of the text. 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.
Also, here is a matching friends-only banner and default icon!
*Yeah, it says "semi-friends-only" because that's what my journal is. You are free to modify the image to your liking*
If you have and questions or problems, let me know!