Home
Roleplay Profile Layouts
CC#03MTI: Blizzard +
CSS
/* Last Update: 02/23/19 */ /* PAGE BACKGROUND AND FONT */ body { background:#a5d8f0 url('https://f4.bcbits.com/img/a3426939732_10.jpg') no-repeat fixed; background-size:cover; font-family:Iceberg,serif; } /* MAIN DISPLAY COLORS */ .color, #navbar a { background:#a5d8f0 url('https://dl.dropboxusercontent.com/s/zbqe5moxfkhbbb7/snow.png'); border:5px solid #e9eff7; box-shadow:0 0 5px inset #000; color:#e9eff7; text-shadow:0 0 5px #000; opacity:0; } .color:hover, #navbar a:hover { opacity:1; } h2 { background-color:#e9eff7; box-shadow:0 0 5px #000; color:#a5d8f0; } a { text-decoration:none; color:#00f; } /* GOOGLE CHROME SCROLLBARS */ ::-webkit-scrollbar { width:8px; height:8px; background-color:#e9eff7; } ::-webkit-scrollbar-thumb { background-color:#78aac2; } /* TRANSITION SPEED */ #infobox, .mugshot, #navbar a { -webkit-transition:2s; -moz-transition:2s; -o-transition:2s; transition:2s; } /* CSS MEAT */ #infobox, .mugshot, #navbar { position:fixed; } #infobox{ top:45%; left:28%; height:45%; width:55%; border-radius: 5px 50px 25px 5px; text-align:left; padding:1%; overflow:hidden; } .mugshot { top:10%; left:1%; height:80%; overflow:hidden; } .mugshot img { height:100%; } #navbar { top:0; right:2.5%; height:100%; width:10%; } #navbar a { display:inline-block; height:25%; width:100%; margin:15% 0; border-radius:5px 25px 25px 5px; } .tab { height:100%; width:100%; overflow-y:auto; } h2 { position:relative; left:4%; width:92%; } img { max-height:100%; } h2, p { text-indent:5%; } #credit { position:fixed; right:0; bottom:0; border-radius:50% 50% 0; }
HTML
/* Last Update: 02/23/19 */ /* PAGE BACKGROUND AND FONT */ body { background:#a5d8f0 url('https://f4.bcbits.com/img/a3426939732_10.jpg') no-repeat fixed; background-size:cover; font-family:Iceberg,serif; } /* MAIN DISPLAY COLORS */ .color, #navbar a { background:#a5d8f0 url('https://dl.dropboxusercontent.com/s/zbqe5moxfkhbbb7/snow.png'); border:5px solid #e9eff7; box-shadow:0 0 5px inset #000; color:#e9eff7; text-shadow:0 0 5px #000; opacity:0; } .color:hover, #navbar a:hover { opacity:1; } h2 { background-color:#e9eff7; box-shadow:0 0 5px #000; color:#a5d8f0; } a { text-decoration:none; color:#00f; } /* GOOGLE CHROME SCROLLBARS */ ::-webkit-scrollbar { width:8px; height:8px; background-color:#e9eff7; } ::-webkit-scrollbar-thumb { background-color:#78aac2; } /* TRANSITION SPEED */ #infobox, .mugshot, #navbar a { -webkit-transition:2s; -moz-transition:2s; -o-transition:2s; transition:2s; } /* CSS MEAT */ #infobox, .mugshot, #navbar { position:fixed; } #infobox{ top:45%; left:28%; height:45%; width:55%; border-radius: 5px 50px 25px 5px; text-align:left; padding:1%; overflow:hidden; } .mugshot { top:10%; left:1%; height:80%; overflow:hidden; } .mugshot img { height:100%; } #navbar { top:0; right:2.5%; height:100%; width:10%; } #navbar a { display:inline-block; height:25%; width:100%; margin:15% 0; border-radius:5px 25px 25px 5px; } .tab { height:100%; width:100%; overflow-y:auto; } h2 { position:relative; left:4%; width:92%; } img { max-height:100%; } h2, p { text-indent:5%; } #credit { position:fixed; right:0; bottom:0; border-radius:50% 50% 0; }
Alternates
Earthen Blizzard
