hellohello. - I Mean It 38

Welcome to the graphics journal of

miiiintz, aka Jenny. Here you can find over 75 Flexible Squares layouts, 100x100 icons, header images, profile tables, mini icons, and the occasional myspace layout. Feel free to use anything, with credit. Please don't steal.

modify css
Got Questions? (NEW)

As usual I will be on hiatus for an unknown amount of time during the spring and summer months. I will still be around to answer questions every other day or so, and maybe post the occasional layout when an idea hits me, but don't expect there to be a whole lot of material from me in the coming months.

Flex Squares Guide (NEW)

past | mem | tell friends | future

minty_peach

13 November 2007 @ 03:49 pm

I Mean It 38

» style -- Flexible Squares, S2
» works with -- Free, Paid & Sponsored (if ads are NOT in sidebar)
»

uploading instructions. READ THEM.

/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
style -- Flexible Squares / s2
account type: Free & Paid accounts
DO NOT REMOVE THIS SECTION */

BODY{
margin-top: 25px;
background-color: #313131;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
background-attachment: scroll;
text-align: left;
font-size: 7pt;
color: #777777;
font-family: "Verdana", sans-serif;
}

a, a:link, a:visited {
font-family: "times new roman", verdana;
color: #CC5B1B;
font-weight: light;
text-decoration: none;
font-size: 8pt;
}

a:hover{
color: #999;
font-weight: light;
text-decoration: none;
}

blockquote {
margin: 5px 5px; 
padding: 10px; 
color: #555555;
font-size: 7pt;
border: 1px solid #252525;
background: #252525;
text-align: justify;
}

p, td {
font-size: 7pt;
}

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

#content {
width: 750px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: #252525;
border-top: 30px solid #313131;
padding: 0px;
}

#maincontent {
margin: 15px 15px 15px 15px;
background: #252525;
}

#sidebar {
width: 700px;
padding: 25px 25px 25px 25px;
margin-top: 0px;
background: #292929;
border-top: solid #252525 0px;
border-left: solid #252525 0px;
border-bottom: solid #252525 40px;
border-right: solid #252525 0px;
font-color: #777777;
font-family: "verdana" Helvetica, sans-serif;
font-size: 7pt;
line-height: 11pt;
text-align: justify;
float: right;
}

#header {
width: auto;
padding-top: 20px;
padding-bottom: 20px;
line-height:40px;
background-color: #313131;
background-image: url('');
background-repeat: repeat;
background-position: center;
font-family: "times new roman", verdana;
font-size: 30pt;
font-weight: normal;
text-transform: lowercase;
color: #777777;
text-align: center;
letter-spacing: 0px;
border-width: 0px;
}

#footer {			
width: auto;
padding-top: 20px;
padding-bottom: 30px;
line-height:40px;
background-color: #313131;
background-image: url('');
background-repeat: repeat;
background-position: center;
font-family: "times new roman", verdana;
font-size: 20pt;
font-weight: normal;
text-transform: lowercase;
color: #777777;
text-align: center;
letter-spacing: 0px;
border-width: 0px;
}

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #505050;
font-weight: normal;
font-family: "times new roman", verdana;
text-decoration; none;
text-transform: lowercase;
font-size: 30pt;
}

div#header a:hover {
color: #666666;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
font-size: 30pt;
}

div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #505050;
font-weight: normal;
font-family: "times new roman", verdana;
font-size: 20pt;
text-decoration; none;
text-transform: none;
}

div#footer a:hover {
color: #666666;
font-weight: normal;
text-decoration; none;
text-transform: none;
font-size: 20pt;
}

ul.navheader {
padding: 0px;
margin: 0px;
}

ul.navheader li  {
display: inline;
padding: 0 3px 0 3px;
}

.title	{
display: none;
text-align: left;
color: #252525;
font-family: "Microsoft Sans Serif", sans-serif;
font-size: 1pt;
letter-spacing: 2pt;
line-height: 0pt;
}

.subtitle {
display: none;
text-align: left;
color: #252525;
font-family: "Microsoft Sans Serif", sans-serif;
font-size: 1pt;
letter-spacing: 2pt;
}

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #CC5B1B;
font-family: "times new roman", verdana;
text-decoration: none;
font-size: 8pt;
}

div#sidebar a:hover {
text-decoration: none;
color: #999;
}

.defaultuserpic {
text-align: center;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 15px 0 15px;
}

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

.sbarcalendar {
padding: 02px;
border: 0px solid #EEE;
background: #252525;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
color: #888888;
font-size: 7pt;
}

.sbarcalendarposts {
padding: 02px;
border: 0px solid #EEE;
background: #252525;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
font-size: 7pt;
}

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

li.sbaritem {
margin: 2px 2px 2px 2px;
padding: 2px 2px 2px 10px;
list-style: none;
background-color: #252525;
background-image: url('');
background-repeat: repeat;
border-bottom: 1px #444444 solid;
}

li.sbaritem:hover {
background-color: #dddddd;
background-image: url('');
background-repeat: repeat;
}

li.sbartitle {
padding-left: 0px;
padding-right: 0px;
padding: 2px;
list-style: none;		
margin-bottom: 2px;
margin-top: 2px;
color: #aaaaaa;
font-family: "times new roman", verdana, sans-serif;
font-size: 12pt;
text-align: left;
border-bottom: solid 1px #444444;
font-weight: none;
text-transform: normal;
background-color: #252525;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 0pt;
}

/* maincontent */

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

ul.ljtaglist {
color: #bbb;
font-family: "Tahoma", Helvetica, sans-serif;
font-size: 8pt;
text-align: justify;
padding: 8px 8px 8px 12px;
border: 0px solid #252525;
background: #252525;
}

