yam
in
mentahelada
023 - Layout 005 [Flexisquares: Life Is What Happens]
Hello. Here is a new layout. I hope you like it. :)
Live preview | Image preview
Live preview | Image preview
/********************DO NOT REMOVE THIS******************** Layout 005 [Life Is What Happens] by Yam @ Frozen Mint (frozen_mint.livejournal.com) Style: Flexible Squares Account level: Basic / Paid / Plus (with vertical ads) Tested on: IE (7 and higher), Firefox and Safari *****************************************************/ /*****BASICS*****/ * {margin: 0; padding: 0;} body { background:#acacac url(http://www.mentahelada.net/lj-layouts/layout005/bg-body.jpg) top left repeat; border-top:10px solid #d657b9; color:#808080; font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; } a, a:link, a:visited { color:#f472d4; text-decoration:none; text-transform:none; } a:hover { color:#d657b9; text-decoration:underline; } blockquote { background:#f4ade3; margin:0 auto; padding:10px; width:80%; color:#353535; text-align:left; } p, td {font-size:inherit;} code, kbd, pre, tt {font-family:monospace;} ::-moz-selection { background:#f4ade3; color: #353535; } b, strong{ color:#d657b9; font-weight:bold; } i, em{font-style:italic;} .ippu {font-size:11px;} a{outline:none;} a img{border:0;} /*****LAYOUT*****/ #content { background:transparent url(http://www.mentahelada.net/lj-layouts/layout005/bg-header.gif) top center no-repeat; margin:0 auto; width:960px; } #header { background:transparent; padding-top:5px; padding-bottom:100px; width:auto; font-size:0.8125em/*13px*/; text-align:center; } #sidebar { background:transparent; float:right; width:240px; padding:0 0 20px; font-size:0.6875em/*11px*/; text-align:left; } #maincontent { background:#transparent; margin-right:260px; font-size:0.75em/*12px*/; } #footer { background:transparent; padding:20px; font-size:0.8125em/*13px*/; text-align:center; } /*****HEADER*****/ ul.navheader {} ul.navheader li { display:inline; list-style:none; margin:0 3px; } #header li.view { background:#d657b9; padding:5px 15px 15px; color:#f4f4f4; letter-spacing:0.1em; text-decoration:none; text-transform:uppercase; } #header a, #header a:link, #header a:visited { background:#353535; padding:5px 15px 10px; color:#f4f4f4; letter-spacing:0.1em; text-decoration:none; text-transform:uppercase; } #header a:hover { background:#d657b9; padding:5px 15px 15px; color:#f4f4f4; letter-spacing:0.1em; text-transform:uppercase; } .title, .subtitle { display:none; } /*****SIDEBAR******/ .sbarbody { background:#f4e2f0; } .sbarbody2 { background:#f4e2f0; color:#353535; padding:20px 10px; } .defaultuserpic { display:none; margin:10px auto 0; text-align:center; } .defaultuserpic img { border:15px solid #f472d4; } li.sbartitle { background:#353535; list-style:none; padding:20px 10px 5px; color:#d657b9; font-size:1.4545em/*16px*/; font-style:italic; text-align:left; text-transform:lowercase; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color:#d657b9; text-decoration:none; text-transform:none; } div#sidebar a:hover { color:#353535; text-decoration:underline; } ul.sbarlist { list-style:none; } li.sbaritem { background:transparent; border-bottom:1px solid #f472d4; color:#808080; text-decoration:none; text-transform:none; text-align:left; padding:3px 5px; } #sidebar_linklist li.sbaritem a, #sidebar_tags li.sbaritem a { display:block; padding:3px 5px; } #sidebar_linklist li.sbaritem a:hover, #sidebar_tags li.sbaritem a:hover { text-decoration:none; } #sidebar_linklist li.sbaritem:hover, #sidebar_tags li.sbaritem:hover { background:#f4ade3; border-bottom:1px solid #f472d4; /*display:block;*/ color:#fff; text-decoration:none; text-transform:none; text-align:left; padding:3px 5px; } #sidebar_summary li.sbaritem { display:block; } #sidebar_summary li.sbaritem:hover { background:#f4ade3; border-bottom:1px solid #f472d4; display:block; color:#353535; text-decoration:none; text-transform:none; text-align:left; padding:3px 5px; } table.calendar { margin:auto; padding:20px 10px; width:100%; } .sbarcalendar { background:#f4f4f4; border:1px solid #f4f4f4; padding:1px; color: #808080; font-size:1em/*11px*/; text-align:center; } .sbarcalendarposts { background:#d657b9; border:1px solid #f4ade3; padding:1px; font-size:1em/*12px*/; text-align:center; } .sbarcalendarposts a, .sbarcalendarposts a:link, .sbarcalendarposts a:visited { color:#fff!important; } .sbarcalendarposts a:hover { color:#fff; text-decoration:underline!important; } .sbarcalendarposts:hover { background:#f4ade3; } /*****FOOTER*****/ ul.navfooter {} ul.navfooter li { display:inline; list-style:none; margin:0 3px; } #footer li.viewing { background:#d657b9; padding:10px; color:#f4f4f4; letter-spacing:0.1em; text-decoration:none; text-transform:uppercase; } #footer a, #footer a:link, #footer a:visited { background:#353535; padding:10px; color:#f4f4f4; letter-spacing:0.1em; text-decoration:none; text-transform:uppercase; } #footer a:hover { background:#d657b9; padding:10px; color:#f4f4f4; letter-spacing:0.1em; text-transform:uppercase; } /*****ENTRY*****/ .subcontent { background:transparent; margin-bottom:20px; overflow:auto; } .entry{ background:#f4e2f0; margin-left:140px; padding:20px; color:#353535; text-align:left; } .entry ul li { list-style:circle; margin-left:30px; padding-left:0px; } .entry ol li { list-style:decimal-leading-zero; margin-left:30px; padding-left:0px; } /*****USERPICS*****/ .userpic, .userpicfriends { background:#353535!important; float:left; padding:10px; position:relative; z-index:15; color:#f4f4f4; font-size:0.7692em/*10px*/; text-align:center; text-transform:lowercase; } .userpicfriends font{ color:#f4f4f4; font-size:1em/*10px*/; text-align:center; text-transform:lowercase; } .userpic a, .userpic a:link, .userpic a:visited, .userpicfriends a, .userpicfriends a:link, .userpicfriends a:visited, userpicfriends font{ color:#f4f4f4!important; text-decoration: none; text-transform:lowercase; } .userpic a, .userpicfriends a:hover, userpicfriends a:hover font { color:#f4f4f4!important; text-decoration:underline; text-transform:lowercase; } /*****DATE, SUBJECT, CURRENTS GENERAL, COMMENTS, TAGS*****/ .date{ border:0px; padding-bottom:5px; color:#e7e7e7; font-size:0.9166em/*11px*/; text-align:left; text-transform:none; } .subject { color:#d657b9; font-size:1.6666em/*20px*/; font-style:italic; font-weight:normal; text-align:left; text-transform:lowercase; } .subject a, .subject a:link, .subject a:visited { color:#d657b9; font-style:italic; font-weight:normal; text-align:left; text-transform:lowercase; } .subject a:hover { color:#d657b9; } .datesubject { background:#353535; margin-left:140px; padding:20px 10px 10px; } .ljtags { background:transparent; border-top:1px solid #f472d4; margin-top:3px; padding:3px; width:50%; color:#353535; font-size:0.9166em/*11px*/; font-weight:normal; text-align:left; } .currents{ background:transparent; border-top:1px solid #f472d4; margin-top:3px; padding:3px; width:50%; color:#353535; font-size:0.9166em/*11px*/; font-weight:normal; text-align:left; } .currents strong, .ljtags strong { color:#353535; font-weight:normal; } .ljtags a, .ljtags a:link, .ljtags a:visited, .currents a, .currents a:link, .currents a:visited { color:#d657b9; font-weight:normal; } .ljtags a:hover, .currents a:hover { text-decoration:underline; } .comments { background:transparent; border-top:1px solid #f472d4; margin-top:3px; padding:3px 3px 0; color:#d657b9; font-size:0.9166em/*11px*/; letter-spacing:0.05em; text-align:right; font-style:normal; font-weight:normal; } .comments a, .comments a:link, .comments a:visited { color:#d657b9; text-transform:uppercase; } .comments a:hover { text-decoration:underline; } /*****TAGS PAGE*****/ .ljtaglist { list-style:none; width:100%; color:#353535; } .ljtaglist li { background:#f4e2f0; border-bottom: 1px solid #f472d4; color: #353535; padding:10px; } h2 { background:#353535; padding:20px 0 10px 10px; color:#d657b9; font-size:1.6666em/*20px*/; letter-spacing:0.05em; text-align:left; text-transform:uppercase; font-style:normal; font-weight:bold; } /*****CALENDAR PAGE*****/ ul.year{ background:#353535; list-style:none; margin-left:auto; margin-right:auto; padding:15px; text-align:center; } ul.year li { display:inline; padding:5px; color:#f4f4f4; } ul.year li.active { color:#f4f4f4; font-size:1.1538em/*15px*/; font-weight:bold; } table.yeartable { margin-left:auto; margin-right:auto; padding:10px; width:100%; background:#f4e2f0; } table.yeartable td.yeardate{ background:#f4f4f4; padding:5px; color: #353535; } table.yeartable td.yearday { background:#d657b9; padding:5px; color:#353535; text-align:center; } td.yearmonth { color:#d657b9; } table.yeartable td.yeardate a, table.yeartable td.yeardate a:link, table.yeartable td.yeardate a:visited { font-size:1.5em/*18px*/; color:d657b9; background:transparent; text-decoration:none; text-transform:none; } table.yeartable td.yeardate a:hover { color:#353535; } /*****CLEARS, SKIPLINKS*****/ .clear{ background:transparent; height:0; } .clearfoot { background:transparent; clear:both; height:0; } .separator { background:transparent; height:0; } .skiplinks { background:#353535; margin-bottom:10px; padding:20px 10px 10px; color:#f472d4; text-align:center; text-transform:none; } /*****COMMENTS VIEW*****/ .datesubjectcomment { background:#f0f0f0; border-bottom:1px solid #f4ade3; padding:3px; } .userpiccomment { background:#353535; float:left; margin:5px; padding:10px; position:relative; } .box { background:#f4e2f0; font-size:1em/*12px*/; padding:10px; clear:left; } input, textarea { background:#f4f4f4; border:1px solid #f4e2f0; margin:3px; color:#353535; } textarea.textbox { border:1px solid #f4e2f0; width:95%!important; } .reply{ position:relative; color:#f4f4f4; text-align:left; } .replytosubject { color:#f4f4f4; font-weight:normal; } .commentreply { margin-left:140px; padding:5px; position:relative; color:#353535; } .commentbox, .commentboxpartial { border:1px solid #f0f0f0; overflow:auto; margin:10px; padding:10px; background-color:#f4f4f4; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color:#f472d4; } .datesubjectcomment a:hover { text-decoration:underline; } .commentinfo { background-color:#f4f4f4; } #qrform table { border:1px solid #f4e2f0!important; margin:5px; padding:5px; height:auto; } /*****LJ-USER / COMMUNITY / PROTECTED ICONS icons by http://www.icojoy.com/ and http://www.pinvoke.com/*****/ .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-user.png) no-repeat; padding: 16px 16px 0 0!important; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-user.png) no-repeat; padding: 16px 16px 0 0!important; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-group.png) no-repeat; padding: 16px 16px 0 0!important; } .entry img[src="http://p-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } #sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } #sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_private.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } .subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } .entry img[src="http://p-stat.livejournal.com/img/icon_private.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } #lj_controlstrip .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-user.png) no-repeat; padding: 16px 16px 0 0!important; } #lj_controlstrip .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-user.png) no-repeat; padding: 16px 16px 0 0!important; } #lj_controlstrip .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-group.png) no-repeat; padding: 16px 16px 0 0!important; } /*****CONTEXTUAL POPUP*****/ div.ContextualPopup img {border:0;} div.ContextualPopup div.Inner { background:#f4e2f0!important; border:1px solid #f4e2f0!important; color:#808080!important; font-family:Georgia, "Times New Roman", Times, serif!important; font-size:1em; font-weight:100!important; padding:5px; } div.ContextualPopup .Content { font-weight:100!important; margin-right:50px; } div.ContextualPopup .Relation { font-size:1.2727em/*14px*/; font-weight:100!important; } div.ContextualPopup .Content .OnlineStatus {font-weight:100!important;} div.ContextualPopup .Userpic {font-weight:100!important;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited { color:#f472d4!important; font-weight:100; text-decoration:none!important; } div.ContextualPopup div.Inner a:hover{ color:#d657b9!important; font-weight:100; text-decoration:underline!important; }
Live preview | Image preview
/********************DO NOT REMOVE THIS******************** Layout 005 [Life Is What Happens] by Yam @ Frozen Mint (frozen_mint.livejournal.com) Style: Flexible Squares Account level: Basic / Paid / Plus Tested on: IE (6 and higher), Firefox, Safari, Google Chrome *****************************************************/ /*****BASICS*****/ * {margin: 0; padding: 0;} body { background:#acacac url(http://www.mentahelada.net/lj-layouts/layout005/bg-body.jpg) top left repeat; border-top:10px solid #32ceb6; color:#808080; font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; } a, a:link, a:visited { color:#11afbb; text-decoration:none; text-transform:none; } a:hover { color:#32ceb6; text-decoration:underline; } blockquote { background:#abe498; margin:0 auto; padding:10px; width:80%; color:#353535; text-align:left; } p, td {font-size:inherit;} code, kbd, pre, tt { font-family:monospace; } ::-moz-selection { background:#abe498; color: #353535; } b, strong{ color:#32ceb6; font-weight:bold; } i, em{font-style:italic;} .ippu {font-size:11px;} a{outline:none;} a img{border:0;} /*****LAYOUT*****/ #content { background:transparent url(http://www.mentahelada.net/lj-layouts/layout005/bg-header-rob.png) top center no-repeat; margin-left:auto; margin-right:auto; width:960px; } #header { background:transparent; padding-top:5px; padding-bottom:279px; width:auto; font-size:0.8125em/*13px*/; text-align:center; } #sidebar { background:transparent; float:right; width:240px; padding:0 0 20px; font-size:0.6875em/*11px*/; text-align:left; } #maincontent { background:#transparent; margin-right:260px; font-size:0.75em/*12px*/; } #footer { background:transparent; padding:20px; font-size:0.8125em/*13px*/; text-align:center; } /*****HEADER*****/ ul.navheader {} ul.navheader li { display:inline; list-style:none; margin:0 3px; } #header li.view { background:#32ceb6; padding:5px 15px 15px; color:#fff; letter-spacing:0.1em; text-decoration:none; text-transform:uppercase; } #header a, #header a:link, #header a:visited { background:#353535; padding:5px 15px 10px; color:#fff; letter-spacing:0.1em; text-decoration:none; text-transform:uppercase; } #header a:hover { background:#32ceb6; padding:5px 15px 15px; color:#fff; letter-spacing:0.1em; text-transform:uppercase; } .title, .subtitle { display:none; } /*****SIDEBAR*****/ .sbarbody { background:#e6f9f5; } .sbarbody2 { background:#e6f9f5; color:#353535; padding:20px 10px; } .defaultuserpic { display:none; margin:10px auto 0; text-align:center; } .defaultuserpic img { border:15px solid #11afbb; } li.sbartitle { background:#353535; list-style:none; padding:20px 10px 5px; color:#32ceb6; font-size:1.4545em/*16px*/; font-style:italic; text-align:left; text-transform:lowercase; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color:#32ceb6; text-decoration:none; text-transform:none; } div#sidebar a:hover { color:#353535; text-decoration:underline; } ul.sbarlist { list-style:none; } li.sbaritem { background:transparent; border-bottom:1px solid #11afbb; color:#808080; text-decoration:none; text-transform:none; text-align:left; padding:3px 5px; } #sidebar_linklist li.sbaritem a, #sidebar_tags li.sbaritem a { display:block; padding:3px 5px; } #sidebar_linklist li.sbaritem a:hover, #sidebar_tags li.sbaritem a:hover { text-decoration:none; } #sidebar_linklist li.sbaritem:hover, #sidebar_tags li.sbaritem:hover { background:#abe498; border-bottom:1px solid #11afbb; color:#fff; text-decoration:none; text-transform:none; text-align:left; padding:3px 5px; } #sidebar_summary li.sbaritem { display:block; } #sidebar_summary li.sbaritem:hover { background:#abe498; border-bottom:1px solid #11afbb; display:block; color:#353535; text-decoration:none; text-transform:none; text-align:left; padding:3px 5px; } table.calendar { margin:auto; padding:20px 10px; width:100%; } .sbarcalendar { background:#fff; border:1px solid #fff; padding:1px; color: #808080; font-size:1em/*11px*/; text-align:center; } .sbarcalendarposts { background:#32ceb6; border:1px solid #abe498; padding:1px; font-size:1em/*12px*/; text-align:center; } .sbarcalendarposts a, .sbarcalendarposts a:link, .sbarcalendarposts a:visited { color:#fff!important; } .sbarcalendarposts a:hover { color:#fff; text-decoration:underline!important; } .sbarcalendarposts:hover { background:#abe498; } /*****FOOTER*****/ ul.navfooter {} ul.navfooter li { display:inline; list-style:none; margin:0 3px; } #footer li.viewing { background:#32ceb6; padding:10px; color:#fff; letter-spacing:0.1em; text-decoration:none; text-transform:uppercase; } #footer a, #footer a:link, #footer a:visited { background:#353535; padding:10px; color:#fff; letter-spacing:0.1em; text-decoration:none; text-transform:uppercase; } #footer a:hover { background:#32ceb6; padding:10px; color:#fff; letter-spacing:0.1em; text-transform:uppercase; } /*****ENTRY*****/ .subcontent { background:transparent; margin-bottom:20px; overflow:auto; } .entry{ background:#e6f9f5; margin-left:140px; padding:20px; color:#353535; text-align:left; } .entry ul li { list-style:circle; margin-left:30px; padding-left:0px; } .entry ol li { list-style:decimal-leading-zero; margin-left:30px; padding-left:0px; } /*****USERPICS*****/ .userpic, .userpicfriends { background:#353535!important; float:left; padding:10px; position:relative; z-index:15; color:#fff; font-size:0.7692em/*10px*/; text-align:center; text-transform:lowercase; } .userpicfriends font{ color:#fff; font-size:1em/*10px*/; text-align:center; text-transform:lowercase; } .userpic a, .userpic a:link, .userpic a:visited, .userpicfriends a, .userpicfriends a:link, .userpicfriends a:visited, userpicfriends font{ color:#fff!important; text-decoration: none; text-transform:lowercase; } .userpic a, .userpicfriends a:hover, userpicfriends a:hover font { color:#fff!important; text-decoration:underline; text-transform:lowercase; } /*****DATE, SUBJECT, CURRENTS GENERAL, COMMENTS, TAGS*****/ .date{ border:0px; padding-bottom:5px; color:#e7e7e7; font-size:0.9166em/*11px*/; text-align:left; text-transform:none; } .subject { color:#32ceb6; font-size:1.6666em/*20px*/; font-style:italic; font-weight:normal; text-align:left; text-transform:lowercase; } .subject a, .subject a:link, .subject a:visited { color:#32ceb6; font-style:italic; font-weight:normal; text-transform:lowercase; text-decoration:none } .subject a:hover { color:#e7e7e7; text-decoration:underline; } .datesubject { background:#353535; margin-left:140px; padding:20px 10px 10px; } .ljtags { background:transparent; border-top:1px solid #11afbb; margin-top:3px; padding:3px; width:50%; color:#353535; font-size:0.9166em/*11px*/; font-weight:normal; text-align:left; } .currents{ background:transparent; border-top:1px solid #11afbb; margin-top:3px; padding:3px; width:50%; color:#353535; font-size:0.9166em/*11px*/; font-weight:normal; text-align:left; } .currents strong, .ljtags strong { color:#353535; font-weight:normal; } .ljtags a, .ljtags a:link, .ljtags a:visited, .currents a, .currents a:link, .currents a:visited { color:#32ceb6; font-weight:normal; } .ljtags a:hover, .currents a:hover { text-decoration:underline; } .comments { background:transparent; border-top:1px solid #11afbb; margin-top:3px; padding:3px 3px 0; color:#32ceb6; font-size:0.9166em/*11px*/; letter-spacing:0.05em; text-align:right; font-style:normal; font-weight:normal; } .comments a, .comments a:link, .comments a:visited { color:#32ceb6; text-transform:uppercase; } .comments a:hover { text-decoration:underline; } /*****TAGS PAGE*****/ .ljtaglist { list-style:none; width:100%; color:#353535; } .ljtaglist li { background:#e6f9f5; border-bottom: 1px solid #11afbb; color: #353535; padding:10px; } h2 { background:#353535; padding:20px 0 10px 10px; color:#32ceb6; font-size:1.6666em/*20px*/; letter-spacing:0.05em; text-align:left; text-transform:uppercase; font-style:normal; font-weight:bold; } /*****CALENDAR PAGE*****/ ul.year{ background:#353535; list-style:none; margin-left:auto; margin-right:auto; padding:15px; text-align:center; } ul.year li { display:inline; padding:5px; color:#fff; } ul.year li.active { color:#fff; font-size:1.1538em/*15px*/; font-weight:bold; } table.yeartable { margin-left:auto; margin-right:auto; padding:10px; width:100%; background:#e6f9f5; } table.yeartable td.yeardate{ background:#fff; padding:5px; color: #353535; } table.yeartable td.yearday { background:#32ceb6; padding:5px; color:#353535; text-align:center; } td.yearmonth { color:#32ceb6; } table.yeartable td.yeardate a, table.yeartable td.yeardate a:link, table.yeartable td.yeardate a:visited { font-size:1.5em/*18px*/; color:32ceb6; background:transparent; text-decoration:none; text-transform:none; } table.yeartable td.yeardate a:hover { color:#353535; } /*****CLEARS, SKIPLINKS*****/ .clear{ background:transparent; height:0; } .clearfoot { background:transparent; clear:both; height:0; } .separator { background:transparent; height:0; } .skiplinks { background:#353535; margin-bottom:10px; padding:20px 10px 10px; color:#11afbb; text-align:center; text-transform:none; } /*****COMMENTS VIEW*****/ .datesubjectcomment { background:#f0f0f0; border-bottom:1px solid #abe498; padding:3px; } .userpiccomment { background:#353535; float:left; margin:5px; padding:10px; position:relative; } .box { background:#e6f9f5; font-size:1em/*12px*/; padding:10px; clear:left; } input, textarea { background:#fff; border:1px solid #e6f9f5; margin:3px; color:#353535; } textarea.textbox { border:1px solid #e6f9f5; width:95%!important; } .reply{ position:relative; color:#fff; text-align:left; } .replytosubject { color:#fff; font-weight:normal; } .commentreply { margin-left:140px; padding:5px; position:relative; color:#353535; } .commentbox, .commentboxpartial { border:1px solid #f0f0f0; overflow:auto; margin:10px; padding:10px; background-color:#fff; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color:#11afbb; } .datesubjectcomment a:hover { text-decoration:underline; } .commentinfo { background-color:#fff; } #qrform table { border:1px solid #e6f9f5!important; margin:5px; padding:5px; height:auto; } /*****LJ-USER / COMMUNITY / PROTECTED ICONS icons by http://www.icojoy.com/ and http://www.pinvoke.com/*****/ .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-user.png) no-repeat; padding: 16px 16px 0 0!important; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-user.png) no-repeat; padding: 16px 16px 0 0!important; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-group.png) no-repeat; padding: 16px 16px 0 0!important; } .entry img[src="http://p-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } #sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } #sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_private.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } .subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } .entry img[src="http://p-stat.livejournal.com/img/icon_private.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important; } #lj_controlstrip .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-user.png) no-repeat; padding: 16px 16px 0 0!important; } #lj_controlstrip .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-user.png) no-repeat; padding: 16px 16px 0 0!important; } #lj_controlstrip .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout005/icon-group.png) no-repeat; padding: 16px 16px 0 0!important; } /*****CONTEXTUAL POPUP*****/ div.ContextualPopup img {border:0;} div.ContextualPopup div.Inner { background:#e6f9f5!important; border:1px solid #e6f9f5!important; color:#808080!important; font-family:Georgia, "Times New Roman", Times, serif!important; font-size:1em; font-weight:100!important; padding:5px; } div.ContextualPopup .Content { font-weight:100!important; margin-right:50px; } div.ContextualPopup .Relation { font-size:1.2727em/*14px*/; font-weight:100!important; } div.ContextualPopup .Content .OnlineStatus {font-weight:100!important;} div.ContextualPopup .Userpic {font-weight:100!important;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited { color:#11afbb!important; font-weight:100; text-decoration:none!important; } div.ContextualPopup div.Inner a:hover{ color:#11afbb!important; font-weight:100; text-decoration:underline!important; }
LAYOUT INFO:
- Style: Flexible Squares
- Account level: Basic, Paid, Plus
- Tested on: IE (7 and higher), Firefox, Safari and Chrome.
IMAGES:
Please upload the images to your own server. Thanks.
Pink header: http://www.mentahelada.net/lj-layouts/layout005/bg-header.gif
Rob header: http://www.mentahelada.net/lj-layouts/layout005/bg-header-rob.png
User, community, locked/protected icons:
by Icojoy)
(by Pinvoke)
Pride & Prejudice icon in the preview made by me. Find it here.
BASIC INSTRUCTIONS:
- Choose a Flexible Squares layout
- Go to Customize Journal Theme
- Select NO in the dropdowns
- Leave "Custom External Stylesheet" empty
- Paste the CSS that I give you in the "Custom Stylesheet" box
- Save.
- Make changes if you know how (but still credit me!)
- Ask if you have doubts, I'll try to answer asap
CHANGING THE HEADER:
Changing the header of both layouts is the same deal. I'll explain it with the pink one. Find this:
#content {
background:transparent url(http://www.mentahelada.net/lj-layouts/layout005/bg-header.gif) top center no-repeat;
margin:0 auto;
width:960px;
}
And change the url to your own. Then find this:
#header {
background:transparent;
padding-top:5px;
padding-bottom:100px;
width:auto;
font-size:0.8125em/*13px*/;
text-align:center;
}
And change the padding-bottom so it fits your image.
NOTE: This layout looks a little messy with the navigation strip.
EASY RULES:
- Credit frozen_mint if you use. Please don't credit mintyapple, please change the credit you have in your userinfo. Thanks!
- Comment if you like / if you take
- Affiliate?
- Resources
- Friend frozen_mint for updates!
Oh, you can take just the header if you want:
http://www.mentahelada.net/lj-layouts/layout005/bg-header-rob.png :D
@ mintyapple