Zee: Cherry Blossom Your Site Name Here link link link link link link A Box This is a box. content here. More Links extra link extra link extra link extra link A Box This is a box. Text can go here.It wraps around the picture. A Scrollable Box This Box Can Scroll Scroll Scroll Scroll Scroll Layout by: Zee. Image from: Chicken Nuggets. Divider from: Itinerae.org.
content here.
It wraps around the picture.
Box
Can
Scroll
Zee: Cherry Blossom Welcome Welcome text can go here. This is a side page. You can duplicate this code onto as many pages as you like and link them to the main Indext html frame by using target="iframe" on the link.
@font-face { font-family: 'Aubrey'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://zeesplace.neocities.org/Aubrey-Regular.ttf); } @font-face { font-family: 'Felipa'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://zeesplace.neocities.org/Felipa-Regular.ttf); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://zeesplace.neocities.org/Roboto-VariableFont_wdth,wght.ttf); } @font-face { font-family: 'CaveatBrush'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://zeesplace.neocities.org/CaveatBrush-Regular.ttf); } @font-face { font-family: 'PermanentMarker'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://zeesplace.neocities.org/PermanentMarker-Regular.ttf); } body{ background: #fff; letter-spacing:1px; font-family:'Roboto', arial; font-size:11px; line-height:14px; text-shadow:0px 0px 1px #434239; color:#090907; } table {font-family:"Roboto", calibri, verdana, arial; background: #fff; letter-spacing:1px; font-family:'Roboto', arial; font-size:11px; line-height:14px; text-shadow:0px 0px 1px #434239; color:#090907; } a:link, a:visited, a:active { color:#fc95ec;text-decoration:none;} a:hover {color:#434239;} b {color:#a561ff;} ::-webkit-scrollbar-thumb { background-color: #fdc0f4; border-radius: 0px; border:1px solid #434239;border-right:0;} ::-webkit-scrollbar { width: 5px; height: 0px; background: transparent;} .box { background:#fff; padding: 2px; border:1px solid #434239; margin-bottom:20px; margin-top: 5px; margin-left:5px; margin-right: 5px; box-shadow: 2px 2px 5px #5c5c5c; } .scrollbox { height:100px; overflow:auto; overflow-x:hidden; background:#fff; padding: 8px; border:1px solid #434239; margin-bottom:14px; margin-top: 10px; margin-left:10px; margin-right: 5px; box-shadow: 2px 2px 5px #5c5c5c; } .iframe { border: none; } .boxtitle { text-transform:uppercase; font-weight:bold; border-bottom:3px solid #434239; margin-bottom:4px; padding-top:0px; letter-spacing:3px; font:14px 'CaveatBrush', courier new, arial; padding-left:5px; color: #090907; background: #fc95ec; } .extralinks a { display:inline-block; background: #fdc0f4; font:normal 9px 'Roboto',arial; line-height:9px; width:80%; text-transform:uppercase; padding-top:2px; padding-left:5px; padding-right:5px; padding-bottom:2px; margin-bottom:4px; margin-left: 12px; letter-spacing:1px; color:#434239; border-radius:10px; border:1px solid #434239;box-shadow: 2px 2px 5px #5c5c5c} .extralinks a:hover { color:#f0c7fd; background: #a561ff;} textarea {font:10px calibri,arial;letter-spacing:1px;color:#444;max-width: 100%;} #navi { background: #fff; line-height:20px; text-align:center; padding-bottom: 10px; background-image: url(https://zeesplace.neocities.org/tumblr_f6123085e723696214e6f4c907a12fb8_ad862900_250.png); background-repeat: no-repeat; background-position: center bottom; } #navi a { display:inline-block; background: #fdc0f4; font:normal 12px 'PermanentMarker',arial; line-height:9px; text-transform:uppercase; padding-top:2px; padding-left:5px; padding-right:5px; padding-bottom:2px; margin-bottom:4px; margin-left: 12px; letter-spacing:1px; color:#434239; border-radius:10px; border:1px solid #434239;} #navi a:hover { color:#f0c7fd; background: #a561ff;} .iframe { border: none; } .navigation {background:#fff;margin-top:0px;border-bottom:1px solid #434239;} .sitename {font:42px 'Felipa';text-align: center;letter-spacing:3px;text-shadow:1px 1px 5px #434239;padding-top:2px;float: center;color: #fc95ec;} .leftside {background: #FFF;border-left:1px solid #434239; } .content {background: #FFF; border-right: 1px solid #434239;box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.5); } .footer {background: #fdc0f4;color:#555; border:1px solid #434239;line-height:18px;box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.5); } .footer a {color:#434239;} .footer a:hover {color:#fff;}