idk how vaporwave this is aside from windows 95 and gratuitous japanese, but i had fun making it anyways! inspired by
B:/infinite login, a tumblr theme i saw on my dashboard, and the first page of results for vaporwave. (also, the font may look blurry on different resolutions, sorry about that.) [break][break]
[nospaces]
[attr="class","loginPost"]
[attr="class","loginToolbar"]
海千山千 - @tagged[attr="class","loginRibbon"]
File
Edit
View
Insert
Format
Help
[attr="class","loginNavi"]
[attr="class","loginBody"]
lorem ipsum dolor sit amet, consectetur adipiscing elit. sed porttitor lobortis dolor at elementum. donec efficitur diam id nunc eleifend, id varius nisi vulputate. nulla non magna urna. morbi interdum urna elit, eget maximus ligula sodales vitae. quisque aliquet non mi quis congue. phasellus maximus, sem id aliquam ultrices, arcu sem sodales nibh, sed ornare augue lacus eu metus. fusce porta vulputate porta. nulla vel velit augue. sed velit neque, eleifend in fermentum et, tempus vel sem. morbi tristique et felis ac semper. vestibulum eget auctor ex, eget ornare ipsum. aliquam eu cursus est, non ultricies metus. [break][break]
phasellus nibh arcu, tempus quis venenatis sit amet, varius vel est. aenean ut porttitor ex, sit amet accumsan mi. suspendisse potenti. suspendisse eget ultrices diam, sed iaculis mi. aenean posuere finibus odio nec efficitur. suspendisse at tempor metus. vivamus ac purus felis. etiam lacus turpis, varius a nunc id, accumsan scelerisque libero. cras sollicitudin in nisi elementum fringilla. [break][break]
quisque ut arcu eget risus lobortis dictum. aenean accumsan elementum turpis vel porta. curabitur accumsan suscipit sem in dictum. cras pulvinar lorem ipsum, non ornare nunc dictum luctus. nulla viverra, velit et rutrum fermentum, erat diam ultrices lectus, ut malesuada nisl nibh quis enim. mauris ante sapien, auctor ut tellus vitae, egestas vestibulum leo. mauris ultricies elit at orci maximus, quis scelerisque felis ullamcorper. maecenas sollicitudin tempus accumsan. phasellus fermentum purus eu leo feugiat viverra. nunc eget tellus justo. nulla diam lorem, varius non turpis ac, eleifend semper sem. cras eleifend nisi lacus, at dignissim.
[attr="class","loginFooter"]Put your notes here. Put yo/ur no//t/es h//e//r//e///.
[attr="class","loginCredit"]SELKIE | FONT ICONS DESIGNED BY
FREEPIK FROM FLATICON
[newclass=.loginPost] background-color:#ccc; width:501px; padding:3px; outline:1px solid #ccc; border-top:1px solid #fff;border-left:1px solid #fff; border-right:1px solid #000;border-bottom:1px solid #000; margin:1px; } @font-face { font-family:Pixel;src:url(//dl.dropbox.com/s/p3t4yi7hts3mt8j/Perfect%20DOS%20VGA%20437.ttf);[/newclass]
[newclass=.loginToolbar] height:20px; padding:2px 2px 2px 10px; font:16px Pixel; display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; background: linear-gradient(to left, rgba(112,224,222,1) 0%, rgba(226,109,174,1) 100%); background-color:#000; color:#fff; border:1px solid #fff;border-left:1px solid #fff; border-right:1px solid #000;border-bottom:1px solid #000; } @font-face { font-family: "Flaticon_B"; src: url("//dl.dropbox.com/s/z69nima75awqh1x/Flaticon_B.eot"); src: url("//dl.dropbox.com/s/z69nima75awqh1x/Flaticon_B.eot") format("embedded-opentype"), url("//dl.dropbox.com/s/ypm2dlwfa1afk4s/Flaticon_B.woff") format("woff"), url("//dl.dropbox.com/s/8egpd0bzwximaxc/Flaticon_B.tff") format("truetype"), url("//dl.dropbox.com/s/fak1i0dvuamtjou/Flaticon_B.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal;[/newclass]
[newclass=.loginToolbar a] font:8px Pixel; color:#fff; [/newclass]
[newclass=.loginToolbar div] width:18px; height:18px; background-color:#ccc; color:#000; border-top:1px solid #fff;border-left:1px solid #fff; border-right:1px solid #000;border-bottom:1px solid #000; cursor:pointer; font:7px/18px 'flaticon_b'; [/newclass]
[newclass=.loginToolbar span]height:20px;display:flex;align-items:center;[/newclass]
[newclass=.loginToolbar div::before] content:'\f102'; [/newclass]
[newclass=.loginRibbon] font:16px Pixel; height:20px; display:flex; align-items:center; border-bottom:1px solid #000; box-shadow: 0 1px 0px #fff; [/newclass]
[newclass=.loginRibbon span] margin-left:25px; cursor:pointer; [/newclass]
[newclass=.loginRibbon span:first-letter] text-decoration:underline; [/newclass]
[newclass=.loginNavi] font:10px/18px 'flaticon'; height:25px; display:flex; flex-flow:row nowrap; align-items:center; } @font-face { font-family: "Flaticon"; src: url("//dl.dropbox.com/s/05auv3f34pzhg82/Flaticon.eot"); src: url("//dl.dropbox.com/s/05auv3f34pzhg82/Flaticon.eot") format("embedded-opentype"), url("//dl.dropbox.com/s/lm02ppwvi1e1352/Flaticon.woff") format("woff"), url("//dl.dropbox.com/s/hd4vi8mg41cjeyw/flaticon.ttf") format("truetype"), url("//dl.dropbox.com/s/49lqpj3ofap4qln/Flaticon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal;[/newclass]
[newclass=.loginNavi span]margin-left:25px;display:flex;flex-flow:row nowrap; [/newclass]
[newclass=.loginNavi h1]font:10px/18px 'flaticon';width:23px; height:23px; background-color:#ccc; color:#000; border-top:1px solid #fff;border-left:1px solid #fff; border-right:1px solid #000;border-bottom:1px solid #000; cursor:pointer; font-size:12px; display:flex; align-items:center; justify-content:center; margin:0px; [/newclass]
[newclass=.loginNavi h2]font:10px/18px 'flaticon';width:23px; height:23px; background-color:#ccc; color:#000; border-top:1px solid #fff;border-left:1px solid #fff; border-right:1px solid #000;border-bottom:1px solid #000; cursor:pointer; font-size:12px; display:flex; align-items:center; justify-content:center; margin:0px; [/newclass]
[newclass=.loginNavi h3]font:10px/18px 'flaticon';width:23px; height:23px; background-color:#ccc; color:#000; border-top:1px solid #fff;border-left:1px solid #fff; border-right:1px solid #000;border-bottom:1px solid #000; cursor:pointer; font-size:12px; display:flex; align-items:center; justify-content:center; margin:0px; [/newclass]
[newclass=.loginNavi h4]font:10px/18px 'flaticon';width:23px; height:23px; background-color:#ccc; color:#000; border-top:1px solid #fff;border-left:1px solid #fff; border-right:1px solid #000;border-bottom:1px solid #000; cursor:pointer; font-size:12px; display:flex; align-items:center; justify-content:center; margin:0px; [/newclass]
[newclass=.loginNavi h5]font:10px/18px 'flaticon';width:23px; height:23px; background-color:#ccc; color:#000; border-top:1px solid #fff;border-left:1px solid #fff; border-right:1px solid #000;border-bottom:1px solid #000; cursor:pointer; font-size:12px; display:flex; align-items:center; justify-content:center; margin:0px; [/newclass]
[newclass=.loginNavi h6]font:10px/18px 'flaticon';width:23px; height:23px; background-color:#ccc; color:#000; border-top:1px solid #fff;border-left:1px solid #fff; border-right:1px solid #000;border-bottom:1px solid #000; cursor:pointer; font-size:12px; display:flex; align-items:center; justify-content:center; margin:0px; [/newclass]
[newclass=.loginNavi h1::before] content:'\f108'; [/newclass]
[newclass=.loginNavi h2::before] content:'\f10a'; [/newclass]
[newclass=.loginNavi h3::before] content:'\f11c'; [/newclass]
[newclass=.loginNavi h4::before] content:'\f100'; [/newclass]
[newclass=.loginNavi h5::before] content:'\f10e'; [/newclass]
[newclass=.loginNavi h6::before] content:'\f126'; [/newclass]
[newclass=.loginBody] font:16px Pixel; text-align:left; padding:25px; margin:5px 0px; background-color:#FBFBFB; border:1px solid #000; [/newclass]
[newclass=.loginFooter] font:16px Pixel; text-align:left; [/newclass]
[newclass=.loginCredit] font:bold 8px roboto; [/newclass]
[newclass=.loginCredit a] font:bold 8px roboto; [/newclass]
