[nospaces]
[googlefont=Abril+Fatface:300,400,800]
[googlefont=Inconsolata:300,400,800]
[googlefont=Roboto:300,400,700]
[newclass=.mayflowers]width:540px;height:540px;padding:19px;border:solid 1px #eeeeee;background-color:#ffffff;letter-spacing:0px;text-align:center;[/newclass]
[newclass=.mayflowersimg]height:540px;width:540px;position:absolute;filter:grayscale(100%);-moz-filter:grayscale(100%);-webkit-filter:grayscale(100%);[/newclass]
[newclass=.mayflowersimg img]height:540px;width:540px;[/newclass]
[newclass=.mayflowers1]height:540px;width:540px;position:relative;z-index:1;overflow:hidden;[/newclass]
[newclass=.mayflowersmonth]font:175px Abril Fatface;color:#90d955;opacity:.75;letter-spacing:-25px;line-height:120px;position:absolute;margin:315px 0px 0px 165px;[/newclass]
[newclass=.mayflowersyear]font:11px Inconsolata;color:#ffffff;background-color:#111111;padding:15px 25px;line-height:10px;position:absolute;letter-spacing:1px;margin:363px 0px 0px 325px;[/newclass]
[newclass=.mayflowertilt]position:absolute;transform:rotate(-7deg);-moz-transform:rotate(-7deg);-webkit-transform:rotate(-7deg);margin:-10px 0px 0px 50px;[/newclass]
[newclass=.mayflowerline]background-color:#90d955;opacity:.85;padding:25px 0px;width:60px;text-align:center;color:#111111;font:bold 10px Roboto;line-height:17px;[/newclass]
[newclass=.mayflowerdate1]width:115px;position:absolute;background-color:#ffffff;border-radius:4px;padding:20px;margin-left:85px;opacity:0;z-index:1;margin-top:-20px;-webkit-transition-duration:.2s;transition-duration:.2s;-moz-transition-duration:.2s;transition-delay: .3s;[/newclass]
[newclass=.mayflowerdate1 div]font:11px Roboto;max-height:36px;overflow:auto;padding-right:5px;text-align:justify;[/newclass]
[newclass=.mayflowerdate1 div::-webkit-scrollbar-thumb]background-color:#111111;border:none;border-radius:0px;[/newclass]
[newclass=.mayflowerdate1 div::-webkit-scrollbar-track]background-color:transparent;border:none;border-radius:0px;[/newclass]
[newclass=.mayflowerdate1 div::-webkit-scrollbar]width:2px;[/newclass]
[newclass=.mayflowerdate2:hover + .mayflowerdate1, .mayflowerdate1:hover]opacity:1;margin-left:70px;z-index:2!important;transition-delay: 0s;[/newclass]
[newclass=.mayflowerdate2]color:#ffffff;cursor:pointer;[/newclass]
[attr="class","mayflowers"]
[attr="class","mayflowersimg"]
[attr="class","mayflowers1"]
[attr="class","mayflowersmonth"]APRIL
[attr="class","mayflowersyear"]APRIL 2018
[attr="class","mayflowertilt"]
[attr="class","mayflowerline"]
[attr="class","mayflowerdate2"]01
[attr="class","mayflowerdate1"]
something can go here, i guess? write as much or little as you want - it'll eventually scroll.
[attr="class","mayflowerdate"]02
[attr="class","mayflowerdate"]03
[attr="class","mayflowerdate"]04
[attr="class","mayflowerdate"]05
[attr="class","mayflowerdate"]06
[attr="class","mayflowerdate"]07
[attr="class","mayflowerdate"]08
[attr="class","mayflowerdate"]09
[attr="class","mayflowerdate2"]10
[attr="class","mayflowerdate1"]
a li'l bit of monika in my life
[attr="class","mayflowerdate"]11
[attr="class","mayflowerdate2"]12
[attr="class","mayflowerdate1"]
it's not even april yet but it's almost april and that's what counts
[attr="class","mayflowerdate2"]13
[attr="class","mayflowerdate1"]
just testing some stuff
[attr="class","mayflowerdate"]14
[attr="class","mayflowerdate"]15
[attr="class","mayflowerdate"]16
[attr="class","mayflowerdate"]17
[attr="class","mayflowerdate"]18
[attr="class","mayflowerdate"]19
[attr="class","mayflowerdate2"]20
[attr="class","mayflowerdate1"]
i didn't prepare a theme song for this template so i'm kinda at a loss for what to write in all of these little testing boxes?
[attr="class","mayflowerdate"]21
[attr="class","mayflowerdate"]22
[attr="class","mayflowerdate"]23
[attr="class","mayflowerdate2"]24
[attr="class","mayflowerdate1"]
violate your rights
[attr="class","mayflowerdate2"]25
[attr="class","mayflowerdate1"]
no more equality
[attr="class","mayflowerdate2"]26
[attr="class","mayflowerdate1"]
surrender freedom, your social security
[attr="class","mayflowerdate"]27
[attr="class","mayflowerdate"]28
[attr="class","mayflowerdate"]29
[attr="class","mayflowerdate2"]30
[attr="class","mayflowerdate1"]
and then the last one! thanks for checking out this template of mine; hopefully, you think it looks nice. ;u;
[googlefont=Abril+Fatface:300,400,800]
[googlefont=Inconsolata:300,400,800]
[googlefont=Roboto:300,400,700]
[newclass=.mayflowers]width:540px;height:540px;padding:19px;border:solid 1px #eeeeee;background-color:#ffffff;letter-spacing:0px;text-align:center;[/newclass]
[newclass=.mayflowersimg]height:540px;width:540px;position:absolute;filter:grayscale(100%);-moz-filter:grayscale(100%);-webkit-filter:grayscale(100%);[/newclass]
[newclass=.mayflowersimg img]height:540px;width:540px;[/newclass]
[newclass=.mayflowers1]height:540px;width:540px;position:relative;z-index:1;overflow:hidden;[/newclass]
[newclass=.mayflowersmonth]font:175px Abril Fatface;color:#90d955;opacity:.75;letter-spacing:-25px;line-height:120px;position:absolute;margin:315px 0px 0px 165px;[/newclass]
[newclass=.mayflowersyear]font:11px Inconsolata;color:#ffffff;background-color:#111111;padding:15px 25px;line-height:10px;position:absolute;letter-spacing:1px;margin:363px 0px 0px 325px;[/newclass]
[newclass=.mayflowertilt]position:absolute;transform:rotate(-7deg);-moz-transform:rotate(-7deg);-webkit-transform:rotate(-7deg);margin:-10px 0px 0px 50px;[/newclass]
[newclass=.mayflowerline]background-color:#90d955;opacity:.85;padding:25px 0px;width:60px;text-align:center;color:#111111;font:bold 10px Roboto;line-height:17px;[/newclass]
[newclass=.mayflowerdate1]width:115px;position:absolute;background-color:#ffffff;border-radius:4px;padding:20px;margin-left:85px;opacity:0;z-index:1;margin-top:-20px;-webkit-transition-duration:.2s;transition-duration:.2s;-moz-transition-duration:.2s;transition-delay: .3s;[/newclass]
[newclass=.mayflowerdate1 div]font:11px Roboto;max-height:36px;overflow:auto;padding-right:5px;text-align:justify;[/newclass]
[newclass=.mayflowerdate1 div::-webkit-scrollbar-thumb]background-color:#111111;border:none;border-radius:0px;[/newclass]
[newclass=.mayflowerdate1 div::-webkit-scrollbar-track]background-color:transparent;border:none;border-radius:0px;[/newclass]
[newclass=.mayflowerdate1 div::-webkit-scrollbar]width:2px;[/newclass]
[newclass=.mayflowerdate2:hover + .mayflowerdate1, .mayflowerdate1:hover]opacity:1;margin-left:70px;z-index:2!important;transition-delay: 0s;[/newclass]
[newclass=.mayflowerdate2]color:#ffffff;cursor:pointer;[/newclass]