.subcontent {
padding: 20px;
background: #252525;
border: 0px solid #333333;
}

.entry{
margin: 5px 5px 5px 160px;
padding: 5px 5px 5px 5px;
padding-top: 10px;
color: #777777;
font-family: "verdana" Helvetica, sans-serif;
font-size: 7pt;
line-height: 10pt;
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;
}

.userpic {
position: relative;
float: left;
padding: 15px;
margin-right: 10px;
margin-left: 5px;
margin-top: 5px;
z-index: 15;
background-color: #303030;
background-image: url('');
background-repeat: repeat;
border-width: 1px;
border-color: #333333;
border-style: solid;
}

.userpicfriends {
position: relative;
float: left;
padding: 15px;
margin-right: 10px;
margin-left: 5px;
margin-top: 5px;
z-index: 15;
background-color: #303030 !important;
background-image: url('');
background-repeat: repeat;
border-width: 1px;
border-color: #333333;
border-style: solid;
font-color: #666666;
}

.userpicfriends font {
color: #555555 !important;
}

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

.date{
padding-top: 20px;
text-align: left;
top: 5px;
color: #666;
font-family: "verdana" Helvetica, sans-serif;
font-size: 7pt;
text-transform: lowercase;
}

.subject {
font-weight: normal;
padding-bottom: 02px;
color: #aaaaaa;
font-family: "times new roman", verdana, sans-serif;
font-size: 12pt;
text-align: left;
border-bottom: 1px solid #303030;
text-transform: none;
letter-spacing: 1px;
}

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

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

.datesubject {
background: #252525;
padding-left: 10px;
border-top: 20px #252525 solid;
}

.ljtags {
margin-top: 12px;
color: #ccc;
font-size: 8pt;
font-weight: light;
text-transform: lowercase;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #cccccc;
font-size: 8pt;
text-transform: lowercase;
}

.currents, .currentmood, .currentmusic, .currentlocation {
color: #cccccc;
font-size: 8pt;
text-transform: lowercase;
}

.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #CC5B1B;
font-size: 8pt;
font-family: "times new roman", verdana;
text-transform: none;
font-weight: light;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #CC5B1B;
font-size: 8pt;
font-family: "times new roman", verdana;
text-transform: none;
font-weight: light;
}

.currentlocation a:hover, .ljtags a:hover {
color: #999;
font-size: 8pt;
font-weight: light;
text-transform: none;
}

.comments {
font-family: "Verdana", sans-serif;
font-size: 8pt;
text-align: right;
font-weight: none;
padding: 6px;
position: relative;
top: 12px;
border-top: 0px;
background-color: #252525;
background-image: url(' ');
background-repeat: repeat;
text-transform:lowercase;
letter-spacing: 0pt;
}

div.comments a, div.comments a:link, div.comments a:visited {
color: #CC5B1B;
font-family: "times new roman", verdana;
font-size: 8pt;
}

div.comments a:hover {
color: #666666;
text-decoration: none;
font-size: 8pt;
}

/* maincontent -- year/achive pages */

ul.year{
text-align: center;
padding: 20px 0 20px 0;
border: 1px solid #bbb;
background: #252525;
}

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

table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 08px;
border: 1px solid #bbb;
background: #252525;
}

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

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

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

/* footer */

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

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

.clearfoot {
display: none;
clear: both;
}

/* misc  */

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

.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 08px 0 08px 0;
padding: 08px;
color: #888888;
border: 1px solid #bbb;
background: #252525;
}

/* for formatting header image */

.headerimage {
position: relative;
width: 0px; height: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px; 
background-image: url(''); 
background-repeat: no-repeat;
}

.separator {
background-color: #252525;
background-image: url('');
background-repeat: repeat-x;
height: 10px;
}

/*********************************************** COMMENT PAGES ******************************************/

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

.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px;
margin-top: 35px;
color: #bbbbbb;
border-bottom: 1px dashed #777777;
}

.datesubjectcomment {
background-color: #666666;
border: 1px solid #777777;
padding: 7px;
}

.userpiccomment {
position: relative;
top: -30px;
left: 0px;
padding: 5px;
border: 1px solid #777777;
background-color: #666666;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}

.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #cccccc;
padding: 10px;
clear: right;
}

input, textarea {
background-color: #444444;
color: #ffffff;
}

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: none;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "tahoma";
color: #999;
}

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

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #6DB334;
text-transform: uppercase;
}

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

.commentboxpartial {
border-color: #777777;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
}

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

.commentboxpartial a: hover {
color: #999999;
}

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

** custom comment page css updates March 10, 2008

HEY! THIS IS IMPORTANT :D
you don't have to use it, but in order to get the same three column effect as the preview you need to go to the customize section SIDEBAR and make sure NOTHING is going to show up in the sidebar EXEPT your BLURB, then you need to use this (after you filled in the sections to match your desired sidebar):

put this in your BLURB section on the sidebar page.

>>> the BLURB section now supports some HTML including links and photos!
>>> i have updated my UPLOADING INSTRUCTIONS to match the new customize section livejournal stuck us with.

» - feel free to edit. (add header, change colors) just DON'T repost as your own.
» - see my FAQ page before asking questions!
» - dont know how to set up?! heres a setup tutorial made simple.
» - feel free to Friend Me to receive icon and layout updates on your friends page.
» - add a picture to my photography spam guestbook.

Tags: layouts, topbars

138 | reply

Page 1 of 4
<<	[1] [2] [3] [4]	>>

( Post a new comment )

sohma on November 13th, 2007 09:02 pm (UTC)

Totally going to be one of my next layouts.