Disjunction; Flexible Squares

[lu_hesperia]

( STATIC ) ( LIVE )

XIV. DISJUNCTION→ S2 Flexible Squares
→ Basic, plus and paid; ad placement between entries, horizontal or vertical.
→ Features custom comment pages, title, subtitle, navigation and sidebar.
→ Default userpic is disabled.
PREVIEW AND CODE
(Static) (Live)
/*- 014 Disjunction
Layout by lu_hesperia at ourhappyhours.livejournal.com
Tiny icons by pinvoke.com -*/

@font-face {font-family: 'Muli'; font-style: normal; font-weight: 400; src: local('Muli'), url(http://fonts.gstatic.com/s/muli/v7/z6c3Zzm51I2zB_Gi7146Bg.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: 'Muli'; font-style: italic; font-weight: 400; src: local('Muli Italic'), local('Muli-Italic'), url(http://fonts.gstatic.com/s/muli/v7/RGzT9VzvdKojoeSA3nPC6Q.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: 'Lobster'; font-style: normal; font-weight: 400; src: local('Lobster'), local('Lobster-Regular'), url(http://fonts.gstatic.com/s/lobster/v12/cycBf3mfbGkh66G5NhszPQ.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;}

body {background:#dbdbdb url() repeat fixed; color:#a0a0a0; font-family: Muli, Tahoma, sans-serif; font-size: 12px;}

::selection {background-color:#a0486b; color:#f0f0f0;}

::-moz-selection {background-color:#a0486b; color:#f0f0f0;}

a, a:link, a:visited {color: #8eb2c5; text-decoration: none;}

a:hover {color: #d1313d;}

p, td {}

blockquote {padding: 0 12px; border-left: 5px solid #f9bf76; border-right: 5px solid #f9bf76;}

code, kbd, pre, tt {font-family: Consolas, monospace; font-size: 11px;}

code:hover {background:#615375; color:#d7d3dc;}

strong, b {}

h2 {display:none;}

#content {width: 952px; margin-left: auto; margin-right: auto; margin-top: 42px;}

#maincontent {width:570px; float:left;}

#sidebar {float: right; text-align: justify; width: 210px; color:#fff;}

.sbarheader {display:none;}

.sbarbody {}

.defaultuserpic {display:none;}

#sidebar_linklist.sbarbody {background-color:#d1313d; margin-bottom:27px; padding:15px; text-align: center;}

#sidebar_linklist.sbarbody li.sbaritem {text-transform: uppercase; padding: 2px 0; letter-spacing: 1px;}

#sidebar_linklist.sbarbody li.sbaritem a, #sidebar_linklist.sbarbody li.sbaritem a:link, #sidebar_linklist.sbarbody li.sbaritem a:visited {color: #f3cbce;}

#sidebar_linklist.sbarbody li.sbaritem a:hover {letter-spacing: 3px; background-color:#fff; color:#d1313d; padding:4px 3px 2px 5px;}

#sidebar_tags.sbarbody {background-color:#ea8157; margin-bottom:27px; padding:15px; font-size:11px;}

#sidebar_tags.sbarbody li.sbaritem a, #sidebar_tags.sbarbody li.sbaritem a:link, #sidebar_tags.sbarbody li.sbaritem a:visited {color: #f9dfd4;}

#sidebar_tags.sbarbody li.sbaritem a:hover {color: #fff;}

#sidebar_tags.sbarbody li.sbaritem {text-transform: uppercase; padding: 1px 0; letter-spacing: 1px;}

#sidebar_summary.sbarbody {background-color:#708cb6; margin-bottom:27px; padding: 15px; line-height:1.4; color: #bac8db; text-align:left;}

#sidebar_summary.sbarbody li.sbaritem a, #sidebar_summary.sbarbody li.sbaritem a:link, #sidebar_summary.sbarbody li.sbaritem a:visited {color: #d9e0ea;}

#sidebar_summary.sbarbody li.sbaritem a:hover {color: #fff;}

#sidebar_calendar.sbarbody {background-color: #615375; margin-bottom: 27px; padding: 15px; text-align: center; font-size:11px; color:#d7d3dc;}

#sidebar_calendar.sbarbody ul.sbarlist li.sbartitle {display:inline!important; font-size:13px;}

.sbarbody2 {background-color:#a0486b; margin-bottom:27px; padding: 15px; line-height:1.4; color: #e7d1d9;}

.sbarbody2 img {max-width:180px;}

#sidebar a, #sidebar a:link, #sidebar a:visited {color:#fff;}

#sidebar a:hover {color:#fff;}

li.tagcloud {line-height:1;}

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

li.sbartitle {display:none;}

#header {text-align:right; padding-bottom:40px; color:#a0486b;}

ul.navheader {list-style:none; padding:0px 0px 5px!important; margin: 0px; border-bottom: 5px #f9bf76 solid; font-size:16px; text-transform: uppercase;}

.navheader li {display:inline; margin-left: 5px;}

.navheader li a {color:#a0486b;}

.navheader li a:hover {color:#d1313d;}

.title {text-align:left; font-size:36px; font-family: Lobster, Impact, 'Arial Black', sans-serif; text-transform: lowercase; color:#615375;}

.subtitle {text-align:left; text-transform: uppercase; padding-left:10px; letter-spacing: 5px; color:#708cb6;}

.subcontent {border-bottom: 5px #8eb2c5 solid; background-color: #fff; min-height: 110px;}

.entry {padding: 10px 18px 18px; text-align: justify;}

.entry_text {line-height:1.4;}

.entry_text img {max-width: 534px;}

.userpic, .userpicfriends {position: relative; float: right; background-color: transparent!important; color:transparent; padding: 0px; margin: 0px -127px 0 0px; text-align: right; font-size: 9px; z-index: 15; text-transform: uppercase;}

.userpic img, .userpicfriends img {padding: 5px 0 2px 0; border-top: 10px solid #615375;}

.userpicfriends font {color:#615375;}

.userpic a, .userpic a:link, .userpic a:visited, .userpicfriends a, .userpicfriends a:link, .userpicfriends a:visited {color:#615375;}

.date {text-transform: uppercase; font-size:10px; text-align: center; float:right; background-color: #d1313d; padding:5px; color:#fff;}

.subject {font-size:25px; font-family: Lobster, Impact, 'Arial Black', sans-serif; line-height: 1.2; margin-top: -5px; color:#615375;}

.subject a, .subject a:link, .subject a:visited {color: #a0486b; text-transform:none;}

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

.datesubject {padding: 18px; padding-bottom: 0px;}

.ljtags {margin-top: 15px; text-align: right; font-size: 10px; color: transparent; background-color: #708cb6; padding: 5px 5px 4px; text-transform: uppercase;}

.ljtags a, ljtags a:link, .ljtags a:visited, .ljtags a:hover {color:#fff;}

.currents a, currents a:link, .currents a:visited, .currents a:hover {color:#ea8157;}

.currents {margin-top: 12px; text-transform:capitalize; color:#ea8157; font-size:11px;}

.currents strong, .currentmood strong, .currentgroups strong, .currentlocation strong, .currentmusic strong {color:#8eb2c5; font-weight:normal;}

.comments {margin-top: 12px; background-color: #f9bf76; padding: 5px; font-size: 10px; text-transform: uppercase; text-align: right; color: transparent;}

.comments a, .comments a:link, .comments a:visited, .comments a:hover {color:#fff;}

.separator {height: 36px;}

#footer {padding-bottom:31px;}

ul.navfooter {text-align:right; list-style:none; padding:0px 0px 5px!important; margin: 0px; border-bottom: 5px #f9bf76 solid; font-size:16px; text-transform: uppercase;}

ul.navfooter li {display:inline; margin-left: 5px;}

.navfooter li a {color:#a0486b;}

.navfooter li a:hover {color:#d1313d;}

.clearfoot {clear: both;}

#footer .viewing {display:none;}

ul.year {text-align: center; font-size: 18px; padding: 20px 0px; background-color: #fff; width: 694px; margin-bottom: 45px; margin-top: 0px;}

ul.year li {display: inline;}

table.yeartable {background-color: #fff; padding: 25px 100px 10px; width: 694px;}

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

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

td.yearmonth {border-style: none;}

.ljtaglist {list-style:none; padding: 15px; margin-top: 0px; background-color: #fff; width:664px;}

.ljtaglist a, ljtaglist a:link, ljtaglist a:visited {}

input#subject.textbox, textarea#body.textbox {background-color: #fff; color:#a2a2a2; border: 1px solid #dbdbdb;}

textarea#commenttext.textbox {background-color: #fff;}

#qrformdiv {padding-bottom:15px;}

.userpiccomment {z-index: 15; float: right; margin: -18px -145px 10px 0; padding: 5px 0 2px 0;
border-top: 10px solid #615375;}

.box {padding: 0px; clear: left;}

#footer.box {text-align:center;}

.datesubjectcomment {text-transform:uppercase; font-size:10px;}

input, textarea {font-family: Consolas, monospace; background-color: #ea8157; color: #fff; font-size: 11px; border:0px;}

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

.commentreply {position: relative; padding: 10px 0 7px; text-align: justify;}

.commentreply img {max-width:100%;}

.commentbox {padding: 18px 18px 8px; margin: 27px 0; background-color: #fff; min-height: 89px;}

.skiplinks {text-align:center; color:transparent; text-transform:uppercase; font-size:11px; margin: -3px 0 10px;}

.skiplinks a {color:#708cb6;}

.clear {height: 0px;}

#qrform table {border-width: 0px !important;}

img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], img[src*="icon_sticky.png"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_spam.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0;}

.subject img {vertical-align: middle !important;}

img[src*="icon_protected.gif"]{background-image: url(http://i.imgur.com/ciyKpkw.png);}

img[src*="icon_private.gif"]{background-image: url(http://i.imgur.com/UWCnnIJ.png);}

img[src*="icon_groups.gif"]{background-image: url(http://i.imgur.com/xFiMaFQ.png);}

img[src*="icon_sticky.png"]{background-image: url(http://i.imgur.com/FLp83.png);}

.ljuser img[src*="syndicated.gif"]{background-image: url(http://i.imgur.com/VW920.png) !important;}

.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i.imgur.com/r6EzA.png) !important;}

.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i.imgur.com/cJzp8.png) !important;}

.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i.imgur.com/zupNZ.png) !important;}

img[src*="btn_unspam.gif"]{background-image: url(http://i.imgur.com/wuJqY.png);}

img[src*="btn_spam.gif"]{background-image: url(http://i.imgur.com/o63uw.png);}

img[src*="btn_del.gif"]{background-image: url(http://i.imgur.com/Eci4Q.png);}

img[src*="btn_scr.gif"] {background-image: url(http://i.imgur.com/IW1FR.png);}

img[src*="btn_unscr.gif"] {background-image: url(http://i.imgur.com/aVYvC.png);}

img[src*="btn_freeze.gif"] {background-image: url(http://i.imgur.com/7KTc8.png);}

img[src*="btn_unfreeze.gif"] {background-image: url(http://i.imgur.com/80cia.png);}

img[src*="btn_track.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);}

img[src*="btn_tracking.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);}

img[src*="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/LrbKY.png);}

img[src*="anonymous.gif"] {background-image: url(http://i.imgur.com/pOnEG.png);}

img[src*="openid-profile.gif"] {background-image: url(http://i.imgur.com/J4DG0.png);}

img[src*="userinfo.gif"] {background-image: url(http://i.imgur.com/0phq8.png);}

img[src*="talk/none.gif"] {background-image: url(http://i.imgur.com/zKR7h.png);}

img[src*="help.gif"] {background-image: url(http://i.imgur.com/W4MKd.png);}

img[src*="pencil.gif"],img[src*="btn_edit.gif"] {background-image: url(http://i.imgur.com/AQfq6.png);}

span.i-ljuser img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;}

span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;}

span.i-ljuser img[src*="http://l-files.livejournal.net/userhead/671?v=1330508626"], span.i-ljuser img[src*="http://l-files.livejournal.net/userhead/639?v=1328103978"], span.i-ljuser img[src*="http://l-files.livejournal.net/userhead/464?v=1320668402"] {width: 0 !important; height: 0 !important; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif?v=94.3) no-repeat !important; padding: 0 0 0 0 !important;}

span.ljuser, span.ljuser a {}

.w-cs {font-family: Muli, Tahoma, sans-serif!important; background:#708cb6; color:#dbe2ec; min-height:50px; text-transform: lowercase; font-size: 11px;}

.w-cs .w-cs-userinfo {font-family: Muli, Tahoma, sans-serif!important; background:#708cb6; color:#dbe2ec; border:0px;}

.w-cs .w-cs-summary li.w-cs-i-tokens {font-family: Cambria, Georgia, serif!important; border:0px;}

.w-cs a:link, .w-cs a:visited, .w-cs a:active {color: #dbe2ec!important; font-family: Muli, Tahoma, sans-serif!important;}

.w-cs a:hover {color:#f0f3f7!important; font-family: Muli, Tahoma, sans-serif!important;}

.w-cs .ljuser a:link, .w-cs .ljuser a:visited, .w-cs .ljuser a:active, .w-cs .ljuser a:link b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:active b {font-size: 12px !important; text-transform: none; font-family: Muli, Tahoma, sans-serif!important; color: #dbe2ec!important; margin-left: 1px!important;}

.w-cs .ljuser a:hover, .w-cs .ljuser a:hover b {color:#f0f3f7!important;}

.w-cs-user-controls .w-cs-status p {color:#dbe2ec!important; letter-spacing: 0px; font-family: Muli, Tahoma, sans-serif!important; font-size: 12px;}

.w-cs .w-cs-summary {background:transparent!important; color:transparent!important}

.w-cs .w-cs-search .w-cs-text {width: 150px; background-color:#b7c5da!important; border-right: 25px solid #b7c5da;}

.w-cs .w-cs-text {background-color: #b7c5da!important;}

.w-cs .w-cs-search-inner {display:none;}

.w-cs form.w-cs-login .note {font-size:10px; color:#dbe2ec;}

.w-cs .w-cs-menu li {padding-left:0px!important; background: none!important;}

.w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members a.i-invites, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-groups a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left:0px;}

.w-cs .w-cs-group-second .w-cs-menu {left: 5px!important; border: 0px!important; background: #708cb6!important;}

.w-cs .w-cs-group-second .w-cs-menu LI A, .w-cs .w-cs-menu LI SPAN {border-bottom: 0px!important;}

::-webkit-scrollbar {width:7px; height:7px;}

::-webkit-scrollbar-track-piece {background-color:#f9bf76;}

::-webkit-scrollbar-thumb {background-color:#d1313d;}

::-webkit-scrollbar-thumb:hover {background-color:#a0486b;}

::-webkit-scrollbar-corner {background-color:#f9bf76;}

.b-popup-contextual .i-popup-arrtl, .b-popup-contextual .i-popup-arrbl {display:none;}

.b-popup-contextual .i-popup-arrtr, .b-popup-contextual .i-popup-arrbr {display:none;}

.b-contextualhover {min-width:150px; width: auto; min-height: 44px; margin-left: 0px; color: #a2a2a2; text-align: justify; font-size: 11px!important; font-family: Muli, Tahoma, sans-serif; line-height: 1.25;}

.b-contextualhover, .b-contextualhover div, .b-contextualhover p, .b-contextualhover ul, .b-contextualhover ol, .b-contextualhover li, .b-contextualhover label, .b-contextualhover img, .b-contextualhover span, .b-contextualhover h3, .b-contextualhover input {padding: 0; margin: 0; color: #a2a2a2; font-size:11px!important;}

.b-contextualhover img {border: none;}

.b-contextualhover a:link, .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color:#8eb2c5!important; background: none;}

.b-contextualhover a:hover, .b-contextualhover a:active, .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color:#d1313d!important;}

.s-lanzelot .b-contextualhover a:link, .s-lanzelot .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration: none !important; color:#8eb2c5!important;}

.s-lanzelot .b-contextualhover a:hover, .s-lanzelot .b-contextualhover a:active, .s-lanzelot .b-contextualhover a:focus {border-bottom: 0 !important; text-decoration: none !important; color:#d1313d!important;}

.index-page .b-contextualhover a:link, .index-page .b-contextualhover a:visited, .index-page .b-contextualhover a:hover, .index-page .b-contextualhover a:active, .index-page .b-contextualhover a:focus {color:#d1313d!important;}

.b-contextualhover .alias-unavailable a:link, .b-contextualhover .alias-unavailable a:visited {color:#8eb2c5!important;}

.b-contextualhover .alias-unavailable a:hover, .b-contextualhover .alias-unavailable a:active, .b-contextualhover .alias-unavailable A:focus {color:#d1313d!important; text-decoration:none!important;}

.b-contextualhover p {margin-bottom: 3px; font-size: 11px; line-height: 1.25;}

.b-contextualhover .input-checkbox {margin-right: 2px; vertical-align: middle;}

.b-contextualhover .b-contextualhover-section {overflow: hidden; padding: 0px;}

.b-contextualhover .b-contextualhover-side {margin: -13px -82px 0 0; height: 0px;}

.b-contextualhover .b-contextualhover-userpic a, .b-contextualhover .b-contextualhover-userpic a:hover {border: none !important;}

.b-contextualhover .b-contextualhover-userpic img {max-width: 50px; max-height: 50px; padding-top:3px; border-top: 5px solid #615375;}

.b-contextualhover .b-contextualhover-title {padding-bottom: 0px;}

.b-contextualhover .b-contextualhover-title a:hover {text-decoration: none !important;}

.b-contextualhover .b-contextualhover-title h3 {color: #a2a2a2; font-family: Muli, Tahoma, sans-serif; margin-bottom: 2px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 1.25;}

.b-contextualhover .b-contextualhover-options {margin: 0; padding: 1px 0; border-top: 0px; list-style: none;}

.b-contextualhover .b-contextualhover-options li {margin-bottom: 0px; line-height: 1.25; font-size: 11px!important;}

.b-contextualhover .b-contextualhover-options li a:hover {text-decoration: none !important;}

.b-contextualhover .b-contextualhover-param {line-height: 18px; margin:0 0 6px;}

.b-contextualhover .b-contextualhover-param-item {list-style: none;}

.b-contextualhover-param-item .b-icon-scapital {margin:0 2px 0 0;}

.b-icon-scapital {float: left; width: 16px; height: 16px; margin:0 2px 0 0; background-image: url(/img/icon-social-capital.png?v=19876); background-repeat: no-repeat; background-position: 0 50%;}

.b-icon-scapital-first {background-position: -17px 50%;}

.b-popup-outer {position: relative; padding: 1px; background: #fff; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 100;}

.b-popup-inner {padding: 12px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}

.b-popup div, .b-popup strong, .b-popup label {color: #a2a2a2;}

BODY:not(.s-schemius) .b-contextualhover a:link, BODY:not(.s-schemius) .b-contextualhover a:active, BODY:not(.s-schemius) .b-contextualhover a:focus, BODY:not(.s-schemius) .b-contextualhover a:visited {border-bottom: 0 !important; text-decoration:none!important; color: #8eb2c5!important; background-color:transparent;}

BODY:not(.s-schemius) .b-contextualhover a:hover {border-bottom: 0 !important; text-decoration: none!important; color: #d1313d!important;}INSTALLATION
(1) Apply any Flexible Squares theme. Make sure the page set up is either 2 Column (sidebar on left) or 2 Column (sidebar on right). Set the ads to between entries, horizontal or vertical.
(2) Display → Navigation Strip color: Light gray.
(3) Text → There you can edit your comments text so that they look like in the preview.
(4) Sidebar → Ordering: Blurb, Link List, Calendar, Tags, Page Summary, although in this layout the order does not matter.
(5) Custom CSS → Set all drop-down boxes to No and paste the code.NOTES AND CREDITS
→ Don't redistribute or claim as your own.
→ Credit is nice.
→ Tiny icons by pinvoke.com
→ Preview icon by katy_111 at hunters_chance
→ Original post here at ourhappyhours