diamond leaf layout

GLOBAL_HEAD<= <title>ʷᵉ'ˡˡ ʰᵃᵗᵉ ʷʰᵃᵗ ʷᵉ'ᵛᵉ ˡᵒˢᵗ ᵇᵘᵗ ʷᵉ'ˡˡ ˡᵒᵛᵉ ʷʰᵃᵗ ʷᵉ ᶠⁱⁿᵈ</title> <meta charset="UTF-8"> <link rel="shortcut icon" href="https://i2.wp.com/piperandleaf.com/wp-content/uploads/2016/03/leaficon-1.png"> <link rel="stylesheet" href="http://abbey.neocities.org/one.css"> <link rel="stylesheet" href="http://abbey.neocities.org/two.css"> <link href="https://fonts.googleapis.com/css?family=Mada" rel="stylesheet"> <style> /* ᴄʀᴇᴅɪᴛ: ᴍɪɴɴᴀ */ /* 𝑑𝑜𝑛'𝑡 𝘩𝑒𝑠𝑖𝑡𝑎𝑡𝑒 𝑡𝑜 𝑎𝑠𝑘 𝑓𝑜𝑟 𝘩𝑒𝑙𝑝, 𝑖'𝑚 𝑎𝑙𝑠𝑜 𝘩𝑎𝑝𝑝𝑦 𝑡𝑜 𝘩𝑒𝑙𝑝 𝑑𝑒𝑠𝑖𝑔𝑛 𝑎𝑛𝑑 𝑐𝑜𝑑𝑒 𝑓𝑜𝑟 𝑦𝑜𝑢. */ /* IJ OVERRIDES. i've tried to explain what everything does so you can edit more easily, but feel free to ask if you're struggling! */ /* BODY BACKGROUND */ body { background: linear-gradient(to bottom, #f2f2f2 10%,#eff3db 100%); /* using a transparent texture over linear gradient */ height: 100%; } /* REMOVES BORDERS AROUND TABLES AND ENTRYBOX; ALLOWS USE OF DROP-SHADOWS INSTEAD */ table { border: 0p; } table table { border: 0px; } /* JUSTIFIES TEXT */ tr { text-align:justify; } /* SETS THE WIDTH OF YOUR ENTRYBOX. note: this also effects the "top box" with your icon, userinfo links, etc! */ .entrybox { width:594px; } /* ENTRYBOX DISPLAY. note: this also effects the "top box" with your icon, userinfo links, etc! */ .entrybox, .shadowed { background-color: rgba(255, 255, 255, 0.2); /* set the colour of the entrybox. the 0.2 allows you to mess with the opacity. does not effect font opacity. */ box-shadow: 0 0 1px #dddddd; /* how to get a border around the entire entrybox */ border-radius: 2px; /* adding a very slight rounding to the edges */ -webkit-border-radius: 2px; -moz-border-radius: 2px; } /* IJ LINKS - USERINFO, CALENDAR, NAVIGATION */ table table table td.meta { font-size: 0px; line-height: 0px; } /* CHANGES FONT SIZES FOR IJ LINKS */ p table.entrybox table table td.meta, table table table td.meta a { font-size:6px; line-height: 6px; font-family: mada; letter-spacing:1px; display: none; } /* HIDES THE LINKS AND NAMEFIELD ABOVE THE TOP BOX */ table table tr.caption td.caption, .entrybox td table td.index, tr.caption, .entrybox td.meta { visibility: hidden; line-height: 0px; } .entrybox td.index { display: none; } /* PAGE FONT */ tr, td, table, body { font-family: mada; font-size: 6px; color: #333; letter-spacing: 1px; line-height: 10px; font-weight: lighter; text-transform: uppercase; padding: 1px; } /* SETS HOW BOLDED TEXT LOOKS */ b { font-weight: normal !important; } /* SUBJECT LINE APPEARANCE & FONT */ p table table td.caption { font-family: mada; font-size: 8px; color: #333; letter-spacing: 1px; line-height: 8px; font-weight: lighter; margin-bottom: -4px; text-shadow: 0px 0px 1px #404040; text-transform:uppercase; padding: 0px; } /* NAMEFIELD - note: this pulls your default namefield */ .shadowed td div { font-family: petals; font-size: 20px; line-height: 3px; color:#2a2a2a; text-transform: upperrcase; text-shadow: 0 0 1px rgb(185,173,209); margin-right: 20px; padding-top: 28px; } /* MISC LITTLE TEXT. e.g. navigation/date and time. */ p.index, .index, tr.caption, .meta, td.meta, .comments, .date { font-family: mada; font-size: 6px; line-height: 8px; letter-spacing: 1px; color:#222222; text-shadow:0px 0px 0px #ddd; font-weight: lighter; text-transform: uppercase; } .date { padding:0; display:block; text-align:left; font-size: 6px; } / * HIDES DATE * / .dates { display: none; } /* LINK EFFECTS */ a { color: #333; text-shadow: 0px 0px 1px #b89fcb; text-decoration: none; -webkit-transition-duration: 1.0s; -moz-transition-duration: 1.0s; -o-transition-duration: 1.0s; } A:hover { filter: hue-rotate(342deg) saturate(0.9); -webkit-filter: hue-rotate(342deg) saturate(0.9); -moz-filter: hue-rotate(342deg) saturate(0.9); -ms-filter: hue-rotate(342deg) saturate(0.9); -o-filter: hue-rotate(342deg) saturate(0.9); text-decoration: none; color:#7aadc5; } .shadowed td div img { box-shadow: 0 0 0 !important; } /* USERICONS & LOCKS - note: this pulls your default icon. */ .shadowed img, .index img { border-radius: 0px; opacity: .75; filter:alpha(opacity=75); height: 100px; /* ADJUST SIZE OF ICON */ width: 100px; /* ADJUST SIZE OF ICON */ } .shadowed img { border-radius: 10px; /* ADJUST WHETHER ICON IS SQUARE, ROUND, ANOTHER SHAPE */ -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 0px; position: relative; z-index: 1; visibility: hidden; /* allows overriding it with a gif in css, keep it visibility: hidden not display: none in order to keep the height of the header box */ } p table table td.caption img { height:6px; width:7px; opacity:0.7; } /* HIDES THE IJ ICONS FOR UI AND COMM LINKS WHEN USING <xx-lj USER> */ img[src*="img/userinfo.gif"] { width: 0 !important; height: 0 !important; } img[src*="img/community.gif"] { width: 0 !important; height: 0 !important; } /* OPACITY FOR IMAGES */ img { border: 0px; opacity:0.7; filter:alpha(opacity=70); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out; } img:hover { opacity:1.0; filter:alpha(opacity=100); -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out; } /* FRIENDS PAGE ICON BACKGROUND/FONT */ .entrybox a.index { background:transparent; color:#808080; font-size:8px; } /* SCROLLBAR APPEARANCE */ ::-webkit-scrollbar {width: 4px;} /* UNDERNEATH BAR */ ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px;background-color:#AFAEEA;} /* TOP BAR */ ::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 1px 1px 1px tan;border-radius:0px;background-image: url(https://s-media-cache-ak0.pinimg.com/736x/32/de/77/32de77f2336e5adb20b3fbf58d13d94a.jpg);} /* CURSOR */ body, a, a:hover { cursor:url(http://i.imgur.com/ONVDMqu.png), default; .} /* CSS */ #hillary { position:absolute; top: -40px; margin-left: -134px; visibility: visible; z-index: 2; visibility: visible !important; } #ruth { position:absolute; top: 68px; margin-left: 5px; z-index: 2; } #frida { position:absolute; top: -14px; margin-left: -50px; z-index: 1; } #icon { position:absolute; top: 4px; margin-left: -120px; z-index: 1; } </style> <=GLOBAL_HEAD FRIENDS_OPT_ITEMS=>20 FRIENDS_WEBSITE<= <div id="hillary"> <img src="http://i.imgur.com/gWwK6Zg.gif" style="display: block; width: 125px;height: 176px;opacity: .6; visibility: visible;"> </div> <div id="ruth"> <font style="font-family: mada; font-size: 6px; letter-spacing: 1px; text-transform: uppercase;"><a href="/info">USERINFO</a>&emsp;<a href="/friends">FRIENDS</a>&emsp;<a href="/2010/01/01/">CUSTOMS</a></font> </div> <div id="frida"> <img src="http://i.imgur.com/Yj8DO1U.gif" style="display: block; opacity: .6; visibility: visible; width: 210px !important; height: 160px !important;"> </div> <div id="icon"> <img src="http://i.imgur.com/1ILRoHv.gif" style="display: block; width: 100px; height: 100px; visibility: visible; -webkit-mask-image: url(https://www.skicny.com/wp-content/themes/skicny/assets/img/black-diamond.png);"> </div> <=FRIENDS_WEBSITE LASTN_OPT_ITEMS=>20 LASTN_WEBSITE<= <div id="hillary"> <img src="http://i.imgur.com/gWwK6Zg.gif" style="display: block; width: 125px;height: 176px;opacity: .6; visibility: visible;"> </div> <div id="ruth"> <font style="font-family: mada; font-size: 6px; letter-spacing: 1px; text-transform: uppercase;"><a href="/info">USERINFO</a>&emsp;<a href="/friends">FRIENDS</a>&emsp;<a href="/2010/01/01/">CUSTOMS</a></font> </div> <div id="frida"> <img src="http://i.imgur.com/Yj8DO1U.gif" style="display: block; opacity: .6; visibility: visible; width: 210px !important; height: 160px !important;"> </div> <div id="icon"> <img src="http://i.imgur.com/1ILRoHv.gif" style="display: block; width: 100px; height: 100px; visibility: visible; -webkit-mask-image: url(https://www.skicny.com/wp-content/themes/skicny/assets/img/black-diamond.png);"> </div> <=LASTN_WEBSITE