https://mixedfeeling.livejournal.com/ Mixedfeeling - LiveJournal.com Fri, 20 Sep 2019 19:48:32 GMT LiveJournal / LiveJournal.com mixedfeeling 58133158 community https://l-userpic.livejournal.com/119785821/58133158 https://mixedfeeling.livejournal.com/ 100 100 https://mixedfeeling.livejournal.com/26208.html Fri, 20 Sep 2019 19:48:32 GMT unreal https://mixedfeeling.livejournal.com/26208.html <center><img src="https://media2.giphy.com/media/sIE0hveuiwCNG/giphy.gif" fetchpriority="high"></center><br />So yes livejournal deleted these templates. If you still use one of the two you can continue to use them. Otherwise never again. It is really great how they just deleted stuff without telling people. https://mixedfeeling.livejournal.com/26208.html?view=comments#comments !mod public unreal 17986233 6 https://mixedfeeling.livejournal.com/26081.html Fri, 15 Feb 2019 22:57:10 GMT unreal https://mixedfeeling.livejournal.com/26081.html New layout. I might make a dark version of this as well. Considering this is a container layout please don't make the sidebar longer then the entries.<br /><br /><table width="500" bgcolor="#ffffff" cellspacing="2" cellpadding="10" align="center"> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> <center><img src="https://i.postimg.cc/2S7sYgBz/youjustsavedmepreview.png" fetchpriority="high"><br /><a href="https://i.postimg.cc/SxhBwmRT/youjustsavedme.png" target="_blank" rel="nofollow">LARGER PREVIEW</a> // 1024x768 and up // IE9, FF & Chrome <br /></font></center> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"><center><br /><textarea> /* Title: You Just Saved Me Creator: Unreal at mixedfeeling Style: Flexible Squares S2 */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v7/iJWKBXyIfDnIV7nBrXw.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; } BODY{ margin-left: ; background-color: #fff6ce; background-image: url(""); background-repeat:; background-position: ; background-attachment: ; text-align: left; font-size: 8pt; color: #777; font-family: verdana; } body{margin-top: 10; } b { color: #ffbb0f; } i { color: #00deda; } s { color: #00deda; } a, a:link, a:visited { font-family: verdana; cursor: default; color: #ffbb0f; font-weight: none; text-transform: ; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: verdana; cursor: default; color: #c5c5c5; font-weight: none; text-transform: ; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 9pt; background-image: url("http://i.imgur.com/tn4TXfX.png"); background-repeat: repeat; border: 1px solid #eeeeee; text-align: justify; } #content { width: 900px; padding: 10px; margin-left: auto; margin-right: auto; margin-top: 20px; background:#f9f9f9; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px !important; border-radius: 10px; border: 1px solid #f2f2f2; } #maincontent { margin: 10px 0px 0px 270px; max-height: 600px; overflow: auto; } /* sidebar */ #sidebar { width: 240px; margin-top: 10px; padding-top: 0px; padding-left: 10px; padding-right: 10px; background: #ffffff; color: #777; font-family: verdana; font-size: 9pt; line-height: 12pt; text-align: justify; float: left; border:0px dashed #EAEAEA; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px !important; border-radius: 10px; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #ffbb0f; text-decoration: none; font-weight: ; } div#sidebar a:hover { text-decoration: none; color: #666666; } .defaultuserpic { text-align: center; border-color: 10px solid #FEFEFE; display: none; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 3px 0px 3px; } .sbarbody2 { padding: 2px 8px 0px 8px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 8px; padding-left: 8px; border: px solid #ddd; background: #f5f5f5; text-align: right; font-family: verdana; color: #999999; font-size: 8pt; } .sbarcalendarposts { padding-right: 8px; padding-left: 8px; border: 0px solid #ddd; background: #f5f5f5; text-align: right; font-family: verdana; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 2px 4px 2px 3px; padding: 2px 2px 2px 13px; list-style: none; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; border-bottom: 1px solid #f3f3f3; } li.sbaritem:hover { } li.sbartitle { list-style: none; margin-top: 0px; margin-left: -2px; text-align: left; font-weight: normal; padding: 5px 5px 5px 5px; color: #fff; font-family: Rubik; font-size: 10pt; border-bottom: 0px dashed #cccccc; text-transform: uppercase; letter-spacing: 0px; padding-left: 5px; background:#00deda; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px !important; border-radius: 5px; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #ffffff; } #sidebar_tags { } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 2px solid #e2e7e1; color: #9f8449; display: block; font-family: tahoma; font-size: 8pt; text-transform: lowercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} /* header, footer */ #header { background: #ffbb0f; color: #fff; padding: 10px 5px 10px 10px; margin-left: 0px; margin-right: 0px; text-align: left; font-family: Rubik; font-size: 12pt; font-weight: normal; text-transform: uppercase ; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px !important; border-radius: 10px; } #footer { width: auto; margin-top: 5px; padding: 10px 5px 10px 10px; text-align: right; font-family: Rubik; text-transform: uppercase; letter-spacing: 0px; font-size: 12pt; color: #ffbb0f; z-index: 100; } div#header a, div#header a:link, div#header a:visited{ font-family: Rubik; color:#666666; text-transform: ; padding: 10px 0px 10px 5px; } div#footer a, div#footer a:link, div#footer a:visited { font-family: Rubik; color: #666666; font-size: 12pt; padding: 10px 0px 10px 0px; text-transform: ; border-top: 0px solid #d3e2eb; } div#header a:hover { font-family: Rubik; color:#fff; text-transform: ; padding: 10px 0px 10px 5px; } div#footer a:hover { font-family: Rubik; color: #ffbb0f; font-size: 12pt; padding: 10px 0px 10px 0px; text-transform: ; } ul.navheader{ padding: 2px 0 0 0; margin: 0px; background-position:left; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } div#header li.view { padding: 0px; border-left: 0px solid #232323; margin:0 -3px 0 0px; } #footer .viewing { display:; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } /* title, substitle */ .title { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } /* tags page, tags */ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 7pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 7pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #ffbb0f; font-size: 7pt; text-transform: lowercase; font-weight: light; } /* subcontent, entry */ .subcontent { padding-left: 10px; padding-right: 10px; padding-top: 5px; border:0px dashed #EAEAEA; background: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px !important; border-radius: 10px; } .entry{ padding: 0px 20px 0px 10px; border-left: 0px solid #ffffff; border-right: solid #77cfe0 0px; margin: 0px 0px 0px 0px; color: #777; font-family: verdana; font-size: 9pt; line-height: 11pt; text-align: justify; background: #ffffff; } .entry ul li { padding-left: 10px; 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, userpic friends */ .userpic { display: ; position: relative; float: right; padding: 0px; margin-right: 10px; margin-left: 10px; margin-top: 42px; z-index: 15; background-color: #ffffff !important; margin-left: 10px !important; text-align: center; font-family: verdana; } .userpicfriends { display: ; position: relative; float: right; background-color: #ffffff !important; padding: 0px; margin-right: 10px; margin-left: 10px !important; margin-top: 42px; z-index: 15; border: 0px solid #946063; text-align: center; font-family: verdana; font-size: 8pt; z-index: 15; } .userpic img, .userpicfriends img, .defaultuserpic img{ background: #f7d411; padding:0px; border-width: 0px; border-color: #cc9999; border-style: solid; width: 75px; height: 75px;} .userpic font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends {font-size: 3; align: right;} .userpicfriends a{ display: yes;} .userpicfriends br { display: block; height: 0; } /* date, subject, comments, currents */ .date{ margin-left: 0px; margin-top: 0px; text-align: left; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; color: #fff; font-family: Rubik;; font-size: 9pt; text-transform: uppercase; border-left: solid #4ec6c9 0px; background-color: #00deda; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px !important; border-radius: 5px; } .subject { padding-top: 2px; margin-right:0px; font-weight: normal; color: #ffbb0f; font-family: verdana;; font-size: 11pt; text-align: left; text-transform: ; letter-spacing: 1px; } .subject a, .subject a:link, .subject a:visited { font-family: verdana; color: #ffbb0f; text-transform: ; } .subject a:hover { color: #999; } .datesubject { margin-top: 10px; padding-left: 0px; padding-bottom: 5px; background-color: #ffffff; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 7pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 7pt; text-transform: lowercase; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #d0e504; font-size: 7pt; text-transform: uppercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 7pt; font-weight: light; text-transform: lowercase; } .currentlocation { height: 16px; background: url('http://img5.imageshack.us/img5/3871/045t.png') 4px 2px no-repeat; padding-left: 18px; } .currentmood { background: url('http://img25.imageshack.us/img25/9614/035a.png') 4px 2px no-repeat; padding-left: 18px; padding-bottom: 2px; } .currentmusic { height: 18px; background: url('http://img5.imageshack.us/img5/7127/056m.png') 4px 2px no-repeat; padding-left: 18px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { font-family: verdana; font-size: 9pt; text-align: right; font-weight: none; padding: 8px; position: relative; top: 0px; background-image: url(' '); background-repeat: repeat; text-transform:lowercase; letter-spacing: 0px; } div.comments a, div.comments a:link, div.comments a:visited { color: #666666; text-transform: ; } div.comments a:hover { color: #bbbbbb; text-transform: ; } /* other */ .clear { display: none; height: 0px; } /* header */ .headerimage { position: relative; width: 780px; height:0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url(""); background-repeat: no-repeat; } .separator { background-color: ; background-image: url(''); background-repeat: repeat-x; height: 5px; } .datesubjectcomment { background-color: #ffffff; padding: 5px; margin-top: 20px; color: #c9c9c9; } .userpiccomment { position: relative; top: -10px; padding: 4px; margin: 0px 10px -20px 0px; z-index: 15; float: left; width: 75px; height: 75px;} } .box { clear: left; color: #666666; } input, textarea { background-color: #ffffff; padding: 3px; font-size: 9pt; font-family: courier new; color: #666666; border: 1px solid #000000; } textarea.textbox { width: 100% !important; border: 1px solid #000000; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: courier new; font-size: 9pt; line-height: 125%; background-color: #ffffff; color: #666666; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 9pt; font-family: courier new; color: #666666; } .commentbox { padding: 10px; margin: 10px; background-color: #ffffff; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #ffffff; } .commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #ffffff; background-color: #ffffff; } /* tiny icons */ /* Generated by Malionette's Tiny Icon Generator http://malionette.net/generator/tinylite.html */ span.i-ljuser img[src*="https://l-stat.livejournal.net/img/userinfo_v8.svg?v=17080?v=299"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/U46yKUE.png) no-repeat !important; padding: 13px 0 0 12px !important; } </textarea><br /><br /></center> </font> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="georgia, lucida, tahoma" size="6" color="#8A8A8A">Install Instructions</font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 01. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Go to customize and set your style to S2 & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 02. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 03. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Then copy & paste the CSS into the box & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 04. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> if you have any questions <a href="http://mixedfeeling.livejournal.com/597.html" target="_blank">check the faq first</a> </font> </div></td></tr> </table><a name='cutid1-end'></a></font></font></font></font> https://mixedfeeling.livejournal.com/26081.html?view=comments#comments #bbbbbb #fefefe #cc9999 #73c8cb #000000 #f5f5f5 #232323 #sidebar #666666 #eeeeee #header #footer #999999 #946063 #content #sidebar_tags #00deda #9f8449 #c5c5c5 #ffffff #ffbb0f #e6dcd6 #fff6ce #e2e7e1 #777777 #242424 #d6d5d5 #4ec6c9 style: flexible squares #888888 #fff #f9f9f9 #f3f3f3 #999 #maincontent #777 #77cfe0 #f2f2f2 #d3e2eb #cccccc #ddd #d0e504 #bbb #c9c9c9 #f7d411 #eaeaea public unreal 17986233 1 https://mixedfeeling.livejournal.com/25708.html Wed, 26 Dec 2018 22:48:57 GMT unreal https://mixedfeeling.livejournal.com/25708.html Back to the 80's. That is what this layout is about. I love this style of the 80's. This layout is named after the band Magic Dance.<br /><br /><table width="500" bgcolor="#ffffff" cellspacing="2" cellpadding="10" align="center"> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> <center><img src="https://i.postimg.cc/nhcTwstx/magicdancepreview.png" fetchpriority="high"><br /><a href="https://i.postimg.cc/CL4mNGXJ/magicdance.png" target="_blank" rel="nofollow">LARGER PREVIEW</a> // 1024x768 and up // IE9, FF & Chrome <br /></font></center> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"><center><br /><textarea> /* Cleaned CSS: */ /* Title: Magic Dance Creator: Unreal at mixedfeeling Style: Flexible Squares S2 */ @font-face { font-family: 'Major Mono Display'; font-style: normal; font-weight: 400; src: local('Major Mono Display Regular'), local('MajorMonoDisplay-Regular'), url(https://fonts.gstatic.com/s/majormonodisplay/v1/RWmVoLyb5fEqtsfBX9PDZIGr2tFubRh7DXeR.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; } /* latin */ @font-face { font-family: 'Coda'; font-style: normal; font-weight: 400; src: local('Coda Regular'), local('Coda-Regular'), url(https://fonts.gstatic.com/s/coda/v13/SLXHc1jY5nQ8FUUGaw.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; } BODY{ margin-left: ; background-color: #000; background-image: url("https://cdna.artstation.com/p/assets/images/images/012/476/178/large/rafael-de-jongh-80s-bg.jpg"); background-repeat:no-repeat; background-attachment: fixed; font-size: 11pt; color: #fff; font-family: Coda; } body{margin: 0; } b { color: #73c4bb; } i { color: #b300bc; } s { color: #73c4bb; } a, a:link, a:visited { font-family: Coda; cursor: default; color: #73c4bb; font-weight: none; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: Coda; cursor: default; color: #b300bc; font-weight: none; text-decoration: none; } blockquote { padding: 7px; color: #fff; font-size: 10pt; background: #221338; text-align: justify; border: 0px solid #e5e6ed; } #content { width: 900px; margin-top: 0px; margin-left: auto; margin-right: auto; background-image: url(""); background-repeat:; } #maincontent { margin: 18px 0px 0px 290px; } /* sidebar */ #sidebar { width: 270px; background: #; margin-top: 0px; margin-left: -5px; padding: 5px; color: #8f8f8f; font-family: Coda; font-size: 10pt; text-align: justify; float: left; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { font-family: Coda; font-size: 9pt; color: #fff; font-style: ; font-weight: none; } div#sidebar a:hover { text-decoration: none; color: #b300bc; } .defaultuserpic { width: 100px; height: 100px; margin-top: 10px; margin-left: 50px; padding: 7px; background-color: #f7f7f7 !important; text-align: center; display: none; } .defaultuserpic img { -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } .sbarheader { margin-top: 5px; padding: 0px 5px 0px 5px; background: #11081f; } .sbarbody { padding: 0px 7px 3px 10px; background: #11081f; } .sbarbody2 { padding: 0px 10px 5px 10px; background: #11081f; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 7px; padding-left: 7px; border: 0px solid #e1e1e1; background: #73c4bb; text-align: right; font-family: Coda; color: #fff; font-size: 8pt; } .sbarcalendarposts { padding-right: 7px; padding-left: 7px; border: 0px solid #e1e1e1; background: #73c4bb; text-align: right; font-family: Coda; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; max-height: 250px; overflow-x: auto; } li.sbaritem { margin: 2px 4px 2px 3px; padding: 2px 2px 2px 13px; list-style: none; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; border-bottom: 1px solid #221338; } li.sbaritem:hover { color: #b300bc; } li.sbartitle { width:260px; background-image: linear-gradient(to right, #73c4bb , #b300bc); margin-top: 8px; margin-left: -9px; list-style: none; text-align: center; font-weight: ; letter-spacing: 2px; padding: 0px 0px 0px 0px; color: #fff; font-family: Major Mono Display; font-size: 13pt; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #fff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 0px solid #e2e7e1; color: #9f8449; display: inline; font-family: calibri; font-size: 8pt; text-transform: uppercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} /* header, footer */ #header { background-image: linear-gradient(to right, #73c4bb , #b300bc); color: #000; padding-top: 0px; padding-bottom: 0px; text-align: center; font-family: Major Mono Display; font-size: 15pt; letter-spacing: 2px; } .lj-view-recent #footer, .lj-view-friends #footer { background-image: linear-gradient(to right, #73c4bb , #b300bc); margin-top: -20px; margin-bottom: -15px; padding: 8px 0px 8px 0px; text-align: left; text-transform: ; letter-spacing: 1px; font-family: Major Mono Display; font-size: 14pt; font-weight: ; color: #000; border-top: 0px solid #a0311e; } div#header a, div#header a:link, div#header a:visited{ font-family: Major Mono Display; padding: 5px;border-left: 0px solid #232323; margin:0 0 0 0px; letter-spacing: 2px; color: #fff; font-weight: ; } .lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link { font-family: Major Mono Display; color: #fff; font-size: 14pt; font-weight: ; padding: 5px 5px 5px 5px; text-transform: ; } div#header li.view:hover, div#header a:hover { color:#000; letter-spacing: 2px; } .lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover { font-family: Major Mono Display; color: #000; font-size: 14pt; font-weight: ; padding: 5px 5px 5px 5px; text-transform: ; } ul.navheader{ padding: 10px 5px 10px 0; margin: 0px; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } ul.navheader li a:hover { } div#header li.view { padding: 10px; margin:0 0 0 0px; } #footer .viewing { } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } /* title, substitle */ .title { text-align: center; color: #A6D1C8; font-family: verdana; font-size: 22pt; text-transform: uppercase; letter-spacing: 2pt; text-shadow: 0.08em 0.08em 0.05em #91c7bc; margin-top: -8px; padding-left: 8px; display: none; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } /* tags page, tags */ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 9pt; padding: 8px 8px 14px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: 5px; padding: 40px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 10pt; font-weight: normal; background: url(https://i.postimg.cc/850dfsrd/tags.png) 1px 1px no-repeat; padding-left: 20px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #fff; font-size: 10pt; text-transform: lowercase; } /* subcontent, entry */ .subcontent { padding-left: 10px; padding-top: 0px; background: #11081f; } .entry{ padding: 5px 15px 20px 0px; border-left: 0px solid #fff; border-right: solid #77cfe0 0px; margin: 5px 5px 0px 10px; color: #8f8f8f; font-family: Coda; font-size: 11pt; line-height: 14px; text-align: justify; min-height: 70px; } .entry ul li { padding-left: 10px; 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, userpic friends */ .userpic, .userpicfriends { position: relative; float: right; padding: 0px; margin-right: -130px; margin-left: 0px; margin-top: 0px; background-color: transparent !important; } .userpic img, .userpicfriends img { background: #11081f; border:6px solid #11081f; width: 100px; height: 100px; } .userpic font { color: #d6d5d5 !important; text-transform: uppercase; display: none; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; display: none; } .userpicfriends {font-size: 3; align: center;} .userpicfriends a{ display: ;} /* date, subject, comments, currents */ .date{ margin-top: 0px; text-align: left; padding: 10px 0px 0px 12px; color: #fff; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; } .subject { padding-left: 10px; padding-top:2px; padding-bottom:12px; font-weight: normal; padding-bottom: 2px; color: #fff; font-family: Spirax; font-size: 11pt; font-style: ; letter-spacing: 1px; text-align: left; } .subject a, .subject a:link, .subject a:visited { font-family: Major Mono Display; color: #b300bc; font-weight: ; font-size: 11pt; } .subject a:hover { color: #fff; } .datesubject { padding-top: 5px; padding-left: 0px; padding-bottom: 4px; margin-right: 8px; border-bottom: 1px solid #221338; } .currents strong, .currentmood strong, .currentmusic .currentlocation{ color: #c5c5c5; font-size: 9pt; text-transform: ; } .currents, .currentmood, .currentmusic, .currentlocation { color: #fff; font-size: 9pt; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #deff65; font-size: 10pt; font-weight: normal; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 10pt; font-weight: normal; } .currentlocation { padding-top: 6px; } .currentmood { padding-top: 6px; } .currentmusic { padding-top: 6px; } .currentgroups { padding-left: 20px; height: 18px; background: url('') 1px 1px no-repeat; } .comments { width: 604px; position: relative; background-image: linear-gradient(to right, #73c4bb , #b300bc); font-family: Coda; font-size: 9pt; text-align: left; font-weight: none; padding-top: 8px; padding-bottom: 6px; padding-left: 6px; margin-left: -20px; margin-bottom: -14px; top: 8px; text-transform:lowercase; letter-spacing: 0px; border-top: 0px solid #473d6c; } div.comments a, div.comments a:link, div.comments a:visited { padding: 3px; color: #fff; text-transform: uppercase; } div.comments a:hover { color: #000; text-transform: uppercase; } /* other */ .clear { display: none; height: 0px; } /* header */ .headerimage { position: relative; width: 900px; height: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url(''); background-repeat: no-repeat; } .separator { background-color: transparant; height: 15px; } .datesubjectcomment { background-color: #f7f7f7; padding: 5px; margin-top: 20px; color: #c9c9c9; border-bottom: 1px dashed #cccccc; } .userpiccomment { position: relative; top: -10px; margin: 0px 10px 0px 0px; z-index: 15; float: left; height: 100px; width: 100px; background: #f7f7f7; padding: 3px; border: 1px solid #cccccc; } input, textarea { background-color: #f7f7f7; padding: 3px; font-size: 10px; font-family: "Trebuchet Ms", sans-serif; color: #FF69B9; border: 1px solid #cccccc; } textarea.textbox { width: 100% !important; border: 1px solid #cccccc; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet Ms", sans-serif; font-size: 10px; line-height: 125%; background-color: #f7f7f7; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "verdana", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #f7f7f7; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #f7f7f7; } .commentinfo { background-color: #f7f7f7; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #fff; background-color: #f7f7f7; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; } /* tiny icons */ /* Generated by Malionette's 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://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/U46yKUE.png) no-repeat !important; padding: 13px 0 0 12px !important; } </textarea><br /><br /></center> </font> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="georgia, lucida, tahoma" size="6" color="#8A8A8A">Install Instructions</font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 01. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Go to customize and set your style to S2 & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 02. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 03. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Then copy & paste the CSS into the box & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 04. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> if you have any questions <a href="http://mixedfeeling.livejournal.com/597.html" target="_blank">check the faq first</a> </font> </div></td></tr> </table><a name='cutid1-end'></a></font></font></font></font> https://mixedfeeling.livejournal.com/25708.html?view=comments#comments #fefefe #91c7bc #73c8cb #f5f5f5 #8f8f8f #f7f7f7 #232323 #sidebar #ff69b9 #header #eeeeee #footer #deff65 #content #e1e1e1 #9f8449 #73c4bb #a6d1c8 #c5c5c5 #b300bc #473d6c #e6dcd6 #e5e6ed #e2e7e1 #a0311e #d6d5d5 style: flexible squares #888888 #fff #999 #221338 #maincontent #000 #77cfe0 #cccccc #d8d8d8 #bbb #c9c9c9 #11081f public unreal 17986233 9 https://mixedfeeling.livejournal.com/25472.html Tue, 25 Dec 2018 16:58:59 GMT unreal https://mixedfeeling.livejournal.com/25472.html Sort off. I am actualy working on a new layout. Not sure how many of you are still there. Anyway if you guys have questions check my <a href="https://mixedfeeling.livejournal.com/597.html" target="_blank">FAQ</a> first. I have gotten questions that where answered in there. https://mixedfeeling.livejournal.com/25472.html?view=comments#comments !mod public unreal 17986233 1 https://mixedfeeling.livejournal.com/25280.html Sun, 15 Oct 2017 14:58:42 GMT unreal https://mixedfeeling.livejournal.com/25280.html Halloween is nearing. What does that mean? That I made a scary layout. I might also make a vector halloween layout later.<br /><br /><table width="500" bgcolor="#ffffff" cellspacing="2" cellpadding="10" align="center"> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> <center><img src="https://i.imgur.com/MxyWXBS.png" fetchpriority="high"><br /><a href="https://i.imgur.com/J7SMH31.png" target="_blank" rel="nofollow">LARGER PREVIEW</a> // 1024x768 and up // IE9, FF & Chrome <br /></font></center> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"><center><br /><textarea> /* Cleaned CSS: */ /* Title: Corridors Creator: Brutal at mixedfeeling Style: Flexible Squares S2 */ @font-face { font-family: 'Spirax'; font-style: normal; font-weight: 400; src: local('Spirax-Regular'), url(https://fonts.gstatic.com/s/spirax/v5/iZydx-PXNWXEmZsjO9Z6Pw.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; } BODY{ margin-left: ; background-color: #000; background-image: url(""); background-repeat:; background-attachment: ; font-size: 9pt; color: #fff; font-family: "verdana", sans-serif; } body{margin: 0; } b { color: #473d6c; } i { color: #473d6c; } s { color: #a0311e; } a, a:link, a:visited { font-family: verdana; cursor: default; color: #473d6c; font-weight: none; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: verdana; cursor: default; color: #c5c5c5; font-weight: none; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #fff; font-size: 8pt; background: #171717; text-align: justify; border: 0px solid #e5e6ed; } #content { width: 900px; margin-top: 0px; margin-left: auto; margin-right: auto; background-image: url("https://i.imgur.com/EIfP3Gc.png"); background-repeat:; } #maincontent { margin: 10px 15px 0px 275px; } /* sidebar */ #sidebar { width: 245px; background: #; margin-top: -5px; margin-left: 10px; padding: 5px; color: #8f8f8f; font-family: verdana; font-size: 8pt; text-align: justify; float: left; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { font-family: verdana; font-size: 9pt; color: #fff; font-style: ; font-weight: none; } div#sidebar a:hover { text-decoration: none; color: #000; } .defaultuserpic { width: 100px; height: 100px; margin-top: 10px; margin-left: 50px; padding: 7px; background-color: #f7f7f7 !important; text-align: center; display: none; } .defaultuserpic img { -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } .sbarheader { margin-top: 5px; padding: 0px 5px 0px 5px; background: #1f1f1f; } .sbarbody { padding: 0px 5px 5px 5px; background: #1f1f1f; } .sbarbody2 { padding: 0px 10px 5px 10px; background: #1f1f1f; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 7px; padding-left: 7px; border: 0px solid #e1e1e1; background: #f2f2f2; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } .sbarcalendarposts { padding-right: 7px; padding-left: 7px; border: 0px solid #e1e1e1; background: #f2f2f2; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; max-height: 250px; overflow-x: auto; } li.sbaritem { background: #473d6c; margin: 0px 7px 0px 2px; padding: 4px 0px 4px 8px; list-style: none; border-bottom: 1px solid #1f1f1f; } li.sbaritem:hover { background: #a0311e; } li.sbartitle { width:250px; background: #a0311e; margin-top: 5px; margin-left: -15px; list-style: none; text-align: center; font-weight: ; letter-spacing: 2px; padding: 0px 0px 0px 0px; color: #fff; font-family: Spirax; font-size: 13pt; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #fff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 0px solid #e2e7e1; color: #9f8449; display: inline; font-family: calibri; font-size: 8pt; text-transform: uppercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} /* header, footer */ #header { background: #473d6c; color: #000; padding-top: 0px; padding-bottom: 0px; text-align: center; font-family: Spirax; font-size: 15pt; letter-spacing: 2px; font-weight: ; text-transform: ; border-bottom: 4px solid #a0311e; } .lj-view-recent #footer, .lj-view-friends #footer { background: #473d6c; margin-top: -20px; margin-bottom: -15px; padding: 8px 0px 8px 0px; text-align: left; text-transform: ; letter-spacing: 1px; font-family: Spirax; font-size: 14pt; font-weight: ; color: #000; border-top: 4px solid #a0311e; } div#header a, div#header a:link, div#header a:visited{ font-family: Spirax; padding: 5px;border-left: 0px solid #232323; margin:0 0 0 0px; letter-spacing: 2px; color: #fff; font-weight: ; } .lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link { font-family: Spirax; color: #fff; font-size: 14pt; font-weight: ; padding: 5px 5px 5px 5px; text-transform: ; } div#header li.view:hover, div#header a:hover { color:#000; letter-spacing: 2px; } .lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover { font-family: Spirax; color: #000; font-size: 14pt; font-weight: ; padding: 5px 5px 5px 5px; text-transform: ; } ul.navheader{ padding: 10px 5px 10px 0; margin: 0px; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } ul.navheader li a:hover { } div#header li.view { padding: 10px; margin:0 0 0 0px; } #footer .viewing { } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } /* title, substitle */ .title { text-align: center; color: #A6D1C8; font-family: verdana; font-size: 22pt; text-transform: uppercase; letter-spacing: 2pt; text-shadow: 0.08em 0.08em 0.05em #91c7bc; margin-top: -8px; padding-left: 8px; display: none; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } /* tags page, tags */ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 8pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #fff; font-size: 8pt; text-transform: lowercase; font-weight: light; } /* subcontent, entry */ .subcontent { padding-left: 10px; padding-top: 0px; background: #1f1f1f; } .entry{ padding: 5px 15px 20px 0px; border-left: 0px solid #fff; border-right: solid #77cfe0 0px; margin: 5px 5px 0px 10px; color: #8f8f8f; font-family: verdana; font-size: 9pt; line-height: 14px; text-align: justify; min-height: 70px; } .entry ul li { padding-left: 10px; 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, userpic friends */ .userpic, .userpicfriends { position: relative; float: right; padding: 0px; margin-right: 5px; margin-left: 0px; margin-top: 5px; background-color: #c177f0 !important; } .userpic img, .userpicfriends img { background-color: #f0f0f0; width: 50px; height: 50px; } .userpic font { color: #d6d5d5 !important; text-transform: uppercase; display: none; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; display: none; } .userpicfriends {font-size: 3; align: center;} .userpicfriends a{ display: none;} /* date, subject, comments, currents */ .date{ margin-top: 0px; text-align: left; padding: 10px 0px 0px 12px; color: #fff; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; } .subject { padding-left: 10px; padding-top:2px; padding-bottom:12px; font-weight: normal; padding-bottom: 2px; color: #fff; font-family: Spirax; font-size: 12pt; font-style: ; letter-spacing: 1px; text-align: left; } .subject a, .subject a:link, .subject a:visited { font-family: Spirax; color: #a0311e; font-weight: ; font-size: 12pt; } .subject a:hover { color: #000; } .datesubject { background: #1f1f1f; padding-top: 5px; padding-left: 0px; padding-bottom: 4px; margin-right: 8px; border-bottom: 1px solid #2d2d2d; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 8pt; text-transform: ; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 8pt; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #deff65; font-size: 8pt; font-weight: normal; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 8pt; font-weight: normal; } .currentlocation { background: url('http://i.imgur.com/JuFjEBd.png') 2px 2px no-repeat; padding-left: 24px; } .currentmood { background: url('http://i.imgur.com/oXriPpT.png') 2px 2px no-repeat; padding-left: 24px; padding-bottom: 3px; } .currentmusic { background: url('http://i.imgur.com/MRrq0hk.png') 2px 0px no-repeat; padding-left: 24px; padding-bottom: 2px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { width: 595px; position: relative; background: #a0311e; font-family: "Trebuchet Ms", sans-serif; font-size: 8pt; text-align: left; font-weight: none; padding: 8px; margin-left: -20px; margin-bottom: -12px; top: 8px; text-transform:lowercase; letter-spacing: 0px; border-top: 1px solid #473d6c; } div.comments a, div.comments a:link, div.comments a:visited { padding: 3px; color: #fff; text-transform: uppercase; } div.comments a:hover { color: #000; text-transform: uppercase; } /* other */ .clear { display: none; height: 0px; } /* header */ .headerimage { position: relative; width: 900px; height: 300px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url('https://i.imgur.com/PzvdCFP.png'); background-repeat: no-repeat; } .separator { background-color: transparant; height: 15px; } .datesubjectcomment { background-color: #f7f7f7; padding: 5px; margin-top: 20px; color: #c9c9c9; border-bottom: 1px dashed #cccccc; } .userpiccomment { position: relative; top: -10px; margin: 0px 10px 0px 0px; z-index: 15; float: left; height: 100px; width: 100px; background: #f7f7f7; padding: 3px; border: 1px solid #cccccc; } input, textarea { background-color: #f7f7f7; padding: 3px; font-size: 10px; font-family: "Trebuchet Ms", sans-serif; color: #FF69B9; border: 1px solid #cccccc; } textarea.textbox { width: 100% !important; border: 1px solid #cccccc; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet Ms", sans-serif; font-size: 10px; line-height: 125%; background-color: #f7f7f7; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "verdana", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #f7f7f7; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #f7f7f7; } .commentinfo { background-color: #f7f7f7; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #fff; background-color: #f7f7f7; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; } /* tiny icons */ /* Generated by Malionette's 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://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/U46yKUE.png) no-repeat !important; padding: 13px 0 0 12px !important; } </textarea><br /><br /></center> </font> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="georgia, lucida, tahoma" size="6" color="#8A8A8A">Install Instructions</font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 01. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Go to customize and set your style to S2 & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 02. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 03. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Then copy & paste the CSS into the box & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 04. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> if you have any questions <a href="http://mixedfeeling.livejournal.com/597.html" target="_blank">check the faq first</a> </font> </div></td></tr> </table><a name='cutid1-end'></a></font></font></font></font> https://mixedfeeling.livejournal.com/25280.html?view=comments#comments style: flexible squares public unreal 17986233 2 https://mixedfeeling.livejournal.com/24950.html Sun, 30 Jul 2017 13:05:44 GMT unreal https://mixedfeeling.livejournal.com/24950.html So with the photobucket fiasco the grey arrow I used for the sidebar links broke. There are to many layouts to fix so I'm giving you the new link to the arrow instead: <a target='_blank' href='https://i.imgur.com/i6g9te4.gif' rel='nofollow'>https://i.imgur.com/i6g9te4.gif</a> https://mixedfeeling.livejournal.com/24950.html?view=comments#comments !mod public unreal 17986233 0 https://mixedfeeling.livejournal.com/24805.html Fri, 28 Apr 2017 14:40:58 GMT unreal https://mixedfeeling.livejournal.com/24805.html So livejournal seems to have changed the url of their usericon again. Meaning the code to change the usericon broke again. I can't fix all the codes so I am giving you the new url to change it yourself.<br /><br /><blockquote>userinfo.gif is now userinfo_v8.svg</blockquote> https://mixedfeeling.livejournal.com/24805.html?view=comments#comments !mod public unreal 17986233 0 https://mixedfeeling.livejournal.com/24567.html Tue, 14 Mar 2017 20:06:14 GMT unreal https://mixedfeeling.livejournal.com/24567.html Here isa new layout. For the second time a container layout. This one is version 1 because I might also make a non container version of it.<br /><br /><table width="500" bgcolor="#ffffff" cellspacing="2" cellpadding="10" align="center"> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> <center><img src="https://i.imgur.com/H1Ss6zb.png" fetchpriority="high"><br /><a href="http://i.imgur.com/oRMI7jn.png" target="_blank" rel="nofollow">LARGER PREVIEW</a> // 1024x768 and up // IE9, FF & Chrome <br /></font></center> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"><center><br /><textarea> /* Cleaned CSS: */ /* Title: Colourblock V1 Creator: Blame at mixedfeeling Style: Flexible Squares S2 */ BODY{ margin-left: ; background-image: url("http://i.imgur.com/Cag339x.png"); background-repeat: no-repeat; background-position: top right; text-align: left; font-size: 10pt; color: #666666; font-family: helvetica; } body{margin: 0; } a, a:link, a:visited { font-family: "arial" Helvetica, sans-serif; cursor: default; color: #fcbc10; font-weight: none; text-transform: lowercase; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: "arial" Helvetica, sans-serif; cursor: default; color: #c5c5c5; font-weight: none; text-transform: lowercase; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 7pt; border-top: 2px solid #e4255e; border-bottom: 2px solid #fcbc10; background: #f4f4f4; background-repeat: repeat; text-align: justify; } #content { width: 1025px; margin-left: auto; margin-right: auto; margin-top: 50px; padding: 5px; background: #ffffff; background-image: url(""); background-repeat: repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px !important; border-radius: 10px; border: 0px solid #404040; box-shadow: 2px 2px 2px #e6ab0d; } #maincontent { margin: -356px 255px 0px 235px; max-height: 400px; overflow: auto; background-color: #ffffff; } /* sidebar */ #sidebar { width: 225px; padding-top: 0px; padding-left: 2px; padding-right: 10px; margin-top: -356px; margin-right: 5px; background: #ffffff; color: #666666; font-family: helvetica; font-size: 7pt; line-height: 12pt; text-align: justify; float: right; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #fcbc10; text-decoration: none; font-weight: bold; } div#sidebar a:hover { text-decoration: none; color: #666666; } .defaultuserpic { text-align: center; border-color: 10px solid #FEFEFE; display: none; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 3px 0px 3px; } .sbarbody2 { padding: 8px 8px 8px 8px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 5px; padding-left: 5px; border: px solid #ddd; background: #f9f9f9; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } .sbarcalendarposts { padding-right: 5px; padding-left: 5px; border: 0px solid #ddd; background: #f9f9f9; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 2px 4px 2px 3px; padding: 2px 2px 2px 13px; list-style: none; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; border-bottom: 1px #f3f3f3 solid; } li.sbartitle { list-style: none; margin-top: 0px; margin-left: -3px; text-align: left; font-weight: bold; padding: 3px 5px 3px 10px; color: #fff; font-family: "arial" Helvetica, sans-serif; font-size: 12pt; background: #e4255e; text-transform: uppercase; letter-spacing: 0px; display: ; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #ffffff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 2px solid #e2e7e1; color: #9f8449; display: block; font-family: tahoma; font-size: 8pt; text-transform: lowercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} /* header, footer */ #header { width: 200px; height: 350px; background: #ffffff; color: #000000; padding: 5px; margin-left: 10px; margin-right: 10px; text-align: left; font-family: helvetica; font-size: 1em; font-weight: bold; text-transform: uppercase; background-image: url(""); background-repeat: no-repeat; background-position: bottom; } #footer { width: 190px; padding: 5px; margin-left: 15px; margin-right: 25px; text-align: left; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; background: #ffffff; font-size: 1em; color: #FFFFFF; z-index: 100; position: fixed; top:530px; background: #e4255e; } div#header a, div#header a:link, div#header a:visited{ font-family: helvetica; color:#fcbc10; text-transform: uppercase; margin:0 0 0 0px; padding: 1px 5px 1px 5px; } div#footer a, div#footer a:link, div#footer a:visited { font-family: helvetica; color: #ffffff; font-size: 1em; padding: 5px; text-transform: uppercase; border-top: 0px solid #d3e2eb; } div#header a:hover { font-family: helvetica; color:#000000; text-transform: uppercase; padding: 1px 5px 1px 5px; } div#footer a:hover { font-family: helvetica; color: #000000; font-size: 1em; padding: 5px; text-transform: uppercase; } ul.navheader{ width: 200px; padding: 0px 0 0 0px; margin: 0px; } ul.navheader li { display: block; padding: 5px; margin-top: 5px; list-style-type: none; background: #ffffff; border-bottom: 2px solid #e4255e; } ul.navheader li:hover { background: #ffffff; } div#header li.view { padding: 5px 5px 5px 10px; margin:0px 0px 0px 0px; background: #ffffff; } #footer .viewing { display:none; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } /* title, substitle */ .title { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } /* tags page, tags */ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 7pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 7pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #E8D38D; font-size: 7pt; text-transform: lowercase; font-weight: light; } /* subcontent, entry */ .subcontent { padding-left: 0px; padding-top: 10px; border-left:1px solid #f1f1f1; background: #ffffff; } .entry{ padding: 0px 20px 20px 20px; border-left: 0px solid #ffffff; border-right: solid #77cfe0 0px; margin: 0px 0px 0px 0px; color: #4F4F4F; font-family: "helvetica" arial, sans-serif; font-size: 8pt; line-height: 11pt; text-align: justify; background: #ffffff; } .entry ul li { padding-left: 10px; 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, userpic friends */ .userpic { display: ; position: relative; float: right; padding: 0px; margin-right: 10px; margin-left: 10px; margin-top: 0px; z-index: 15; background-color: #ffffff !important; margin-left: 10px !important; text-align: center; font-family: helvetica } .userpicfriends { display: ; position: relative; float: right; background-color: #ffffff !important; padding: 0px; margin-right: 10px; margin-left: 10px !important; margin-top: 0px; z-index: 15; border: 0px solid #946063; text-align: center; font-family: helvetica; font-size: 8pt; z-index: 15; } .userpic img, .userpicfriends img, .defaultuserpic img{ background: #F3E6BA; padding:0px; border-width: 0px; border-color: #cc9999; border-style: solid; width: 75px; height: 75px;} .userpic font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends {font-size: 3; align: right;} .userpicfriends a{ display: yes;} .userpicfriends br { display: block; height: 0; } /* date, subject, comments, currents */ .date{ margin-left: 0px; margin-top: 0px; text-align: left; padding-left: 15px; color: #fff; font-family: "verdana" Helvetica, sans-serif; font-size: 10pt; border-bottom: 0px solid #f7f7f7; border-right: solid #77cfe0 0px; text-transform: lowercase; } .subject { padding-left: 15px; margin-bottom:0px; padding-top:0px; font-weight: normal; padding-bottom: 0px; color: #787878; font-family: "georgia" Helvetica, sans-serif; font-size: 11pt; border-right: solid #77cfe0 0px; text-transform: lowercase; letter-spacing: 1px; } .subject a, .subject a:link, .subject a:visited { font-family: "georgia" Helvetica, sans-serif; color: #e4255e; text-transform: lowercase; } .subject a:hover { color: #999; } .datesubject { margin-left: 5px; margin-bottom: 10px; margin-top: 10px; padding: 5px; background-color: #fcbc10; border: 3px solid #e4255e; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 7pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 7pt; text-transform: lowercase; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #f40153; font-size: 7pt; text-transform: uppercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 7pt; font-weight: light; text-transform: lowercase; } .currentlocation { height: 16px; background: url('http://img5.imageshack.us/img5/3871/045t.png') 4px 2px no-repeat; padding-left: 18px; } .currentmood { background: url('http://img25.imageshack.us/img25/9614/035a.png') 4px 2px no-repeat; padding-left: 18px; padding-bottom: 2px; } .currentmusic { height: 18px; background: url('http://img5.imageshack.us/img5/7127/056m.png') 4px 2px no-repeat; padding-left: 18px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { font-family: "Verdana", sans-serif; font-size: 7pt; text-align: right; font-weight: none; padding: 8px; position: relative; top: 0px; border-bottom: solid #f3f3f3 1px; background-image: url(' '); background-repeat: repeat; text-transform:lowercase; letter-spacing: 0px; } div.comments a, div.comments a:link, div.comments a:visited { color: #666666; text-transform: uppercase; } div.comments a:hover { color: #bbbbbb; text-transform: uppercase; } /* other */ .clear { display: none; height: 0px; } /* header */ .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: #f1f1f1; background-image: url(''); background-repeat: repeat-x; height: 0px; } .datesubjectcomment { background-color: #ffffff; padding: 5px; margin-top: 20px; color: #c9c9c9; } .userpiccomment { position: relative; top: -10px; padding: 4px; margin: 0px 10px -20px 0px; z-index: 15; float: left; width: 75px; height: 75px;} } .box { clear: left; color: #666666; } input, textarea { background-color: #ffffff; padding: 3px; font-size: 9pt; font-family: courier new; color: #666666; border: 1px solid #000000; } textarea.textbox { width: 100% !important; border: 1px solid #000000; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: courier new; font-size: 9pt; line-height: 125%; background-color: #ffffff; color: #666666; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 9pt; font-family: courier new; color: #666666; } .commentbox { padding: 10px; margin: 10px; background-color: #ffffff; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #ffffff; } .commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #ffffff; background-color: #ffffff; } /* tiny icons */ /* Generated by Malionette's 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://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/U46yKUE.png) no-repeat !important; padding: 13px 0 0 12px !important; } </textarea><br /></center> </font> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="georgia, lucida, tahoma" size="6" color="#8A8A8A">Install Instructions</font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 01. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Go to customize and set your style to S2 & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 02. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 03. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Then copy & paste the CSS into the box & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 04. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Header can be changed through <a href='https://www.livejournal.com/rsearch/?tags=%23header'>#header</a>. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 05. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> if you have any questions <a href="http://mixedfeeling.livejournal.com/597.html" target="_blank">check the faq first</a> </font> </div></td></tr> </table><a name='cutid1-end'></a></font></font></font></font></font> https://mixedfeeling.livejournal.com/24567.html?view=comments#comments style: flexible squares public unreal 17986233 1 https://mixedfeeling.livejournal.com/24314.html Sat, 18 Feb 2017 16:03:56 GMT unreal https://mixedfeeling.livejournal.com/24314.html So I got the second colour version done so here it is. I hope you guys like this one.<br /><br /><table width="500" bgcolor="#ffffff" cellspacing="2" cellpadding="10" align="center"> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> <center><img src="https://i.imgur.com/D8AkW8z.png" fetchpriority="high"><br /><a href="http://i.imgur.com/XpzKwou.png" target="_blank" rel="nofollow">LARGER PREVIEW</a> // 1024x768 and up // IE9, FF & Chrome <br /></font></center> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"><center><br /><img src="https://i.imgur.com/K3AvYJS.png" loading="lazy"><br /><textarea> /* Cleaned CSS: */ /* Cleaned CSS: */ /* Title: Watercolour Waves Creator: Brutal at mixedfeeling Style: Flexible Squares S2 */ @font-face { font-family: 'Pacifico'; font-style: normal; font-weight: 400; src: url('https://dl.dropboxusercontent.com/u/11097687/Pacifico.eot'); } @font-face { font-family: 'Pacifico'; font-style: normal; font-weight: 400; src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); } BODY{ margin-left: ; background-color: #dff2ff; background-image: url(""); background-repeat:; background-position: ; background-attachment: ; text-align: left; font-size: 9pt; color: #764e37; font-family: "trebuchet ms", sans-serif; } body{margin: 0; } b { color: #aacbec; } i { color: #a684e9; } a, a:link, a:visited { font-family: "arial" Helvetica, sans-serif; cursor: default; color: #a684e9; font-weight: none; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: "arial" Helvetica, sans-serif; cursor: default; color: #c5c5c5; font-weight: none; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #764e37; font-size: 8pt; background: #dff2ff; background-repeat: repeat; text-align: justify; } #content { width: 870px; margin-left: auto; margin-right: auto; margin-top: 10px; } #maincontent { margin: 10px 220px 0px 0px; } /* sidebar */ #sidebar { width: 195px; margin-top: 10px; padding: 5px; color: #764e37; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 10pt; line-height: 12pt; text-align: justify; float: right; background: #; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: 0px 0px 0px #aacbec; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #a684e9; text-decoration: none; font-weight: bold; text-transform: uppercase; } div#sidebar a:hover { text-decoration: none; text-transform: uppercase; color: #666666; } .defaultuserpic { text-align: center; border-color: 10px solid #abddb1; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 3px 0px 3px; } .sbarbody2 { padding: 0px 8px 8px 8px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 6px; padding-left: 6px; border: px solid #ddd; background: #cde5f6; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #fff; font-size: 8pt; } .sbarcalendarposts { padding-right: 6px; padding-left: 6px; border: 0px solid #ddd; background: #cde5f6; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } #sidebar_linklist a, #sidebar_tags a {display: block; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; padding-left: 15px; border-bottom: 1px solid #c5dff1; font-size: 7pt;} li.sbartitle { list-style: none; margin-top: 0px; margin-left: 0px; text-align: center; font-weight: ; padding: 10px; color: #fff; font-family: "Pacifico" Helvetica, sans-serif; font-size: 12pt; letter-spacing: 1px; background-image: url("http://i.imgur.com/wFovKNY.png"); background-repeat:no-repeat; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #fff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 2px solid #e2e7e1; color: #9f8449; display: block; font-family: tahoma; font-size: 8pt; text-transform: lowercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} /* header, footer */ #header { color: #000000; margin-right: 0px; text-align: center; font-family: Pacifico; font-size: 18pt; font-weight: normal; text-transform: ; padding: 0 5px 0px 0px; border-top: 2px dashed #c5dff1; border-bottom: 2px dashed #c5dff1; } .lj-view-recent #footer, .lj-view-friends #footer { width: auto; margin-top: -10px; margin-bottom: -20px; padding: 3px; text-align: right; text-transform: lowercase; letter-spacing: 1px; font-size: 16pt; color: #fff; border-top: 2px dashed #c5dff1; border-bottom: 2px dashed #c5dff1; } #header a { font-family: Pacifico; color: #a684e9; } .lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link { font-family: "Arial" Helvetica, sans-serif; color: #a684e9; font-size: 16pt; padding: 3px; text-transform: lowercase; border-top: 0px solid #d3e2eb; } div#header a:hover { color:#000000; } .lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover { font-family: "Arial" Helvetica, sans-serif; color: #000000; font-size: 16pt; padding: 3px; text-transform: lowercase; } ul.navheader{ padding: 3px 0; margin: 0px; background-position:left; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } #footer .viewing { display:none; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } /* title, substitle */ .title { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } /* tags page, tags */ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 8pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #a684e9; font-size: 8pt; text-transform: lowercase; font-weight: light; } /* subcontent, entry */ .subcontent { padding-left: 10px; padding-top: 10px; padding-bottom: 10px; background: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: 2px 2px 2px #aacbec; } .entry{ padding: 0px 20px 20px 0px; border-left: 0px solid #fff; border-right: solid #77cfe0 0px; margin: 0px 0px 0px 10px; color: #764e37; font-family: "trebuchet ms" Helvetica, sans-serif; font-size: 9pt; text-align: justify; background: ; min-height: 120px; } .entry ul li { padding-left: 10px; 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, userpic friends */ .userpic { display: ; position: relative; float: left; padding: 0px; margin-right: -120px; margin-left: 10px !important; margin-top: -10px; z-index: 15; background-color: transparent !important; } .userpicfriends { display: ; position: absolute; float: left; padding: 0px; margin-right: 10px; margin-left: -135px !important; margin-top: 55px; background-color: transparent !important; z-index: 15; text-align: right; font-family: "arial", sans-serif; font-size: 8pt; z-index: 15; } .userpic img, .userpicfriends img, .defaultuserpic img{ background: #aacbec; padding: 5px; width: 100px; height: 100px; border: 0px solid #d8d8d8; } .userpic font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends {font-size: 3; align: right;} .userpicfriends a{ display: yes;} .userpicfriends br { display: block; height: 0; } /* date, subject, comments, currents */ .date{ width:130px; margin-left: -160px; margin-top: 0px; text-align: left; padding: 15px; color: #fff; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; background-image: url("http://i.imgur.com/K4dDu8M.png"); background-repeat: no-repeat; } .subject { padding-top:0px; padding-left: 10px; margin-top: -45px; margin-bottom:0px; font-weight: normal; padding-bottom: 2px; color: #FF80B9; font-family: "arial" Helvetica, sans-serif; font-size: 8pt; border-right: solid #77cfe0 0px; text-transform: uppercase; letter-spacing: 1px; } .subject a, .subject a:link, .subject a:visited { font-family: "arial" Helvetica, sans-serif; color: #a684e9; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; } .subject a:hover { color: #999; } .datesubject { margin-top: 0px; padding: 0px; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 8pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 8pt; text-transform: lowercase; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #FF69B9; font-size: 8pt; text-transform: uppercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 8pt; font-weight: light; text-transform: lowercase; } .currentlocation { height: 16px; background: url('http://i39.tinypic.com/2qd61p3.png') 1px 1px no-repeat; padding-left: 18px; } .currentmood { height: 18px; background: url('http://i46.tinypic.com/2hoidm8.gif') 4px 4px no-repeat; padding-left: 18px; } .currentmusic { height: 18px; background: url('http://i44.tinypic.com/2dwhszn.png') 1px 1px no-repeat; padding-left: 18px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { font-family: "Trebuchet Ms", sans-serif; font-size: 7pt; text-align: right; font-weight: none; color: #000; padding: 14px; position: relative; top: 20px; margin-left: 0px; margin-bottom: 0px; text-transform:lowercase; letter-spacing: 0px; background-image: url("http://i.imgur.com/wFovKNY.png"); background-repeat:no-repeat; background-position: right; } div.comments a, div.comments a:link, div.comments a:visited { color: #fff; text-transform: uppercase; } div.comments a:hover { color: #000; text-transform: uppercase; } /* other */ .clear { display: none; height: 0px; } /* header */ .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: ; background-image: url(''); background-repeat: repeat-x; height: 15px; } .datesubjectcomment { background-color: #fff; padding: 5px; margin-top: 20px; color: #c9c9c9; border-bottom: 1px dashed #cccccc; } .userpiccomment { position: relative; top: -10px; margin: 0px 10px 0px 0px; z-index: 15; float: left; height: 100px; width: 100px; background: #fff; padding: 3px; border: 1px solid #cccccc; } .box { clear: left; color: #242424; } input, textarea { background-color: #fff; padding: 3px; font-size: 10px; font-family: "Trebuchet Ms", sans-serif; color: #FF69B9; border: 1px solid #cccccc; } textarea.textbox { width: 100% !important; border: 1px solid #cccccc; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet Ms", sans-serif; font-size: 10px; line-height: 125%; background-color: #fff; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "verdana", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #fff; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #fff; } .commentinfo { background-color: #fff; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #fff; background-color: #fff; } /* tiny icons */ /* Generated by Malionette's 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://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/K9JN5.png) no-repeat !important; padding: 16px 0 0 16px !important; } </textarea><br /><br /><img src="https://i.imgur.com/serDvtN.png" loading="lazy"><br /><a href="http://i.imgur.com/jIiPiJb.png" target="_blank" rel="nofollow">LARGER PREVIEW</a><br /><textarea> /* Cleaned CSS: */ /* Cleaned CSS: */ /* Title: Watercolour Waves Creator: Brutal at mixedfeeling Style: Flexible Squares S2 */ @font-face { font-family: 'Pacifico'; font-style: normal; font-weight: 400; src: url('https://dl.dropboxusercontent.com/u/11097687/Pacifico.eot'); } @font-face { font-family: 'Pacifico'; font-style: normal; font-weight: 400; src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); } BODY{ margin-left: ; background-color: #ffe8f7; background-image: url(""); background-repeat:; background-position: ; background-attachment: ; text-align: left; font-size: 9pt; color: #764e37; font-family: "trebuchet ms", sans-serif; } body{margin: 0; } b { color: #e399ca; } i { color: #e89c81; } a, a:link, a:visited { font-family: "arial" Helvetica, sans-serif; cursor: default; color: #e89c81; font-weight: none; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: "arial" Helvetica, sans-serif; cursor: default; color: #c5c5c5; font-weight: none; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #764e37; font-size: 8pt; background: #ffe8f7; background-repeat: repeat; text-align: justify; } #content { width: 870px; margin-left: auto; margin-right: auto; margin-top: 10px; } #maincontent { margin: 10px 220px 0px 0px; } /* sidebar */ #sidebar { width: 195px; margin-top: 10px; padding: 5px; color: #764e37; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 10pt; line-height: 12pt; text-align: justify; float: right; background: #; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: 0px 0px 0px #aacbec; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #e89c81; text-decoration: none; font-weight: bold; text-transform: uppercase; } div#sidebar a:hover { text-decoration: none; text-transform: uppercase; color: #666666; } .defaultuserpic { text-align: center; border-color: 10px solid #abddb1; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 3px 0px 3px; } .sbarbody2 { padding: 0px 8px 8px 8px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 6px; padding-left: 6px; border: px solid #ddd; background: #cde5f6; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #fff; font-size: 8pt; } .sbarcalendarposts { padding-right: 6px; padding-left: 6px; border: 0px solid #ddd; background: #cde5f6; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } #sidebar_linklist a, #sidebar_tags a {display: block; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; padding-left: 15px; border-bottom: 1px solid #e399ca; font-size: 7pt;} li.sbartitle { list-style: none; margin-top: 0px; margin-left: 0px; text-align: center; font-weight: ; padding: 10px; color: #fff; font-family: "Pacifico" Helvetica, sans-serif; font-size: 12pt; letter-spacing: 1px; background-image: url("http://i.imgur.com/pQg4heH.png"); background-repeat:no-repeat; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #fff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 2px solid #e2e7e1; color: #9f8449; display: block; font-family: tahoma; font-size: 8pt; text-transform: lowercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} /* header, footer */ #header { color: #000000; margin-right: 0px; text-align: center; font-family: Pacifico; font-size: 18pt; font-weight: normal; text-transform: ; padding: 0 5px 0px 0px; border-top: 2px dashed #e399ca; border-bottom: 2px dashed #e399ca; } .lj-view-recent #footer, .lj-view-friends #footer { width: auto; margin-top: -10px; margin-bottom: -20px; padding: 3px; text-align: right; text-transform: lowercase; letter-spacing: 1px; font-size: 16pt; color: #fff; border-top: 2px dashed #e399ca; border-bottom: 2px dashed #e399ca; } #header a { font-family: Pacifico; color: #e89c81; } .lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link { font-family: "Arial" Helvetica, sans-serif; color: #e89c81; font-size: 16pt; padding: 3px; text-transform: lowercase; border-top: 0px solid #d3e2eb; } div#header a:hover { color:#000000; } .lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover { font-family: "Arial" Helvetica, sans-serif; color: #000000; font-size: 16pt; padding: 3px; text-transform: lowercase; } ul.navheader{ padding: 3px 0; margin: 0px; background-position:left; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } #footer .viewing { display:none; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } /* title, substitle */ .title { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } /* tags page, tags */ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 8pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #e89c81; font-size: 8pt; text-transform: lowercase; font-weight: light; } /* subcontent, entry */ .subcontent { padding-left: 10px; padding-top: 10px; padding-bottom: 10px; background: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: 2px 2px 2px #e399ca; } .entry{ padding: 0px 20px 20px 0px; border-left: 0px solid #fff; border-right: solid #77cfe0 0px; margin: 0px 0px 0px 10px; color: #764e37; font-family: "trebuchet ms" Helvetica, sans-serif; font-size: 9pt; text-align: justify; background: ; min-height: 120px; } .entry ul li { padding-left: 10px; 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, userpic friends */ .userpic { display: ; position: relative; float: left; padding: 0px; margin-right: -120px; margin-left: 10px !important; margin-top: -10px; z-index: 15; background-color: transparent !important; } .userpicfriends { display: ; position: absolute; float: left; padding: 0px; margin-right: 10px; margin-left: -135px !important; margin-top: 55px; background-color: transparent !important; z-index: 15; text-align: right; font-family: "arial", sans-serif; font-size: 8pt; z-index: 15; } .userpic img, .userpicfriends img, .defaultuserpic img{ background: #e399ca; padding: 5px; width: 100px; height: 100px; border: 0px solid #d8d8d8; } .userpic font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends {font-size: 3; align: right;} .userpicfriends a{ display: yes;} .userpicfriends br { display: block; height: 0; } /* date, subject, comments, currents */ .date{ width:130px; margin-left: -160px; margin-top: 0px; text-align: left; padding: 15px; color: #fff; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; background-image: url("http://i.imgur.com/2rCrWbU.png"); background-repeat: no-repeat; } .subject { padding-top:0px; padding-left: 10px; margin-top: -45px; margin-bottom:0px; font-weight: normal; padding-bottom: 2px; color: #e89c81; font-family: "arial" Helvetica, sans-serif; font-size: 8pt; border-right: solid #77cfe0 0px; text-transform: uppercase; letter-spacing: 1px; } .subject a, .subject a:link, .subject a:visited { font-family: "arial" Helvetica, sans-serif; color: #e89c81; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; } .subject a:hover { color: #999; } .datesubject { margin-top: 0px; padding: 0px; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 8pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 8pt; text-transform: lowercase; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #FF69B9; font-size: 8pt; text-transform: uppercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 8pt; font-weight: light; text-transform: lowercase; } .currentlocation { height: 16px; background: url('http://i39.tinypic.com/2qd61p3.png') 1px 1px no-repeat; padding-left: 18px; } .currentmood { height: 18px; background: url('http://i46.tinypic.com/2hoidm8.gif') 4px 4px no-repeat; padding-left: 18px; } .currentmusic { height: 18px; background: url('http://i44.tinypic.com/2dwhszn.png') 1px 1px no-repeat; padding-left: 18px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { font-family: "Trebuchet Ms", sans-serif; font-size: 7pt; text-align: right; font-weight: none; color: #000; padding: 14px; position: relative; top: 20px; margin-left: 0px; margin-bottom: 0px; text-transform:lowercase; letter-spacing: 0px; background-image: url("http://i.imgur.com/pQg4heH.png"); background-repeat:no-repeat; background-position: right; } div.comments a, div.comments a:link, div.comments a:visited { color: #fff; text-transform: uppercase; } div.comments a:hover { color: #000; text-transform: uppercase; } /* other */ .clear { display: none; height: 0px; } /* header */ .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: ; background-image: url(''); background-repeat: repeat-x; height: 15px; } .datesubjectcomment { background-color: #fff; padding: 5px; margin-top: 20px; color: #c9c9c9; border-bottom: 1px dashed #cccccc; } .userpiccomment { position: relative; top: -10px; margin: 0px 10px 0px 0px; z-index: 15; float: left; height: 100px; width: 100px; background: #fff; padding: 3px; border: 1px solid #cccccc; } .box { clear: left; color: #242424; } input, textarea { background-color: #fff; padding: 3px; font-size: 10px; font-family: "Trebuchet Ms", sans-serif; color: #FF69B9; border: 1px solid #cccccc; } textarea.textbox { width: 100% !important; border: 1px solid #cccccc; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet Ms", sans-serif; font-size: 10px; line-height: 125%; background-color: #fff; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "verdana", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #fff; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #fff; } .commentinfo { background-color: #fff; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #fff; background-color: #fff; } /* tiny icons */ /* Generated by Malionette's 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://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/K9JN5.png) no-repeat !important; padding: 16px 0 0 16px !important; } </textarea><br /><br /></center> </font> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="georgia, lucida, tahoma" size="6" color="#8A8A8A">Install Instructions</font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 01. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Go to customize and set your style to S2 & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 02. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 03. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Then copy & paste the CSS into the box & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 04. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> if you have any questions <a href="http://mixedfeeling.livejournal.com/597.html" target="_blank">check the faq first</a> </font> </div></td></tr> </table><a name='cutid1-end'></a></font></font></font></font> https://mixedfeeling.livejournal.com/24314.html?view=comments#comments style: flexible squares public unreal 17986233 3 https://mixedfeeling.livejournal.com/23861.html Sat, 18 Feb 2017 14:31:43 GMT unreal https://mixedfeeling.livejournal.com/23861.html Okay so two things for you guys:<br /><br />1. I have a new layout on the way. Well actualy the previous one I used here. It will probably also have differnt colour versions.<br />2. Profiles are fixed :D Profile codes can be used again. This is great and I will try to think of a new one to post. https://mixedfeeling.livejournal.com/23861.html?view=comments#comments !mod public unreal 17986233 0 https://mixedfeeling.livejournal.com/23647.html Fri, 16 Dec 2016 16:20:34 GMT unreal https://mixedfeeling.livejournal.com/23647.html So I just got an email from dropbox saying thwey will remove the public folder.<br /><center><img src="https://media.tenor.co/images/c644bc371503281b2cbdf27e8e519bb6/raw" fetchpriority="high"></center><br />This is making my angry since all custom fonts I use for the layouts I make here are hosted on dropbox in my public folder. This means I have to move them all to another storage space and change all the links. https://mixedfeeling.livejournal.com/23647.html?view=comments#comments !mod public unreal 17986233 1 https://mixedfeeling.livejournal.com/23382.html Wed, 19 Oct 2016 21:29:58 GMT unreal https://mixedfeeling.livejournal.com/23382.html You migh think another layout so soon? Well this my previous layout of <span class="ljuser i-ljuser i-ljuser-type-C " data-ljuser="recycle" lj:user="recycle" ><a href="https://recycle.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/community.png?v=556&v=923.1" /></a><a href="https://recycle.livejournal.com/" class="i-ljuser-username" target="_self" ><b>recycle</b></a></span>. And if you follow this community you know I always put up old layouts. Since I hate having them gone to waste.<br /><br /><table width="500" bgcolor="#ffffff" cellspacing="2" cellpadding="10" align="center"> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> <center><img src="https://i.imgur.com/euz3fCO.png" fetchpriority="high"><br /><a href="http://i.imgur.com/gclm8in.png" target="_blank" rel="nofollow">LARGER PREVIEW</a> // 1024x768 and up // IE9, FF & Chrome <br /></font></center> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"><center><br /><textarea> /* Cleaned CSS: */ /* Title: Tinkerbell Creator: Brutal at mixedfeeling Style: Flexible Squares S2 */ BODY{ margin-left: ; background-color: #ccc; background-image: url("http://i.imgur.com/KbcW9p9.png"); background-repeat:; background-attachment: fixed; font-size: 9pt; color: #fff; font-family: "verdana", sans-serif; } body{margin: 0; } b { color: #e9a2b6; } i { color: #acbe88; } s { color: #b6d8e2; } a, a:link, a:visited { font-family: verdana; cursor: default; color: #b6d8e2; font-weight: none; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: verdana; cursor: default; color: #c5c5c5; font-weight: none; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 8pt; background: #f9fafb; text-align: justify; border: 1px solid #e5e6ed; } #content { width: 785px; margin-top: 0px; margin-left: auto; margin-right: auto; background-image: url("http://i.imgur.com/p0gnyTc.png"); background-repeat:; } #maincontent { margin: 10px 15px 0px 285px; } /* sidebar */ #sidebar { width: 255px; background: #; margin-top: -5px; margin-left: 10px; padding: 5px; color: #8f8f8f; font-family: verdana; font-size: 8pt; text-align: justify; float: left; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { font-family: verdana; font-size: 9pt; color: #acc191; font-style: ; font-weight: none; } div#sidebar a:hover { text-decoration: none; color: #fff; } .defaultuserpic { width: 100px; height: 100px; margin-top: 10px; margin-left: 50px; padding: 7px; background-color: #f7f7f7 !important; text-align: center; display: none; } .defaultuserpic img { -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } .sbarheader { margin-top: 5px; padding: 0px 5px 0px 5px; background: #fff; } .sbarbody { padding: 0px 5px 5px 5px; background: #fff; } .sbarbody2 { padding: 0px 10px 5px 10px; background: #fff; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 7px; padding-left: 7px; border: 0px solid #e1e1e1; background: #f2f2f2; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } .sbarcalendarposts { padding-right: 7px; padding-left: 7px; border: 0px solid #e1e1e1; background: #f2f2f2; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; max-height: 250px; overflow-x: auto; } li.sbaritem { margin: 0px 7px 0px 2px; padding: 4px 0px 4px 8px; list-style: none; border-bottom: 1px solid #fedce2; } li.sbaritem:hover { background: #fed7de; } li.sbartitle { width:260px; background: #b6d8e2; margin-top: 5px; margin-left: -15px; list-style: none; text-align: center; font-weight: bold; letter-spacing: 2px; padding: 0px 0px 0px 0px; color: #fff; font-family: Lucida Sans Unicode; font-size: 13pt; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #fff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 0px solid #e2e7e1; color: #9f8449; display: inline; font-family: calibri; font-size: 8pt; text-transform: uppercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} /* header, footer */ #header { background: #fffff5; color: #a8bd8f; padding-top: 0px; padding-bottom: 0px; text-align: center; font-family: verdana; font-size: 13pt; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; border-bottom: 4px solid #f6c9d1; } .lj-view-recent #footer, .lj-view-friends #footer { background: #fffff5; margin-top: -20px; margin-bottom: -15px; padding: 8px 0px 8px 0px; text-align: left; text-transform: uppercase; letter-spacing: 1px; font-family: verdana; font-size: 12pt; font-weight: bold; color: #b6d8e2; border-top: 4px solid #f6c9d1; } div#header a, div#header a:link, div#header a:visited{ font-family: verdana; padding: 5px;border-left: 0px solid #232323; margin:0 0 0 0px; letter-spacing: 2px; color: #a8bd8f; font-weight: bold; } .lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link { font-family: verdana; color: #a8bd8f; font-size: 12pt; font-weight: bold; padding: 5px 5px 5px 5px; text-transform: uppercase; } div#header li.view:hover, div#header a:hover { color:#b6d8e2; letter-spacing: 2px; } .lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover { font-family: verdana; color: #b6d8e2; font-size: 12pt; font-weight: bold; padding: 5px 5px 5px 5px; text-transform: uppercase; } ul.navheader{ padding: 10px 5px 10px 0; margin: 0px; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } ul.navheader li a:hover { } div#header li.view { padding: 10px; margin:0 0 0 0px; } #footer .viewing { } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } /* title, substitle */ .title { text-align: center; color: #A6D1C8; font-family: verdana; font-size: 22pt; text-transform: uppercase; letter-spacing: 2pt; text-shadow: 0.08em 0.08em 0.05em #91c7bc; margin-top: -8px; padding-left: 8px; display: none; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } /* tags page, tags */ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 8pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #353535; font-size: 8pt; text-transform: lowercase; font-weight: light; } /* subcontent, entry */ .subcontent { padding-left: 10px; padding-top: 0px; background: #fff; } .entry{ padding: 5px 15px 20px 0px; border-left: 0px solid #fff; border-right: solid #77cfe0 0px; margin: 5px 5px 0px 10px; color: #8f8f8f; font-family: verdana; font-size: 9pt; line-height: 14px; text-align: justify; min-height: 70px; } .entry ul li { padding-left: 10px; 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, userpic friends */ .userpic, .userpicfriends { position: relative; float: right; padding: 0px; margin-right: 5px; margin-left: 0px; margin-top: 5px; background-color: #c177f0 !important; } .userpic img, .userpicfriends img { background-color: #f0f0f0; width: 50px; height: 50px; } .userpic font { color: #d6d5d5 !important; text-transform: uppercase; display: none; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; display: none; } .userpicfriends {font-size: 3; align: center;} .userpicfriends a{ display: none;} /* date, subject, comments, currents */ .date{ margin-top: 0px; text-align: left; padding: 10px 0px 0px 12px; color: #000; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; } .subject { padding-left: 10px; padding-top:2px; padding-bottom:12px; font-weight: normal; padding-bottom: 2px; color: #fff; font-family: verdana; font-size: 11pt; font-style: ; letter-spacing: 1px; text-align: left; } .subject a, .subject a:link, .subject a:visited { font-family: Lucida Sans Unicode; color: #e9a2b6; font-weight: bold; font-size: 11pt; } .subject a:hover { color: #000; } .datesubject { background: #fff; padding-top: 5px; padding-left: 0px; padding-bottom: 4px; margin-right: 8px; border-bottom: 1px solid #b6d8e2; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 8pt; text-transform: ; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 8pt; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #deff65; font-size: 8pt; font-weight: normal; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 8pt; font-weight: normal; } .currentlocation { background: url('http://i.imgur.com/JuFjEBd.png') 2px 2px no-repeat; padding-left: 24px; } .currentmood { background: url('http://i.imgur.com/oXriPpT.png') 2px 2px no-repeat; padding-left: 24px; padding-bottom: 3px; } .currentmusic { background: url('http://i.imgur.com/MRrq0hk.png') 2px 0px no-repeat; padding-left: 24px; padding-bottom: 2px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { width: 474px; position: relative; background: #b5c4a8; font-family: "Trebuchet Ms", sans-serif; font-size: 8pt; text-align: left; font-weight: none; padding: 8px; margin-left: -20px; margin-bottom: -12px; top: 8px; text-transform:lowercase; letter-spacing: 0px; border-top: 1px solid #dbdbdb; } div.comments a, div.comments a:link, div.comments a:visited { background: #e9a2b6; padding: 3px; color: #fff; text-transform: uppercase; } div.comments a:hover { color: #000; text-transform: uppercase; } /* other */ .clear { display: none; height: 0px; } /* header */ .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: transparant; height: 15px; } .datesubjectcomment { background-color: #f7f7f7; padding: 5px; margin-top: 20px; color: #c9c9c9; border-bottom: 1px dashed #cccccc; } .userpiccomment { position: relative; top: -10px; margin: 0px 10px 0px 0px; z-index: 15; float: left; height: 100px; width: 100px; background: #f7f7f7; padding: 3px; border: 1px solid #cccccc; } input, textarea { background-color: #f7f7f7; padding: 3px; font-size: 10px; font-family: "Trebuchet Ms", sans-serif; color: #FF69B9; border: 1px solid #cccccc; } textarea.textbox { width: 100% !important; border: 1px solid #cccccc; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet Ms", sans-serif; font-size: 10px; line-height: 125%; background-color: #f7f7f7; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "verdana", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #f7f7f7; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #f7f7f7; } .commentinfo { background-color: #f7f7f7; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #fff; background-color: #f7f7f7; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; } /* tiny icons */ /* Generated by Malionette's 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://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/U46yKUE.png) no-repeat !important; padding: 13px 0 0 12px !important; } </textarea><br /></center> </font> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="georgia, lucida, tahoma" size="6" color="#8A8A8A">Install Instructions</font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 01. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Go to customize and set your style to S2 & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 02. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 03. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Then copy & paste the CSS into the box & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 04. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Header can be changed through <a href='https://www.livejournal.com/rsearch/?tags=%23header'>#header</a>. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 05. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> if you have any questions <a href="http://mixedfeeling.livejournal.com/597.html" target="_blank">check the faq first</a> </font> </div></td></tr> </table><a name='cutid1-end'></a></font></font></font></font></font> https://mixedfeeling.livejournal.com/23382.html?view=comments#comments style: flexible squares public unreal 17986233 4 https://mixedfeeling.livejournal.com/23207.html Sat, 08 Oct 2016 14:39:39 GMT unreal https://mixedfeeling.livejournal.com/23207.html I found out that there seems to be something wrong with the calender in my flexible squares layouts. It seems in all cases he is to big and the padding I always use doesn't seem to work anymore. If you use an layout of mine and then calender is to big then look for table.calendar { and add a width. https://mixedfeeling.livejournal.com/23207.html?view=comments#comments !mod public unreal 17986233 2 https://mixedfeeling.livejournal.com/22559.html Fri, 07 Oct 2016 20:08:00 GMT unreal https://mixedfeeling.livejournal.com/22559.html I want to let you know that in a couple of days my old layout community <span class="ljuser i-ljuser i-ljuser-type-C " data-ljuser="ribbonized" lj:user="ribbonized" ><a href="https://ribbonized.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/community.png?v=556&v=923.1" /></a><a href="https://ribbonized.livejournal.com/" class="i-ljuser-username" target="_self" ><b>ribbonized</b></a></span> will be deleated. A whole lot of layouts over there are broken so there is no reason to keep it. I will test all the layouts and the ones that still work will be posted in an archive here. https://mixedfeeling.livejournal.com/22559.html?view=comments#comments !mod public unreal 17986233 0 https://mixedfeeling.livejournal.com/22346.html Thu, 06 Oct 2016 19:27:11 GMT unreal https://mixedfeeling.livejournal.com/22346.html No I am not dead! I have a new layout for you guys. I am super happy with how this layout turned out.<br /><br />Is it real? Another layout? Yes yes it is XD I wanted a new layout for recycle so the old one is now up for grabs.<br /><br /><table width="500" bgcolor="#ffffff" cellspacing="2" cellpadding="10" align="center"> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> <center><img src="https://i.imgur.com/e6Ank5Y.png" fetchpriority="high"><br /><a href="http://i.imgur.com/qTqwyPg.png" target="_blank" rel="nofollow">LARGER PREVIEW</a> // 1024x768 and up // IE9, FF & Chrome <br /></font></center> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"><center><br /><textarea> /* Cleaned CSS: */ /* Title: Happy Autumn Creator: Brutal at mixedfeeling Style: Flexible Squares S2 */ BODY{ margin-left: ; background-color: #fef2e8; background-image: url("http://i.imgur.com/7uPIAmx.jpg"); background-repeat:; background-attachment: fixed; font-size: 9pt; color: #fff; font-family: "verdana", sans-serif; } body{margin: 0; } b { color: #BE4C54; } i { color: #A6AD3C; } a, a:link, a:visited { font-family: verdana; cursor: default; color: #BE4C54; font-weight: none; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: verdana; cursor: default; color: #c5c5c5; font-weight: none; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 8pt; background: #f9fafb; text-align: justify; border: 1px solid #e5e6ed; } #content { width: 1000px; margin-top: 0px; margin-left: auto; margin-right: auto; background: #785D56; } #maincontent { margin: 0px 280px 0px 0px; padding:10px; background: #; } /* sidebar */ #sidebar { width: 250px; background: #fff; margin-right: 10px; margin-top: 10px; padding: 5px; color: #8f8f8f; font-family: verdana; font-size: 8pt; text-align: justify; float: right; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { font-family: verdana; font-size: 9pt; color: #caa19f; font-weight: none; } div#sidebar a:hover { text-decoration: none; color: #fff; } .defaultuserpic { width: 100px; height: 100px; margin-top: 0px; margin-left: 70px; padding: 7px; background-color: !important; text-align: center; display: none; } .defaultuserpic img { } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 5px 5px; } .sbarbody2 { padding: 0px 10px 5px 10px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 7px; padding-left: 7px; border: 0px solid #e1e1e1; background: #e3bfb5; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #fff; font-size: 8pt; } .sbarcalendarposts { padding-right: 7px; padding-left: 7px; border: 0px solid #e1e1e1; background: #e3bfb5; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #000; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 0px 7px 0px 2px; padding: 4px 0px 4px 8px; list-style: none; border-bottom: 1px solid #ddb6ac; } li.sbaritem:hover { background: #fcdcca; } li.sbartitle { background: #A6AD3C; list-style: none; text-align: center; font-weight: bold; letter-spacing: 2px; padding: 2px 0px 2px 0px; color: #fff; font-family: verdana; font-size: 13pt; text-shadow: 0.08em 0.08em 0.05em #959c26; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #fff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 0px solid #e2e7e1; color: #9f8449; display: inline; font-family: calibri; font-size: 8pt; text-transform: uppercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} /* header, footer */ #header { width: auto; background:#BE4C54; border-bottom: 0px solid #5ac0b0; color: #000; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; text-align: right; font-family: verdana; font-size: 13pt; font-weight: normal; text-shadow: 0.08em 0.08em 0.05em #b13d45; } .lj-view-recent #footer, .lj-view-friends #footer { background: #BE4C54; border-top: 0px solid #5ac0b0; margin-bottom: -15px; margin-top: -25px; padding: 6px 0px 8px 0px; text-align: center; text-transform: ; letter-spacing: 1px; font-family: verdana; font-size: 12pt; font-weight: normal; color: #000; text-shadow: 0.08em 0.08em 0.05em #b34048; } div#header a, div#header a:link, div#header a:visited{ font-family: verdana; padding-top: 7px;border-left: 0px solid #232323; margin:0 0 0 0px; color: #fff; } .lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link { font-family: verdana; color: #fff; font-size: 12pt; font-weight: normal; padding: 5px 5px 5px 5px; } div#header li.view:hover, div#header a:hover { color:#000; } .lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover { font-family: verdana; color: #000000; font-size: 12pt; font-weight: normal; padding: 5px 5px 5px 5px; } ul.navheader{ padding: 13px 5px 10px 0; margin: 0px; } ul.navheader li { display: inline; margin: 0px 0px 0px; list-style-type: none; } ul.navheader li a:hover { } div#header li.view { padding: 10px; margin:0 0 0 0px; } #footer .viewing { } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } /* title, substitle */ .title { position:absolute; text-align: center; color: #fff; font-family: verdana; font-size: 22pt; text-transform: uppercase; letter-spacing: 2pt; text-shadow: 0.08em 0.08em 0.05em #b13d45; margin-top: -40px; margin-left: 20px; display: ; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } /* tags page, tags */ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 8pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #353535; font-size: 8pt; text-transform: lowercase; font-weight: light; } /* subcontent, entry */ .subcontent { padding-left: 10px; padding-top: 1px; background: #fff; } .entry{ padding: 5px 15px 20px 0px; border-left: 0px solid #fff; border-right: solid #77cfe0 0px; margin: 5px 5px 0px 130px; color: #8f8f8f; font-family: verdana; font-size: 9pt; line-height: 14px; text-align: justify; min-height: 70px; } .entry ul li { padding-left: 10px; 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, userpic friends */ .userpic, .userpicfriends { position: relative; float: left; padding: 0px; margin-right: 10px; margin-left: 10px; margin-top: 50px; background-color: transparent !important; } .userpic img, .userpicfriends img { background-color: #; width: 100px; height: 100px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } .userpic font { color: #d6d5d5 !important; text-transform: uppercase; text-align: center; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; text-align: center; } .userpicfriends {font-size: 8; align: center;} .userpicfriends a{ display: ;} /* date, subject, comments, currents */ .date{ position: absolute; width: 150px; background: #BE4C54; margin-left: -165px; text-align: left; padding: 3px 0px 3px 5px; color: #fff; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; } .subject { background: #A6AD3C; padding-left: 5px; padding-top:2px; padding-bottom:12px; margin-right: 0px; font-weight: normal; padding-bottom: 2px; color: #d1bde3; font-family: verdana; font-size: 11pt; font-style: ; letter-spacing: 1px; text-align: left; } .subject a, .subject a:link, .subject a:visited { font-family: Lucida Sans Unicode; color: #fff; font-weight: bold; font-size: 11pt; } .subject a:hover { color: #000; } .datesubject { padding-left: 0px; padding-bottom: 4px; margin-top: 10px; margin-right: 10px; border-bottom: 0px dashed #f1d38a; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 8pt; text-transform: ; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 8pt; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #deff65; font-size: 8pt; font-weight: normal; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 8pt; font-weight: normal; } .currentlocation { background: url('http://i.imgur.com/JuFjEBd.png') 2px 2px no-repeat; padding-left: 24px; } .currentmood { background: url('http://i.imgur.com/oXriPpT.png') 2px 2px no-repeat; padding-left: 24px; padding-bottom: 3px; } .currentmusic { background: url('http://i.imgur.com/MRrq0hk.png') 2px 0px no-repeat; padding-left: 24px; padding-bottom: 2px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { background: #BE4C54; font-family: "Trebuchet Ms", sans-serif; font-size: 8pt; text-align: right; font-weight: none; padding: 6px; margin-bottom: 4px; position: relative; top: 10px; text-transform:lowercase; letter-spacing: 0px; } div.comments a, div.comments a:link, div.comments a:visited { color: #fff; text-transform: uppercase; } div.comments a:hover { color: #000; text-transform: uppercase; } /* other */ .clear { display: none; height: 0px; } /* header */ .headerimage { position: relative; width: 1000px; height: 280px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url('http://i.imgur.com/koheWoy.png'); background-repeat: no-repeat; } .separator { background-color: transparant; height: 10px; } .datesubjectcomment { background-color: #fff; padding: 5px; margin-top: 20px; color: #c9c9c9; border-bottom: 1px dashed #cccccc; } .userpiccomment { position: relative; top: -10px; margin: 0px 10px 0px 0px; z-index: 15; float: left; height: 100px; width: 100px; background: #fff; padding: 3px; border: 1px solid #cccccc; } input, textarea { background-color: #fff; padding: 3px; font-size: 10px; font-family: "Trebuchet Ms", sans-serif; color: #d1bde3; border: 1px solid #cccccc; } textarea.textbox { width: 100% !important; border: 1px solid #cccccc; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet Ms", sans-serif; font-size: 10px; line-height: 125%; background-color: #fff; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "verdana", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #fff; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #fff; } .commentinfo { background-color: #fff; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #fff; background-color: #fff; border-bottom: 1px solid #d8d8d8; } /* tiny icons */ /* Generated by Malionette's 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://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/U46yKUE.png) no-repeat !important; padding: 13px 0 0 12px !important; } </textarea><br /></center> </font> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="georgia, lucida, tahoma" size="6" color="#8A8A8A">Install Instructions</font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 01. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Go to customize and set your style to S2 & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 02. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 03. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Then copy & paste the CSS into the box & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 04. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Header can be changed through <a href='https://www.livejournal.com/rsearch/?tags=%23header'>#header</a>. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 05. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> if you have any questions <a href="http://mixedfeeling.livejournal.com/597.html" target="_blank">check the faq first</a> </font> </div></td></tr> </table><a name='cutid1-end'></a></font></font></font></font></font> https://mixedfeeling.livejournal.com/22346.html?view=comments#comments style: flexible squares public unreal 17986233 2 https://mixedfeeling.livejournal.com/22091.html Sun, 27 Mar 2016 15:18:45 GMT unreal https://mixedfeeling.livejournal.com/22091.html Is it real? Another layout? Yes yes it is XD I wanted a new layout for recycle so the old one is now up for grabs.<br /><br /><table width="500" bgcolor="#ffffff" cellspacing="2" cellpadding="10" align="center"> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> <center><img src="https://i.imgur.com/obUU0Le.png" fetchpriority="high"><br /><a href="http://i.imgur.com/I5m97z2.png" target="_blank" rel="nofollow">LARGER PREVIEW</a> // 1024x768 and up // IE9, FF & Chrome <br /></font></center> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"><center><br /><textarea> /* Cleaned CSS: */ /* Title: Coming Of Spring Creator: Brutal at mixedfeeling Style: Flexible Squares S2 */ BODY{ margin-left: ; background-color: #bae8de; background-image: url(""); background-repeat:; background-attachment: fixed; font-size: 9pt; color: #fff; font-family: "verdana", sans-serif; } body{margin: 0; } b { color: #77c9b8; } i { color: #ed327f; } a, a:link, a:visited { font-family: verdana; cursor: default; color: #b8dddd; font-weight: none; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: verdana; cursor: default; color: #c5c5c5; font-weight: none; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 8pt; background: #f9fafb; text-align: justify; border: 1px solid #e5e6ed; } #content { width: 850px; margin-top: 10px; margin-left: auto; margin-right: auto; background: #c8d856; background-image: url(""); background-repeat:; } #maincontent { margin: 0px 0px 0px 260px; background: #fff; } /* sidebar */ #sidebar { width: 250px; margin-top: 0px; padding: 5px; color: #8f8f8f; font-family: verdana; font-size: 8pt; text-align: justify; float: left; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { font-family: verdana; font-size: 9pt; color: #fff; font-style: ; font-weight: none; } div#sidebar a:hover { text-decoration: none; color: #fff; } .defaultuserpic { width: 100px; height: 100px; margin-top: 10px; margin-left: 50px; padding: 7px; background-color: #f7f7f7 !important; text-align: center; display: none; } .defaultuserpic img { -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 5px 5px; } .sbarbody2 { padding: 0px 10px 5px 10px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 7px; padding-left: 7px; border: 0px solid #e1e1e1; background: #bfd049; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } .sbarcalendarposts { padding-right: 7px; padding-left: 7px; border: 0px solid #e1e1e1; background: #bfd049; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; max-height: 250px; overflow: auto; } li.sbaritem { margin: 0px 7px 0px 2px; padding: 4px 0px 4px 8px; list-style: none; border-bottom: 1px solid #bfd049; } li.sbaritem:hover { background: #ed327f; } li.sbartitle { background: #77c9b8; background-image: url(""); background-repeat:no-repeat; background-position: bottom; border-bottom: 0px dotted #ed327f; list-style: none; text-align: center; font-weight: bold; letter-spacing: 2px; padding: 2px 0px 2px 0px; color: #fff; font-family: verdana; font-size: 13pt; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #fff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 0px solid #e2e7e1; color: #9f8449; display: inline; font-family: calibri; font-size: 8pt; text-transform: uppercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} /* header, footer */ #header { width: auto; height: 290px; background-image: url("http://i.imgur.com/L2ZGV59.png"); background-repeat:no-repeat; background-position: bottom; color: #000; padding-top: 0px; padding-bottom: 0px; text-align: center; font-family: verdana; font-size: 13pt; font-weight: normal; text-transform: uppercase; } .lj-view-recent #footer, .lj-view-friends #footer { background-image: url(""); background-repeat:no-repeat; background-position: top; margin-top: -20px; margin-bottom: -15px; margin-left: 0px; padding: 16px 0px 8px 0px; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-family: verdana; font-size: 12pt; font-weight: normal; color: #000; } div#header a, div#header a:link, div#header a:visited{ font-family: verdana; padding: 5px;border-left: 0px solid #232323; margin:0 0 0 0px; color: #fff; } .lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link { font-family: verdana; color: #fff; font-size: 12pt; font-weight: normal; padding: 5px 5px 5px 5px; text-transform: uppercase; border-top: 0px solid #d3e2eb; } div#header li.view:hover, div#header a:hover { color:#000; } .lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover { font-family: verdana; color: #000000; font-size: 12pt; font-weight: normal; padding: 5px 5px 5px 5px; text-transform: uppercase; } ul.navheader{ padding: 10px 5px 10px 0; margin: 0px; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } ul.navheader li a:hover { } div#header li.view { padding: 10px; margin:0 0 0 0px; } #footer .viewing { } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } /* title, substitle */ .title { text-align: center; color: #A6D1C8; font-family: verdana; font-size: 22pt; text-transform: uppercase; letter-spacing: 2pt; text-shadow: 0.08em 0.08em 0.05em #91c7bc; margin-top: -8px; padding-left: 8px; display: none; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } /* tags page, tags */ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 8pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #fff; font-size: 8pt; text-transform: lowercase; font-weight: light; } /* subcontent, entry */ .subcontent { padding-left: 10px; padding-top: 0px; background: #fff; } .entry{ padding: 5px 15px 20px 0px; border-left: 0px solid #fff; border-right: solid #77cfe0 0px; margin: 5px 5px 0px 10px; color: #8f8f8f; font-family: verdana; font-size: 9pt; line-height: 14px; text-align: justify; min-height: 70px; } .entry ul li { padding-left: 10px; 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, userpic friends */ .userpic, .userpicfriends { position: relative; float: right; padding: 0px; margin-right: -100px; margin-left: 0px; margin-top: 65px; background-color: transparent !important; } .userpic img, .userpicfriends img { background-color: #; width: 75px; height: 75px; } .userpic font { color: #d6d5d5 !important; text-transform: uppercase; text-align: center; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; text-align: center; } .userpicfriends {font-size: 8; align: center;} .userpicfriends a{ display: ;} /* date, subject, comments, currents */ .date{ position: relative; left: 0px; text-align: left; padding: 10px 0px 0px 0px; color: #b7b7b7; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; } .subject { position: relative; left: 0px; padding-left: 0px; padding-top:2px; padding-bottom:12px; margin-right: -10px; font-weight: normal; padding-bottom: 2px; color: #d1bde3; font-family: verdana; font-size: 11pt; font-style: ; letter-spacing: 1px; text-align: left; } .subject a, .subject a:link, .subject a:visited { font-family: Lucida Sans Unicode; color: #ed327f; font-weight: bold; font-size: 11pt; } .subject a:hover { color: #000; } .datesubject { padding-left: 0px; padding-bottom: 4px; margin-left: 0px; margin-right: 10px; border-bottom: 2px dotted #77c9b8; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 8pt; text-transform: ; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 8pt; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #deff65; font-size: 8pt; font-weight: normal; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 8pt; font-weight: normal; } .currentlocation { background: url('http://i.imgur.com/JuFjEBd.png') 2px 2px no-repeat; padding-left: 24px; } .currentmood { background: url('http://i.imgur.com/oXriPpT.png') 2px 2px no-repeat; padding-left: 24px; padding-bottom: 3px; } .currentmusic { background: url('http://i.imgur.com/MRrq0hk.png') 2px 0px no-repeat; padding-left: 24px; padding-bottom: 2px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { width: 185px; background: #ed327f; font-family: "Trebuchet Ms", sans-serif; font-size: 8pt; text-align: right; font-weight: none; padding: 6px; margin-bottom: 4px; position: relative; top: 10px; left: 350px; text-transform:lowercase; letter-spacing: 0px; } div.comments a, div.comments a:link, div.comments a:visited { color: #fff; text-transform: uppercase; } div.comments a:hover { color: #000; text-transform: uppercase; } /* other */ .clear { display: none; height: 0px; } /* header */ .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: transparant; height: 0px; } .datesubjectcomment { background-color: #fff; padding: 5px; margin-top: 20px; color: #c9c9c9; border-bottom: 1px dashed #cccccc; } .userpiccomment { position: relative; top: -10px; margin: 0px 10px 0px 0px; z-index: 15; float: left; height: 100px; width: 100px; background: #fff; padding: 3px; border: 1px solid #cccccc; } input, textarea { background-color: #fff; padding: 3px; font-size: 10px; font-family: "Trebuchet Ms", sans-serif; color: #d1bde3; border: 1px solid #cccccc; } textarea.textbox { width: 100% !important; border: 1px solid #cccccc; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet Ms", sans-serif; font-size: 10px; line-height: 125%; background-color: #fff; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "verdana", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #fff; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #fff; } .commentinfo { background-color: #fff; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #fff; background-color: #fff; border-bottom: 1px solid #d8d8d8; } /* tiny icons */ /* Generated by Malionette's 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://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/U46yKUE.png) no-repeat !important; padding: 13px 0 0 12px !important; } </textarea><br /></center> </font> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="georgia, lucida, tahoma" size="6" color="#8A8A8A">Install Instructions</font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 01. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Go to customize and set your style to S2 & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 02. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 03. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Then copy & paste the CSS into the box & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 04. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Header can be changed through <a href='https://www.livejournal.com/rsearch/?tags=%23header'>#header</a>. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 05. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> if you have any questions <a href="http://mixedfeeling.livejournal.com/597.html" target="_blank">check the faq first</a> </font> </div></td></tr> </table><a name='cutid1-end'></a></font></font></font></font></font> https://mixedfeeling.livejournal.com/22091.html?view=comments#comments style: flexible squares public unreal 17986233 1 https://mixedfeeling.livejournal.com/21934.html Sat, 26 Mar 2016 18:57:42 GMT unreal https://mixedfeeling.livejournal.com/21934.html <table width="500" bgcolor="#ffffff" cellspacing="2" cellpadding="10" align="center"> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> <center><img src="https://i.imgur.com/V39RIkR.png" fetchpriority="high"><br /><a href="http://i.imgur.com/mBOfBL8.png" target="_blank" rel="nofollow">LARGER PREVIEW</a> // 1024x768 and up // IE9, FF & Chrome <br /></font></center> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"><center><br /><textarea> /* Cleaned CSS: */ /* Title: Playtime Creator: Brutal at mixedfeeling Style: Flexible Squares S2 */ BODY{ margin-top: 0px; margin-bottom: 0px; background-color: #C0ADDB; background-image: url("http://i.imgur.com/KbcW9p9.png"); background-repeat: repeat; background-position: ; background-attachment: fixed; text-align: left; font-size: 11pt; color: #404040; font-family: "arial", sans-serif; } a, a:link, a:visited { font-family: "calibri" Helvetica, sans-serif; cursor: default; color: #fe6b6b; text-transform: ; text-decoration: none; } a:hover{ font-family: "calibri" Helvetica, sans-serif; cursor: default; color: #f4476c; font-weight: none; text-transform: ; letter-spacing: 0px; text-decoration: none; } b{ color: #fe6b6b; } I{ color: #d7ff6c; } s{ color: #bb37f9; } blockquote { margin: 5px 5px; padding: 4px; color: #764e37; font-size: 8pt; background: #dff2ff; background-repeat: repeat; text-align: justify; } #content { width: 650px; background: #fff; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; border-left: 6px solid #7F94B0; border-right: 6px solid #7F94B0; } #maincontent { margin: 5px 0px 0px 0px; } /* sidebar */ #sidebar { width: 590px; margin-left: 15px; padding: 15px; background: #fff; border-bottom: dashed #d7ff6c 1px; color: #939393; font-family: calibri; font-size: 11pt; line-height: 10pt; text-align: justify; float: center; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { font-size: 11pt; font-family: calibri; color: #939393; text-decoration: none; } div#sidebar a:hover { font-size: 11pt; font-family: calibri; text-decoration: none; color: #000000; } .defaultuserpic { display: none; float:left; margin: 0px 10px 0 10px; background-color: #edd4cc; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { width: 200px; padding: 0px 3px 0px 3px; } .sbarbody2 { position: absolute; width: 380px; padding: 0 10px 5px 10px; margin-left: 220px; } #sidebar_tags { margin-top: -110px; position: absolute; width: 170px; height: 100px; margin-left: 190px; overflow: auto; display: none; } #sidebar_tags a{ display:block; font-family: "georgia", Helvetica, sans-serif; font-size: 12px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 1px; border: 1px solid #ddd; background: #FEFEFE; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } .sbarcalendarposts { padding: 1px; border: 1px solid #ddd; background: #dddddd; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { padding: 5px 3px 5px 5px; list-style: none; background-color: ; background-image: url(); background-repeat: no-repeat; border-bottom: 1px #eeeeee solid; } li.sbaritem a{ font-family: "georgia", Helvetica, sans-serif; font-size: 20px; } li.sbaritem:hover { font-family: "georgia", Helvetica, sans-serif; font-size: 14px; background-image: url(); background-repeat: no-repeat; } li.sbartitle { width: 190px; list-style: none; margin-top: 0px; margin-left: -3px; text-align: left; font-weight: normal; padding: 10px 5px 10px 15px; color: #ffffff; font-family: "arial" Helvetica, sans-serif; font-size: 8pt; background: #000000; border-bottom: 3px solid #f1f1f1; border-top: 3px solid #f1f1f1; text-transform: uppercase; letter-spacing: 0px; display: none; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; } .nav a {border-bottom: 0px solid #e6dcd6; border-left: 3px solid #1d1d1d; color: #555555; display: inline; font-family: tahoma; font-size: 9pt; text-transform: lowercase; padding: 3px; line-height: 10px; } .nav a:hover {color: #9f8449; text-decoration: none; } .nav br {display: none;} /* header, footer */ #header { width: 610px; background:#d7ff6c; padding: 20px; text-transform: lowercase; text-align: center; font-size: 10pt; font-family: "calibri" Helvetica, sans-serif; font-weight: none; color: #fff; } #footer { width: 630px; padding: 10px; text-align: right; text-transform: lowercase; letter-spacing: 0px; font-size: 10pt; color: #e2e7e1; background: #fe6b6b; z-index: 100; font-family: "calibri" Helvetica, sans-serif; } #header a { font-size: 12pt; color: #000000; } div#header a[href$=".livejournal.com/"] { color: #fff; background: #00c1d5; padding: 5px; } div#header a[href*="/calendar"] { color: #fff; background: #fe6b6b; padding: 5px; } div#header a[href*="/friends"] { color: #fff; background: #bb37f9; padding: 5px; } div#header a[href*="/profile"]{ color: #fff; background: #00c1d5; padding: 5px; } div#footer a, div#footer a:link, div#footer a:visited { font-family: "calibri" Helvetica, sans-serif; color: #fff; font-size: 10pt; padding: 0px 3px 3px 3px; text-transform: ; border-top: 0px solid #d3e2eb; } div#header li.view:hover, div#header a:hover { background-color:#232323; color:#ffffff; } div#footer a:hover { font-family: "calibri" Helvetica, sans-serif; color: #000; font-size: 10pt; padding: 3px 3px 3px 3px; text-transform: ; } ul.navheader { padding: 0; margin: 0; } ul.navheader li { display: inline; } div#header li.view { font-size: 12pt; background: #00c1d5; padding: 5px; } #footer .viewing { display:; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } /* title, substitle */ .title { display: none; margin-top: 0px; padding: 5px; text-align: center; color: #24afd2; font-family: "arial", sans-serif; font-size: 24pt; letter-spacing: 0pt; line-height: 10pt; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } /* tags page, tags */ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #888888; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } ul.ljtaglist { color: #bbb; font-family: "arial", Helvetica, sans-serif; font-size: 10pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; padding: 4px; color: #333; font-size: 10pt; font-weight: normal; border-bottom: 1px solid #efefef; background: url(http://i49.tinypic.com/16qufd.jpg) 0px 7px no-repeat; padding-left: 14px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #99668f; font-size: 10pt; text-transform: ; font-weight: ; } /* subcontent, entry */ .subcontent { padding: 0px; background: #fff; } .entry{ margin-left: 20px; margin-right: 20px; margin-top: 10px; background: #ffffff; color: #939393; font-family: "Calibri" Helvetica, sans-serif; font-size: 10pt; text-align: justify; } .entry_text { background: #ffffff; } .entry ul li { padding-left: 10px; 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, userpic friends */ .userpic { display: ; position: relative; float: left; padding: 10px; margin-right: 0px; margin-left: 6px; margin-top: 48px; z-index: 15; background-color: transparent !important; border: 0px solid #d4d4d4; background-image: url(''); background-repeat: repeat; border: 0px solid #f7f7f7; } .userpicfriends { position: relative; float: left; background-color: transparent !important; padding: 10px; margin-right: 0px; margin-left: 6px !important; margin-top: 48px; z-index: 15; border: 0px solid #d4d4d4; text-align: right; font-family: "arial", sans-serif; font-size: 8pt; z-index: 15; display: ; } .userpic img, .userpicfriends img{ background:#bb37f9; padding:5px; border-width: 3px; border-color: #bb37f9; border-style: solid; width: 75px; height: 75px;} .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends {font-size: 3; align: left;} .userpicfriends a{ display: ;} .userpicfriends br { display: block; height: 0; } /* date, subject, comments, currents */ .date{ position: relative; left: -100px; text-align: left; padding: 10px 0px 0px 0px; color: #ccc; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; } .subject { position: relative; left: -100px; padding-left: 0px; padding-top:2px; padding-bottom:12px; margin-right: -10px; font-weight: normal; padding-bottom: 2px; color: #fff; font-family: verdana; font-size: 11pt; font-style: ; letter-spacing: 0px; text-align: left; } .subject a, .subject a:link, .subject a:visited { font-family: Calibri; color: #00c1d5; text-transform: uppercase; } .subject a:hover { color: #999; } .datesubject { margin-left: 15px; margin-right: 15px; padding: 0px; border-bottom: 1px solid #EEE; background-color: #ffffff; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 9pt; text-transform: ; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 9pt; text-transform: ; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #4cb5d3; font-size: 9pt; text-transform: ; } .currentlocation a:hover, .ljtags a:hover { color: #000000; font-size: 9pt; text-transform: ; } .currentlocation { height: 16px; background: url('http://img28.imageshack.us/img28/9228/homee.gif') 4px 4px no-repeat; padding-left: 18px; } .currentmood { background: url('http://img28.imageshack.us/img28/5507/smilie.gif') 4px 4px no-repeat; padding-left: 18px; } .currentmusic { height: 18px; background: url('http://img241.imageshack.us/img241/2895/notee.gif') 4px 4px no-repeat; padding-left: 18px; } .comments { background: #00c1d5; font-family: "arial", sans-serif; font-size: 11pt; text-align: left; font-weight: normal; padding-top: 4px; padding-bottom: 4px; position: relative; margin-top: 0px; padding-left: 5px; color: #f3f3f3; text-transform:; letter-spacing: 0px; } div.comments a, div.comments a:link, div.comments a:visited { font-family: "calibri", sans-serif; color: #fff; text-transform: ; } div.comments a:hover { color: #2d2d2d; text-transform: ; } /* other */ .clear { display: none; height: 0px; } .skiplinks { text-transform: lowercase; text-align: center; margin: 08px 0 08px 0; padding: 12px; color: #888888; border: 1px solid #bbb; background: #FDFDFD; } /* header */ .headerimage { position: relative; width: 650px; height: 358px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url('http://i.imgur.com/PBlC9qx.png'); background-repeat: no-repeat; border-left: 6px solid #7F94B0; border-right: 6px solid #7F94B0; } .separator { background:transparent; padding: 3px; } .clearfoot { display: none; } /* comment page */ .datesubjectcomment { background-color: #ffffff; padding: 5px; margin-top: 20px; color: #c9c9c9; } .userpiccomment { position: relative; top: -10px; padding: 4px; margin: 0px 10px -20px 0px; z-index: 15; float: left; height: 100px; width: 100px; background:#f8f8f8; } .box { clear: left; color: #f8f8f8; } input, textarea { background-color: #ffffff; padding: 3px; font-size: 10px; font-family: "Georgia", sans-serif; color: #888888; border: 1px solid #ccc; } textarea.textbox { width: 100% !important; border: 1px solid #ccc; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Georgia", sans-serif; font-size: 10px; line-height: 125%; background-color: #ffffff; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "Georgia", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #ffffff; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #ffffff; } .commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #888888; background-color: #fff; } /* tiny icons */ /* Generated by Malionette's 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://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/U46yKUE.png) no-repeat !important; padding: 13px 0 0 12px !important; } </textarea><br /></center> </font> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="georgia, lucida, tahoma" size="6" color="#8A8A8A">Install Instructions</font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 01. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Go to customize and set your style to S2 & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 02. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 03. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Then copy & paste the CSS into the box & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 04. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> No header so you need to add the links to the linklist. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 05. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> if you have any questions <a href="http://mixedfeeling.livejournal.com/597.html" target="_blank">check the faq first</a> </font> </div></td></tr> </table><a name='cutid1-end'></a></font></font></font></font></font> https://mixedfeeling.livejournal.com/21934.html?view=comments#comments style: flexible squares public unreal 17986233 1 https://mixedfeeling.livejournal.com/21712.html Tue, 09 Feb 2016 21:25:10 GMT unreal https://mixedfeeling.livejournal.com/21712.html Super random name for the new layout. I first wanted a dark layout but ended up with this. I also had a deja-vu moment and was like "Did I not make something similair". And yes I did.<br /><br /><table width="500" bgcolor="#ffffff" cellspacing="2" cellpadding="10" align="center"> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> <center><img src="https://i.imgur.com/5FNeDgo.png" fetchpriority="high"><br /><a href="http://i.imgur.com/6H9rV5o.png" target="_blank" rel="nofollow">LARGER PREVIEW</a> // 1024x768 and up // IE9, FF & Chrome <br /></font></center> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"><center><br /><textarea> /* Cleaned CSS: */ /* Title: Painted Picture Creator: Brutal at mixedfeeling Style: Flexible Squares S2 */ BODY{ margin-left: ; background-color: #fef2e8; background-image: url("http://i.imgur.com/c5N56F6.png"); background-repeat:; background-attachment: fixed; font-size: 9pt; color: #fff; font-family: "verdana", sans-serif; } body{margin: 0; } b { color: #6cd1c1; } i { color: #ca9494; } a, a:link, a:visited { font-family: verdana; cursor: default; color: #eea87e; font-weight: none; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: verdana; cursor: default; color: #c5c5c5; font-weight: none; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 8pt; background: #f9fafb; text-align: justify; border: 1px solid #e5e6ed; } #content { width: 100%; margin-top: 0px; margin-left: auto; margin-right: auto; background-image: url(""); background-repeat:; } #maincontent { margin: 10px 300px 0px 180px; padding:20px; background: #; background-image: url("http://i.imgur.com/22fZIbw.jpg"); } /* sidebar */ #sidebar { width: 250px; background: #eac9c0; margin-right: 20px; margin-top: 10px; padding: 5px; color: #8f8f8f; font-family: verdana; font-size: 8pt; text-align: justify; float: right; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { font-family: verdana; font-size: 9pt; color: #caa19f; font-weight: none; } div#sidebar a:hover { text-decoration: none; color: #fff; } .defaultuserpic { width: 100px; height: 100px; margin-top: 0px; margin-left: 70px; padding: 7px; background-color: !important; text-align: center; display: none; } .defaultuserpic img { } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 5px 5px; } .sbarbody2 { padding: 0px 10px 5px 10px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 7px; padding-left: 7px; border: 0px solid #e1e1e1; background: #e3bfb5; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #fff; font-size: 8pt; } .sbarcalendarposts { padding-right: 7px; padding-left: 7px; border: 0px solid #e1e1e1; background: #e3bfb5; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #000; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 0px 7px 0px 2px; padding: 4px 0px 4px 8px; list-style: none; border-bottom: 1px solid #ddb6ac; } li.sbaritem:hover { background: #fcdcca; } li.sbartitle { background-image: url("http://i.imgur.com/22fZIbw.jpg"); list-style: none; text-align: center; font-weight: bold; letter-spacing: 2px; padding: 2px 0px 2px 0px; color: #fff; font-family: verdana; font-size: 13pt; text-shadow: 0.08em 0.08em 0.05em #caa19f; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #fff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 0px solid #e2e7e1; color: #9f8449; display: inline; font-family: calibri; font-size: 8pt; text-transform: uppercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} /* header, footer */ #header { width: auto; background:#6cd1c1; border-bottom: 1px solid #5ac0b0; color: #000; padding-top: 10px; padding-bottom: 10px; text-align: center; font-family: verdana; font-size: 13pt; font-weight: normal; text-shadow: 0.08em 0.08em 0.05em #5ac0b0; } .lj-view-recent #footer, .lj-view-friends #footer { background: #6cd1c1; border-top: 1px solid #5ac0b0; margin-bottom: -15px; margin-left: 0px; padding: 6px 0px 8px 0px; text-align: center; text-transform: ; letter-spacing: 1px; font-family: verdana; font-size: 12pt; font-weight: normal; color: #000; text-shadow: 0.08em 0.08em 0.05em #5ac0b0; } div#header a, div#header a:link, div#header a:visited{ font-family: verdana; padding-top: 7px;border-left: 0px solid #232323; margin:0 0 0 0px; color: #fff; } .lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link { font-family: verdana; color: #fff; font-size: 12pt; font-weight: normal; padding: 5px 5px 5px 5px; } div#header li.view:hover, div#header a:hover { color:#000; } .lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover { font-family: verdana; color: #000000; font-size: 12pt; font-weight: normal; padding: 5px 5px 5px 5px; } ul.navheader{ padding: 13px 5px 10px 0; margin: 0px; } ul.navheader li { display: inline; margin: 0px 0px 0px; list-style-type: none; } ul.navheader li a:hover { } div#header li.view { padding: 10px; margin:0 0 0 0px; } #footer .viewing { } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } /* title, substitle */ .title { position:absolute; text-align: center; color: #fff; font-family: verdana; font-size: 22pt; text-transform: uppercase; letter-spacing: 2pt; text-shadow: 0.08em 0.08em 0.05em #5ac0b0; margin-top: -40px; margin-left: 20px; display: ; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } /* tags page, tags */ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 8pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #353535; font-size: 8pt; text-transform: lowercase; font-weight: light; } /* subcontent, entry */ .subcontent { padding-left: 10px; padding-top: 1px; background: #fff; } .entry{ padding: 5px 15px 20px 0px; border-left: 0px solid #fff; border-right: solid #77cfe0 0px; margin: 5px 5px 0px 10px; color: #8f8f8f; font-family: verdana; font-size: 9pt; line-height: 14px; text-align: justify; min-height: 70px; } .entry ul li { padding-left: 10px; 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, userpic friends */ .userpic, .userpicfriends { position: relative; float: left; padding: 0px; margin-right: 10px; margin-left: -140px; margin-top: 50px; background-color: transparent !important; } .userpic img, .userpicfriends img { background-color: #; width: 100px; height: 100px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } .userpic font { color: #d6d5d5 !important; text-transform: uppercase; text-align: center; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; text-align: center; } .userpicfriends {font-size: 8; align: center;} .userpicfriends a{ display: ;} /* date, subject, comments, currents */ .date{ position: absolute; width: 150px; background: #6cd1c1; margin-left: -165px; text-align: left; padding: 3px 0px 3px 5px; color: #fff; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; } .subject { background: #eac9c0; padding-left: 5px; padding-top:2px; padding-bottom:12px; margin-right: 0px; font-weight: normal; padding-bottom: 2px; color: #d1bde3; font-family: verdana; font-size: 11pt; font-style: ; letter-spacing: 1px; text-align: left; } .subject a, .subject a:link, .subject a:visited { font-family: Lucida Sans Unicode; color: #ca9494; font-weight: bold; font-size: 11pt; } .subject a:hover { color: #000; } .datesubject { padding-left: 0px; padding-bottom: 4px; margin-top: 10px; margin-right: 10px; border-bottom: 0px dashed #f1d38a; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 8pt; text-transform: ; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 8pt; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #deff65; font-size: 8pt; font-weight: normal; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 8pt; font-weight: normal; } .currentlocation { background: url('http://i.imgur.com/JuFjEBd.png') 2px 2px no-repeat; padding-left: 24px; } .currentmood { background: url('http://i.imgur.com/oXriPpT.png') 2px 2px no-repeat; padding-left: 24px; padding-bottom: 3px; } .currentmusic { background: url('http://i.imgur.com/MRrq0hk.png') 2px 0px no-repeat; padding-left: 24px; padding-bottom: 2px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { background: #6cd1c1; font-family: "Trebuchet Ms", sans-serif; font-size: 8pt; text-align: right; font-weight: none; padding: 6px; margin-bottom: 4px; position: relative; top: 10px; text-transform:lowercase; letter-spacing: 0px; } div.comments a, div.comments a:link, div.comments a:visited { color: #fff; text-transform: uppercase; } div.comments a:hover { color: #000; text-transform: uppercase; } /* other */ .clear { display: none; height: 0px; } /* header */ .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: transparant; height: 0px; } .datesubjectcomment { background-color: #fff; padding: 5px; margin-top: 20px; color: #c9c9c9; border-bottom: 1px dashed #cccccc; } .userpiccomment { position: relative; top: -10px; margin: 0px 10px 0px 0px; z-index: 15; float: left; height: 100px; width: 100px; background: #fff; padding: 3px; border: 1px solid #cccccc; } input, textarea { background-color: #fff; padding: 3px; font-size: 10px; font-family: "Trebuchet Ms", sans-serif; color: #d1bde3; border: 1px solid #cccccc; } textarea.textbox { width: 100% !important; border: 1px solid #cccccc; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet Ms", sans-serif; font-size: 10px; line-height: 125%; background-color: #fff; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "verdana", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #fff; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #fff; } .commentinfo { background-color: #fff; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #fff; background-color: #fff; border-bottom: 1px solid #d8d8d8; } /* tiny icons */ /* Generated by Malionette's 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://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/U46yKUE.png) no-repeat !important; padding: 13px 0 0 12px !important; } </textarea><br /></center> </font> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="georgia, lucida, tahoma" size="6" color="#8A8A8A">Install Instructions</font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 01. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Go to customize and set your style to S2 & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 02. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 03. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Then copy & paste the CSS into the box & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 04. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> No header so you need to add the links to the linklist. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 05. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> if you have any questions <a href="http://mixedfeeling.livejournal.com/597.html" target="_blank">check the faq first</a> </font> </div></td></tr> </table><a name='cutid1-end'></a></font></font></font></font></font> https://mixedfeeling.livejournal.com/21712.html?view=comments#comments style: flexible squares public unreal 17986233 4 https://mixedfeeling.livejournal.com/21432.html Fri, 01 Jan 2016 21:38:16 GMT unreal https://mixedfeeling.livejournal.com/21432.html <table width="500" bgcolor="#ffffff" cellspacing="2" cellpadding="10" align="center"> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> <center><img src="https://i.imgur.com/x4EDeid.png" fetchpriority="high"><br /><a href="http://i.imgur.com/cZmeg2g.png" target="_blank" rel="nofollow">LARGER PREVIEW</a> // 1024x768 and up // IE9, FF & Chrome <br /></font></center> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"><center><br /><textarea> /* Cleaned CSS: */ /* Title: Sunset Dream Creator: Brutal at mixedfeeling Style: Flexible Squares S2 */ BODY{ margin-left: ; background-color: #fef2e8; background-image: url(""); background-repeat:; background-attachment: fixed; font-size: 9pt; color: #fff; font-family: "verdana", sans-serif; } body{margin: 0; } b { color: #eea87e; } i { color: #deb554; } a, a:link, a:visited { font-family: verdana; cursor: default; color: #eea87e; font-weight: none; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: verdana; cursor: default; color: #c5c5c5; font-weight: none; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 8pt; background: #f9fafb; text-align: justify; border: 1px solid #e5e6ed; } #content { width: 900px; margin-top: 10px; margin-left: auto; margin-right: auto; background-image: url(""); background-repeat:; } #maincontent { margin: 10px 270px 0px 0px; background: #fff; } /* sidebar */ #sidebar { width: 250px; background: #fee8db; margin-top: 10px; padding: 5px; color: #8f8f8f; font-family: verdana; font-size: 8pt; text-align: justify; float: right; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { font-family: verdana; font-size: 9pt; color: #e6c065; font-weight: none; } div#sidebar a:hover { text-decoration: none; color: #fff; } .defaultuserpic { width: 100px; height: 100px; margin-top: 0px; margin-left: 70px; padding: 7px; background-color: !important; text-align: center; display: ; } .defaultuserpic img { border: 5px solid #f1d38a; -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 10px 0px; -ms-border-radius: 10px 0px 10px 0px; -o-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 5px 5px; } .sbarbody2 { padding: 0px 10px 5px 10px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 7px; padding-left: 7px; border: 0px solid #e1e1e1; background: #f9ddcd; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } .sbarcalendarposts { padding-right: 7px; padding-left: 7px; border: 0px solid #e1e1e1; background: #f9ddcd; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 0px 7px 0px 2px; padding: 4px 0px 4px 8px; list-style: none; border-bottom: 1px solid #fcdcca; } li.sbaritem:hover { background: #fcdcca; } li.sbartitle { background: #f1d38a; list-style: none; text-align: center; font-weight: bold; letter-spacing: 2px; padding: 2px 0px 2px 0px; color: #eea87e; font-family: verdana; font-size: 13pt; -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 10px 0px; -ms-border-radius: 10px 0px 10px 0px; -o-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #fff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 0px solid #e2e7e1; color: #9f8449; display: inline; font-family: calibri; font-size: 8pt; text-transform: uppercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} /* header, footer */ #header { width: auto; height: 300px; background-image: url("http://i.imgur.com/9dx5VL5.png"); background-repeat:no-repeat; background-position: bottom; color: #000; padding-top: 0px; padding-bottom: 0px; text-align: center; font-family: verdana; font-size: 13pt; font-weight: normal; text-transform: uppercase; } .lj-view-recent #footer, .lj-view-friends #footer { background: #f1d38a; margin-bottom: -15px; margin-left: 0px; padding: 6px 0px 8px 0px; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-family: verdana; font-size: 12pt; font-weight: normal; color: #000; } div#header a, div#header a:link, div#header a:visited{ font-family: verdana; padding-top: 7px;border-left: 0px solid #232323; margin:0 0 0 0px; color: #fff; } .lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link { font-family: verdana; color: #fff; font-size: 12pt; font-weight: normal; padding: 5px 5px 5px 5px; text-transform: uppercase; border-top: 0px solid #d3e2eb; } div#header li.view:hover, div#header a:hover { color:#000; } .lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover { font-family: verdana; color: #000000; font-size: 12pt; font-weight: normal; padding: 5px 5px 5px 5px; text-transform: uppercase; } ul.navheader{ padding: 13px 5px 10px 0; margin: 0px; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } ul.navheader li a:hover { } div#header li.view { padding: 10px; margin:0 0 0 0px; } #footer .viewing { } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } /* title, substitle */ .title { text-align: center; color: #A6D1C8; font-family: verdana; font-size: 22pt; text-transform: uppercase; letter-spacing: 2pt; text-shadow: 0.08em 0.08em 0.05em #91c7bc; margin-top: -8px; padding-left: 8px; display: none; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } /* tags page, tags */ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 8pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #353535; font-size: 8pt; text-transform: lowercase; font-weight: light; } /* subcontent, entry */ .subcontent { padding-left: 10px; padding-top: 1px; background: #fff; } .entry{ padding: 5px 15px 20px 0px; border-left: 0px solid #fff; border-right: solid #77cfe0 0px; margin: 5px 5px 0px 10px; color: #8f8f8f; font-family: verdana; font-size: 9pt; line-height: 14px; text-align: justify; min-height: 70px; } .entry ul li { padding-left: 10px; 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, userpic friends */ .userpic, .userpicfriends { position: relative; float: left; padding: 0px; margin-right: 10px; margin-left: -120px; margin-top: 50px; background-color: transparent !important; } .userpic img, .userpicfriends img { background-color: #; width: 100px; height: 100px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } .userpic font { color: #d6d5d5 !important; text-transform: uppercase; text-align: center; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; text-align: center; } .userpicfriends {font-size: 8; align: center;} .userpicfriends a{ display: ;} /* date, subject, comments, currents */ .date{ position: absolute; width: 150px; background: #f1d38a; margin-left: -165px; text-align: left; padding: 3px 0px 3px 5px; color: #deb554; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -ms-border-radius: 10px 0px 0px 10px; -o-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; } .subject { background: #f8c19f; padding-left: 5px; padding-top:2px; padding-bottom:12px; margin-right: 0px; font-weight: normal; padding-bottom: 2px; color: #d1bde3; font-family: verdana; font-size: 11pt; font-style: ; letter-spacing: 1px; text-align: left; -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 10px 0px; -ms-border-radius: 10px 0px 10px 0px; -o-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px; } .subject a, .subject a:link, .subject a:visited { font-family: Lucida Sans Unicode; color: #eea87e; font-weight: bold; font-size: 11pt; } .subject a:hover { color: #000; } .datesubject { padding-left: 0px; padding-bottom: 4px; margin-top: 10px; margin-right: 10px; border-bottom: 0px dashed #f1d38a; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 8pt; text-transform: ; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 8pt; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #deff65; font-size: 8pt; font-weight: normal; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 8pt; font-weight: normal; } .currentlocation { background: url('http://i.imgur.com/JuFjEBd.png') 2px 2px no-repeat; padding-left: 24px; } .currentmood { background: url('http://i.imgur.com/oXriPpT.png') 2px 2px no-repeat; padding-left: 24px; padding-bottom: 3px; } .currentmusic { background: url('http://i.imgur.com/MRrq0hk.png') 2px 0px no-repeat; padding-left: 24px; padding-bottom: 2px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { width: 185px; background: #f1d38a; font-family: "Trebuchet Ms", sans-serif; font-size: 8pt; text-align: right; font-weight: none; padding: 6px; margin-bottom: 4px; position: relative; top: 10px; left: 400px; text-transform:lowercase; letter-spacing: 0px; -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 10px 0px; -ms-border-radius: 10px 0px 10px 0px; -o-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px; } div.comments a, div.comments a:link, div.comments a:visited { color: #fff; text-transform: uppercase; } div.comments a:hover { color: #000; text-transform: uppercase; } /* other */ .clear { display: none; height: 0px; } /* header */ .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: transparant; height: 0px; } .datesubjectcomment { background-color: #fff; padding: 5px; margin-top: 20px; color: #c9c9c9; border-bottom: 1px dashed #cccccc; } .userpiccomment { position: relative; top: -10px; margin: 0px 10px 0px 0px; z-index: 15; float: left; height: 100px; width: 100px; background: #fff; padding: 3px; border: 1px solid #cccccc; } input, textarea { background-color: #fff; padding: 3px; font-size: 10px; font-family: "Trebuchet Ms", sans-serif; color: #d1bde3; border: 1px solid #cccccc; } textarea.textbox { width: 100% !important; border: 1px solid #cccccc; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet Ms", sans-serif; font-size: 10px; line-height: 125%; background-color: #fff; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "verdana", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #fff; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #fff; } .commentinfo { background-color: #fff; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #fff; background-color: #fff; border-bottom: 1px solid #d8d8d8; } /* tiny icons */ /* Generated by Malionette's 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://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/U46yKUE.png) no-repeat !important; padding: 13px 0 0 12px !important; } </textarea><br /></center> </font> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="georgia, lucida, tahoma" size="6" color="#8A8A8A">Install Instructions</font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 01. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Go to customize and set your style to S2 & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 02. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 03. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Then copy & paste the CSS into the box & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 04. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> No header so you need to add the links to the linklist. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 05. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> if you have any questions <a href="http://mixedfeeling.livejournal.com/597.html" target="_blank">check the faq first</a> </font> </div></td></tr> </table><a name='cutid1-end'></a></font></font></font></font></font> https://mixedfeeling.livejournal.com/21432.html?view=comments#comments style: flexible squares public unreal 17986233 4 https://mixedfeeling.livejournal.com/21153.html Fri, 01 Jan 2016 15:52:29 GMT unreal https://mixedfeeling.livejournal.com/21153.html <center><img src="https://imgprx.livejournal.net/47485c005f09dd8e6ceb6d5dabb071263549a89ede560a3be48ec3afae76aaa2/P2WlxyVijxKvg25o9sdUWEMdsf-ah7h0ix_MSrdXhtGd5w3Zl823RkkpDQghTUwj5RoAmT6NO1sRRARdzk4_pxJd3SXMaeiEvggCol51Px_uH_Gmv89CgGNVgR0iYDtMpkW041sUPc4hD28YA0XL7x4_3kgDTA:FvpTNkMBeivrdW_MkxogFQ" fetchpriority="high"></center><br />I realize it has been since september since I made a new layout. I haven't felt insprired to create a new layout. I hope I can bring you something new soon. https://mixedfeeling.livejournal.com/21153.html?view=comments#comments !mod public unreal 17986233 2 https://mixedfeeling.livejournal.com/20956.html Thu, 26 Nov 2015 16:24:38 GMT unreal https://mixedfeeling.livejournal.com/20956.html <center><font size="5">Patterns</font></center><br />Found another website with great patterns: <a target='_blank' href='http://www.vectortiles.com/' rel='nofollow'>http://www.vectortiles.com/</a> https://mixedfeeling.livejournal.com/20956.html?view=comments#comments *goodies public unreal 17986233 0 https://mixedfeeling.livejournal.com/20619.html Fri, 30 Oct 2015 20:27:29 GMT unreal https://mixedfeeling.livejournal.com/20619.html Yes I finally decided to get of my lazy butt and try and code a theme for tumblr. Well guess what I did it. Because of that I opened up a theme tumblr. If you use tumblr and wish to be updated on my tumblr themes then you can follow me here: <a target='_blank' href='http://remapthesouls.tumblr.com/' rel='nofollow'>http://remapthesouls.tumblr.com/</a><br /><br />Don't worry I won't leave and stop creating for livejournal. https://mixedfeeling.livejournal.com/20619.html?view=comments#comments !mod public unreal 17986233 1 https://mixedfeeling.livejournal.com/20342.html Fri, 09 Oct 2015 15:58:33 GMT unreal https://mixedfeeling.livejournal.com/20342.html When saving it will save the original size.<br /><center><img src="https://imgprx.livejournal.net/b0da5a7c749852448fef0d301786037359a617cbc1239f946c9e665ebd28af1d/P2WlxyVijxKvg25o9sdUWEMdsf-ah7h02VyHQrZWnNnU_R7dmcTrC0UrT1JnEkJwsg0HzGyLLFMdUnENjww08EhCm37VIujM_VtEsBRzJF__FuKUusRdmiBGuxFmbnkKvRjpuGlVK4pt:bD6krX_FSUQnsj8eehDMVA" width="250" fetchpriority="high"> <img src="https://imgprx.livejournal.net/ec58f34f00d4c32ba6ea4c820bdcd2a95c560a5b4629da02b53e95a813979604/P2WlxyVijxKvg25o9sdUWEMdsf-ah7h02VyHQrZWnNnU_R7dmcTrC0UrT1JnEkJwsg0HzGyLLFMdUnENjww08EhCm37VIujM_VtEsBRzJF__FuKUusRdmiBGuxFmbnkKvRjouGlVK4pt:AZNkYsJgApDseDAeokK2nw" width="250" loading="lazy"><br /><br /><br /><img src="https://imgprx.livejournal.net/9a68037e2dbd6cdbe1f984186a17d4efd4afcd7f131480fd1d58710389561e76/P2WlxyVijxKvg25o9sdUWEMdsf-ah7h02VyHQrZWnNnU_R7dmcTrC0UrT1JnEkJwsg0HzGyLLFMdUnENjww08EhCm37VIujM_VtEsBRzJF__FuKUusRdmiBGuxFmbnkKvRjvuGlVK4pt:w9ImDPIa8b6fDh0cq_3S7w" width="250" loading="lazy"> <img src="https://imgprx.livejournal.net/fa50cd55d9ae63e47ac9b8c9c791b3d72ae429ada8250c44c9ea92f8aa308255/P2WlxyVijxKvg25o9sdUWEMdsf-ah7h02VyHQrZWnNnU_R7dmcTrC0UrT1JnEkJwsg0HzGyLLFMdUnENjww08EhCm37VIujM_VtEsBRzJF__FuKUusRdmiBGuxFmbnkKvRjuuGlVK4pt:rn_mw0-_umpUxBIcc6-oJA" width="250" loading="lazy"><br /><img src="https://imgprx.livejournal.net/8f7769d04bd491561b7b901a45989222a60d1eafcceee9ae6212fd9598aa1f27/P2WlxyVijxKvg25o9sdUWEMdsf-ah7h02VyHQrZWnNnU_R7dmcTrC0UrT1JnEkJwsg0HzGyLLFMdUnENjww08EhCm37VIujM_VtEsBRzJF__FuKUusRdmiBGuxFmbnkKvRjtuGlVK4pt:GImnk4lQZhcImgMdG1kneQ" width="250" loading="lazy"> <img src="https://imgprx.livejournal.net/71e79a7c47caf09ee36c1b0a63c698d041f93a829ad34fa82d7095d8e1b92f4d/P2WlxyVijxKvg25o9sdUWEMdsf-ah7h02VyHQrZWnNnU_R7dmcTrC0UrT1JnEkJwsg0HzGyLLFMdUnQNjgx2-UkAjzrYMf2JoEpZvgtgZwTpEPeWpIxdjGxdshdhciYJ8Vyo83FLYsJgD3VT:q2bpFNa2-M9gwghFN51sSw" width="250" loading="lazy"><br /><img src="https://imgprx.livejournal.net/b5d9a8b7c50d910ae2c5c4747188aff879f54dd95dcb91a6da7e1d963e4eedbe/P2WlxyVijxKvg25o9sdUWEMdsf-ah7h02VyHQrZWnNnU_R7dmcTrC0UrT1JnEkJwsg0HzGyLLFMdUnEemBkv9lAKxmfGIvOAoElVpRxtLwH_XvOYotVLm2MdqBdxdWQLvVu54i4VfYZ6GDAMIQ:ihnQLEKIW5PzH31LdBGzWA" width="250" loading="lazy"> <img src="https://imgprx.livejournal.net/9e83526916ba035aebfa4b13342c8347d99bfca8661437910c43499bd0a01eb8/P2WlxyVijxKvg25o9sdUWEMdsf-ah7h02VyHQrZWnNnU_R7dmcTrC0UrT1JnEkJwsg0HzGyLLFMdUnEemBkv9lAKxmfGIvOAoElVpRxtLwH_XvOYotVLm2MdqBdxdWQLvVu54i4Vf4Z6GDAMIQ:T6cr_zXT2gyIVeri44WtWQ" width="250" loading="lazy"></center> https://mixedfeeling.livejournal.com/20342.html?view=comments#comments *goodies public unreal 17986233 0 https://mixedfeeling.livejournal.com/20169.html Sat, 26 Sep 2015 20:55:36 GMT unreal https://mixedfeeling.livejournal.com/20169.html Two versions for you guys.<br /><br />This started as a new layout for my graphics community. But in the end I didn't like it enough so I am offering it up here now.<br /><table width="500" bgcolor="#ffffff" cellspacing="2" cellpadding="10" align="center"> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> <center><img src="https://i.imgur.com/TTfsUSB.png" fetchpriority="high"><br /><a href="http://i.imgur.com/f3BiKqB.gif" target="_blank" rel="nofollow">LARGER PREVIEW</a> // 1024x768 and up // IE9, FF & Chrome <br /></font></center> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"><center><br /><b>Orange Version</b><br /><textarea> /* Cleaned CSS: */ /* Title: By Your Side Creator: Brutal at mixedfeeling Style: Flexible Squares S2 */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v9/CcKI4k9un7TZVWzRVT-T8_k_vArhqVIZ0nv9q090hN8.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: 'Raleway'; font-style: normal; font-weight: 500; src: url('https://dl.dropboxusercontent.com/u/11097687/Raleway-Medium.eot'); } BODY{ margin-left: ; background-color: #fcb84e; background-image: url(""); background-repeat:; background-attachment: fixed; font-size: 9pt; color: #fff; font-family: "verdana", sans-serif; } body{margin: 0; } b { color: #F2A649; } i { color: #F2A649; } a, a:link, a:visited { font-family: Raleway; cursor: default; color: #F2A649; font-weight: none; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: Raleway; cursor: default; color: #c5c5c5; font-weight: none; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 10pt; background: #f9fafb; text-align: justify; border: 1px solid #e5e6ed; } #content { width: 970px; margin-top: 0px; margin-right: auto; background: #; } #maincontent { margin: 20px 0px 0px 330px; } /* sidebar */ #sidebar { width: 300px; height: 100%; position: absolute; background: #ff9c00; margin-top: -20px; padding: 5px; border-right: 1px solid #e98f00; color: #fff; font-family: Raleway; font-size: 10pt; text-align: justify; float: left; position: fixed; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { font-family: Raleway; font-size: 10pt; color: #fff; font-style: ; font-weight: none; } div#sidebar a:hover { text-decoration: none; color: #fff; } .defaultuserpic { width: 100px; height: 100px; margin-top: 10px; margin-left: 50px; padding: 7px; background-color: #f7f7f7 !important; text-align: center; display: none; } .defaultuserpic img { -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 5px 5px; margin: 0px 4px 0px 4px; } .sbarbody2 { padding: 0px 10px 5px 10px; margin: 0px 6px 0px 6px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 9px; padding-left: 9px; border: 0px solid #e1e1e1; background: #e98f00; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #fff; font-size: 9pt; } .sbarcalendarposts { padding-right: 9px; padding-left: 9px; border: 0px solid #e1e1e1; background: #e98f00; text-align: right; font-family: Raleway; color: #73c8cb; font-size: 9pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 4px 7px 0px 4px; padding: 4px 0px 4px 8px; list-style: none; background: #; border-bottom: 1px solid #e98f00; box-shadow: 0px 0px 0px #000; } li.sbaritem:hover { background: #e98f00; } li.sbartitle { list-style: none; text-align: left; font-weight: ; letter-spacing: 0px; padding: 2px 0px 0px 2px; color: #fff; font-family: Raleway; font-size: 14pt; text-shadow: 0.04em 0.04em 0.03em #000000; background: #; box-shadow: 0px 0px 0px #000; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #fff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 0px solid #e2e7e1; color: #9f8449; display: inline; font-family: calibri; font-size: 8pt; text-transform: uppercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} /* header, footer */ #header { width: 650px; background: #93c3e0; background-image: url(""); background-repeat: no-repeat; background-position: bottom left; color: #000; padding-top: 0px; padding-bottom: 0px; margin-left: 250px; text-align: right; font-family: verdana; font-size: 13pt; font-weight: normal; text-transform: lowercase; display: none; } .lj-view-recent #footer, .lj-view-friends #footer { width:640px; background: #4bc8b5; background-image: url('http://i.imgur.com/zauxTsL.png'); background-repeat: repeat; margin-top: -20px; margin-bottom: -15px; margin-left: 330px; padding: 8px 0px 8px 0px; text-align: left; text-transform: lowercase; letter-spacing: 1px; font-family: Raleway; font-size: 12pt; font-weight: normal; color: #000; } div#header a, div#header a:link, div#header a:visited{ font-family: verdana; padding: 5px;border-left: 0px solid #232323; margin:0 0 0 0px; color: #EBC04B; } .lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link { font-family: Raleway; color: #F2A649; font-size: 12pt; font-weight: normal; padding: 5px 5px 5px 5px; text-shadow: 0.04em 0.04em 0.03em #A35A00; } div#header li.view:hover, div#header a:hover { color:#000; } .lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover { font-family: Raleway; color: #000000; font-size: 12pt; font-weight: normal; padding: 5px 5px 5px 5px; text-shadow: 0.04em 0.04em 0.03em #A35A00; } ul.navheader{ padding: 10px 5px 10px 0; margin: 0px; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } ul.navheader li a:hover { } div#header li.view { padding: 10px; margin:0 0 0 0px; } #footer .viewing { } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } /* title, substitle */ .title { text-align: center; color: #A6D1C8; font-family: verdana; font-size: 22pt; text-transform: uppercase; letter-spacing: 2pt; text-shadow: 0.08em 0.08em 0.05em #91c7bc; margin-top: -8px; padding-left: 8px; display: none; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } /* tags page, tags */ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 8pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #353535; font-size: 8pt; text-transform: lowercase; font-weight: light; } /* subcontent, entry */ .subcontent { padding-left: 10px; padding-top: 0px; background: #fff; } .entry{ padding: 5px 15px 20px 0px; border-left: 0px solid #fff; border-right: solid #77cfe0 0px; margin: 5px 5px 0px 10px; color: #8f8f8f; font-family: Raleway; font-size: 10pt; text-align: justify; min-height: 70px; } .entry ul li { padding-left: 10px; 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, userpic friends */ .userpic, .userpicfriends { position: relative; float: right; padding: 0px; margin-right: -120px; margin-left: 0px; margin-top: 0px; background-color: #fcb84e !important; } .userpic img, .userpicfriends img { background-color: #f0f0f0; width: 100px; height: 100px; -webkit-border-radius: 10px 0px 10px 0px; -moz-border-radius: 10px 0px 10px 0px; -ms-border-radius: 10px 0px 10px 0px; -o-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px; } .userpic font { color: #d6d5d5 !important; text-transform: uppercase; display: none; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; display: none; } .userpicfriends {font-size: 3; align: center;} .userpicfriends a{ display: none;} /* date, subject, comments, currents */ .date{ margin-top: 0px; text-align: left; padding: 10px 0px 0px 12px; color: #000; font-family: Raleway; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; } .subject { padding-left: 10px; padding-top:2px; padding-bottom:12px; font-weight: normal; padding-bottom: 2px; color: #fff; font-family: Raleway; font-size: 11pt; font-style: ; letter-spacing: 1px; text-align: left; } .subject a, .subject a:link, .subject a:visited { font-family: Raleway; color: #F2A649; font-weight: bold; font-size: 11pt; text-shadow: 0.04em 0.04em 0.03em #A35A00; } .subject a:hover { color: #000; } .datesubject { background: #4bc8b5; background-image: url('http://i.imgur.com/zauxTsL.png'); background-repeat: repeat; padding-left: 0px; padding-bottom: 4px; margin-left: -10px; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 8pt; text-transform: ; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 8pt; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #deff65; font-size: 8pt; font-weight: normal; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 8pt; font-weight: normal; } .currentlocation { background: url('http://i.imgur.com/JuFjEBd.png') 2px 2px no-repeat; padding-left: 24px; } .currentmood { background: url('http://i.imgur.com/oXriPpT.png') 2px 2px no-repeat; padding-left: 24px; padding-bottom: 3px; } .currentmusic { background: url('http://i.imgur.com/MRrq0hk.png') 2px 0px no-repeat; padding-left: 24px; padding-bottom: 2px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { font-family: "Trebuchet Ms", sans-serif; font-size: 8pt; text-align: right; font-weight: none; padding: 6px; position: relative; top: 4px; text-transform:lowercase; letter-spacing: 0px; border-top: 1px solid #dbdbdb; } div.comments a, div.comments a:link, div.comments a:visited { color: #F2A649; text-transform: uppercase; } div.comments a:hover { color: #000; text-transform: uppercase; } /* other */ .clear { display: none; height: 0px; } /* header */ .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: transparant; height: 10px; } .datesubjectcomment { background-color: #f7f7f7; padding: 5px; margin-top: 20px; color: #c9c9c9; border-bottom: 1px dashed #cccccc; } .userpiccomment { position: relative; top: -10px; margin: 0px 10px 0px 0px; z-index: 15; float: left; height: 100px; width: 100px; background: #f7f7f7; padding: 3px; border: 1px solid #cccccc; } input, textarea { background-color: #f7f7f7; padding: 3px; font-size: 10px; font-family: "Trebuchet Ms", sans-serif; color: #FF69B9; border: 1px solid #cccccc; } textarea.textbox { width: 100% !important; border: 1px solid #cccccc; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet Ms", sans-serif; font-size: 10px; line-height: 125%; background-color: #f7f7f7; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "verdana", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #f7f7f7; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #f7f7f7; } .commentinfo { background-color: #f7f7f7; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #fff; background-color: #f7f7f7; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; } /* tiny icons */ /* Generated by Malionette's 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://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/U46yKUE.png) no-repeat !important; padding: 13px 0 0 12px !important; } </textarea><br /><br /><b>Colourful Version&lt;/a&gt;<br /><textarea> /* Cleaned CSS: */ /* Title: Fruity Creator: Brutal at mixedfeeling Style: Flexible Squares S2 */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v9/CcKI4k9un7TZVWzRVT-T8_k_vArhqVIZ0nv9q090hN8.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: 'Raleway'; font-style: normal; font-weight: 500; src: url('https://dl.dropboxusercontent.com/u/11097687/Raleway-Medium.eot'); } BODY{ margin-left: ; background-color: #F4DD51; background-image: url(""); background-repeat:; background-attachment: fixed; font-size: 9pt; color: #fff; font-family: "verdana", sans-serif; } body{margin: 0; } b { color: #f0d42a; } i { color: #f0d42a; } a, a:link, a:visited { font-family: Raleway; cursor: default; color: #f0d42a; font-weight: none; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: Raleway; cursor: default; color: #c5c5c5; font-weight: none; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 10pt; background: #f9fafb; text-align: justify; border: 1px solid #e5e6ed; } #content { width: 970px; margin-top: 0px; margin-right: auto; background: #; } #maincontent { margin: 20px 0px 0px 330px; } /* sidebar */ #sidebar { width: 300px; height: 100%; position: absolute; background: #e7335d; margin-top: -20px; padding: 5px; border-right: 1px solid #ca1540; color: #fff; font-family: Raleway; font-size: 10pt; text-align: justify; float: left; position: fixed; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { font-family: Raleway; font-size: 10pt; color: #fff; font-style: ; font-weight: none; } div#sidebar a:hover { text-decoration: none; color: #fff; } .defaultuserpic { width: 100px; height: 100px; margin-top: 10px; margin-left: 50px; padding: 7px; background-color: #f7f7f7 !important; text-align: center; display: none; } .defaultuserpic img { -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 5px 5px; margin: 0px 4px 0px 4px; } .sbarbody2 { padding: 0px 10px 5px 10px; margin: 0px 6px 0px 6px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 9px; padding-left: 9px; border: 0px solid #e1e1e1; background: #ca1540; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #fff; font-size: 9pt; } .sbarcalendarposts { padding-right: 9px; padding-left: 9px; border: 0px solid #e1e1e1; background: #ca1540; text-align: right; font-family: Raleway; color: #73c8cb; font-size: 9pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 4px 7px 0px 4px; padding: 4px 0px 4px 8px; list-style: none; background: #; border-bottom: 1px solid #ca1540; box-shadow: 0px 0px 0px #000; } li.sbaritem:hover { background: #F4DD51; } li.sbartitle { list-style: none; text-align: left; font-weight: ; letter-spacing: 0px; padding: 2px 0px 0px 2px; color: #fff; font-family: Raleway; font-size: 14pt; text-shadow: 0.04em 0.04em 0.03em #000000; background: #; box-shadow: 0px 0px 0px #000; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #fff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 0px solid #e2e7e1; color: #9f8449; display: inline; font-family: calibri; font-size: 8pt; text-transform: uppercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} /* header, footer */ #header { width: 650px; background: #93c3e0; background-image: url(""); background-repeat: no-repeat; background-position: bottom left; color: #000; padding-top: 0px; padding-bottom: 0px; margin-left: 250px; text-align: right; font-family: verdana; font-size: 13pt; font-weight: normal; text-transform: lowercase; display: none; } .lj-view-recent #footer, .lj-view-friends #footer { width:640px; background: #753361; margin-top: -20px; margin-bottom: -15px; margin-left: 330px; padding: 8px 0px 8px 0px; text-align: left; text-transform: lowercase; letter-spacing: 1px; font-family: Raleway; font-size: 12pt; font-weight: normal; color: #000; } div#header a, div#header a:link, div#header a:visited{ font-family: verdana; padding: 5px;border-left: 0px solid #232323; margin:0 0 0 0px; color: #EBC04B; } .lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link { font-family: Raleway; color: #cf99bf; font-size: 12pt; font-weight: normal; padding: 5px 5px 5px 5px; text-shadow: 0.04em 0.04em 0.03em #ba7aa6; } div#header li.view:hover, div#header a:hover { color:#000; } .lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover { font-family: Raleway; color: #fff; font-size: 12pt; font-weight: normal; padding: 5px 5px 5px 5px; text-shadow: 0.04em 0.04em 0.03em #ba7aa6; } ul.navheader{ padding: 10px 5px 10px 0; margin: 0px; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } ul.navheader li a:hover { } div#header li.view { padding: 10px; margin:0 0 0 0px; } #footer .viewing { } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } /* title, substitle */ .title { text-align: center; color: #A6D1C8; font-family: verdana; font-size: 22pt; text-transform: uppercase; letter-spacing: 2pt; text-shadow: 0.08em 0.08em 0.05em #91c7bc; margin-top: -8px; padding-left: 8px; display: none; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } /* tags page, tags */ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 8pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #353535; font-size: 8pt; text-transform: lowercase; font-weight: light; } /* subcontent, entry */ .subcontent { padding-left: 10px; padding-top: 0px; background: #fff; } .entry{ padding: 5px 15px 20px 0px; border-left: 0px solid #fff; border-right: solid #77cfe0 0px; margin: 5px 5px 0px 10px; color: #8f8f8f; font-family: Raleway; font-size: 10pt; text-align: justify; min-height: 70px; } .entry ul li { padding-left: 10px; 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, userpic friends */ .userpic, .userpicfriends { position: relative; float: right; padding: 0px; margin-right: -120px; margin-left: 0px; margin-top: 0px; background-color: #fcb84e !important; } .userpic img, .userpicfriends img { background-color: #f0f0f0; width: 100px; height: 100px; -webkit-border-radius: 10px 0px 10px 0px; -moz-border-radius: 10px 0px 10px 0px; -ms-border-radius: 10px 0px 10px 0px; -o-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px; } .userpic font { color: #d6d5d5 !important; text-transform: uppercase; display: none; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; display: none; } .userpicfriends {font-size: 3; align: center;} .userpicfriends a{ display: none;} /* date, subject, comments, currents */ .date{ margin-top: 0px; text-align: left; padding: 10px 0px 0px 12px; color: #fff; font-family: Raleway; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; } .subject { padding-left: 10px; padding-top:2px; padding-bottom:12px; font-weight: normal; padding-bottom: 2px; color: #fff; font-family: Raleway; font-size: 11pt; font-style: ; letter-spacing: 1px; text-align: left; } .subject a, .subject a:link, .subject a:visited { font-family: Raleway; color: #cf99bf; font-weight: bold; font-size: 11pt; text-shadow: 0.04em 0.04em 0.03em #ba7aa6; } .subject a:hover { color: #fff; } .datesubject { background: #632f53; padding-left: 0px; padding-bottom: 4px; margin-left: -10px; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 8pt; text-transform: ; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 8pt; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #deff65; font-size: 8pt; font-weight: normal; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 8pt; font-weight: normal; } .currentlocation { background: url('http://i.imgur.com/JuFjEBd.png') 2px 2px no-repeat; padding-left: 24px; } .currentmood { background: url('http://i.imgur.com/oXriPpT.png') 2px 2px no-repeat; padding-left: 24px; padding-bottom: 3px; } .currentmusic { background: url('http://i.imgur.com/MRrq0hk.png') 2px 0px no-repeat; padding-left: 24px; padding-bottom: 2px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { font-family: "Trebuchet Ms", sans-serif; font-size: 8pt; text-align: right; font-weight: none; padding: 6px; position: relative; top: 4px; text-transform:lowercase; letter-spacing: 0px; border-top: 1px solid #dbdbdb; } div.comments a, div.comments a:link, div.comments a:visited { color: #ba7aa6; text-transform: uppercase; } div.comments a:hover { color: #000; text-transform: uppercase; } /* other */ .clear { display: none; height: 0px; } /* header */ .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: transparant; height: 10px; } .datesubjectcomment { background-color: #f7f7f7; padding: 5px; margin-top: 20px; color: #c9c9c9; border-bottom: 1px dashed #cccccc; } .userpiccomment { position: relative; top: -10px; margin: 0px 10px 0px 0px; z-index: 15; float: left; height: 100px; width: 100px; background: #f7f7f7; padding: 3px; border: 1px solid #cccccc; } input, textarea { background-color: #f7f7f7; padding: 3px; font-size: 10px; font-family: "Trebuchet Ms", sans-serif; color: #FF69B9; border: 1px solid #cccccc; } textarea.textbox { width: 100% !important; border: 1px solid #cccccc; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet Ms", sans-serif; font-size: 10px; line-height: 125%; background-color: #f7f7f7; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "verdana", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #f7f7f7; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #f7f7f7; } .commentinfo { background-color: #f7f7f7; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #fff; background-color: #f7f7f7; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; } /* tiny icons */ /* Generated by Malionette's 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://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/U46yKUE.png) no-repeat !important; padding: 13px 0 0 12px !important; } </textarea><br /><br /></center> </font> </div></td></tr> <tr> <td width="500" height="10" valign="top" bgcolor="#f3f3f3" colspan="2"><div align="left"> <font face="georgia, lucida, tahoma" size="6" color="#8A8A8A">Install Instructions</font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 01. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Go to customize and set your style to S2 & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 02. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 03. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> Then copy & paste the CSS into the box & save changes. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 04. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> No header so you need to add the links to the linklist. </font> </div></td></tr> <tr> <td width="40" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> 05. </div></td> <td width="460" valign="top" bgcolor="#f3f3f3"><div align="left"><font face="lucida console, lucida, tahoma" size="1" color="#8A8A8A"> if you have any questions <a href="http://mixedfeeling.livejournal.com/597.html" target="_blank">check the faq first</a> </font> </div></td></tr> </table><a name='cutid1-end'></a></b></font></font></font></font></font> https://mixedfeeling.livejournal.com/20169.html?view=comments#comments public unreal 17986233 0 https://mixedfeeling.livejournal.com/19880.html Thu, 17 Sep 2015 14:48:42 GMT unreal https://mixedfeeling.livejournal.com/19880.html Livejournal seems to have changed some things again which causes some of my layouts to go wonky. It has to do with the header not looking the way it should. If you seem to have that problem then look for <a href='https://www.livejournal.com/rsearch/?tags=%23header'>#header</a> and delete the following:<br /><blockquote>background-image: url("); <br />background-repeat: no-repeat;<br />background-position: top center;</blockquote> https://mixedfeeling.livejournal.com/19880.html?view=comments#comments !mod public unreal 17986233 0