literally
that shitty bts fangirl
/*Using so the format can be adjusted to tablet and mobile.*/
/*for the big banner*/
#lkbanner{margin:auto; margin-top:70px; width:80%;}
/*for the picture and orange bubblse*/
#lksidebar{float:left; z-index:2; }
/*for the OOC information over picture*/
#lktexthover {z-index:3; position:absolute; opacity:0;}
#lktexthover:hover, #lktexthover:focus {opacity:100}
/*for post content*/
.lkcontent{
width:77%; border-left:100px double #000; box-sizing: content-box; position:relative;
}
/*for orange bubbles*/
.bubble#b1 {float:right;}
.bubble#b2 {float:left;}
/*For tablet so the format won't be too effed up*/
@media (max-width: 790px){
.lkcontent{
border-left:50px solid #000;
}
.bubble#b1, .bubble#b2 {float:right;}
}
/*For mobile so the format won't be too effed up*/
@media (max-width: 400px){
#lkbanner{ text-align:center; margin-top:-50px; z-index:3; width:100%;}
#lksidebar{float:none; text-align:center;z-index:1;}
.bubble{display:none;} /*Bubbles aren't displayed because they look messy on mobile*/
.lkcontent{
width:100%; border-left:30px solid #000; height:500px; overflow:auto; box-sizing: border-box;
}
}
Name:
Allen Roer
Nicknames:
Al, Allo, Alm, Elm, Andy, Aloe, Ally
Age:
21 (twenty-one)
A l l e n R o e r
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultrices consectetur euismod. Suspendisse commodo odio eget eleifend maximus. Sed rutrum laoreet massa, in varius erat accumsan ac. Pellentesque enim leo, fermentum eget nulla a, viverra accumsan magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla auctor nisl arcu, nec vestibulum arcu lobortis vel. Proin vel tincidunt augue.
Sed ultricies fringilla ullamcorper. Phasellus a vehicula purus, sit amet vulputate elit. Nam tempor tellus nec velit dictum accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam consequat quam at ante commodo laoreet. Vestibulum interdum turpis at iaculis efficitur. Praesent commodo ligula nunc, in sollicitudin ante tempor ac. Cras vestibulum nec ex sit amet porttitor. Aenean euismod tristique mi et semper. Quisque vitae interdum erat. Praesent viverra volutpat interdum. Aenean elementum dui id tellus mattis ultricies.
Nam urna nulla, varius vel mi et, vestibulum malesuada odio. Nunc luctus enim vitae massa sodales, ac eleifend libero efficitur. Cras lacinia eget sapien tempor consectetur. Pellentesque sit amet sem eu eros maximus rhoncus. Sed in massa urna. Sed convallis nibh in hendrerit efficitur. Fusce semper tincidunt orci, eu porttitor nibh aliquet sit amet. Nulla congue mauris felis, viverra scelerisque ex dignissim vitae. Ut in est rutrum, laoreet tellus sit amet, ornare nisi. Etiam ac tellus sapien. Nulla semper augue lorem, convallis mollis elit luctus nec. Fusce suscipit luctus nulla nec pretium. Aenean sapien ipsum, dignissim eget augue nec, rutrum aliquam felis. Integer vel consectetur tellus, non condimentum tellus. Aenean id turpis et dolor laoreet vehicula. Aliquam lobortis efficitur diam ac efficitur.
/*for the big banner*/
#lkbanner{margin:auto; margin-top:70px; width:80%;}
/*for the picture and orange bubblse*/
#lksidebar{float:left; z-index:2; }
/*for the OOC information over picture*/
#lktexthover {z-index:3; position:absolute; opacity:0;}
#lktexthover:hover, #lktexthover:focus {opacity:100}
/*for post content*/
.lkcontent{
width:77%; border-left:100px double #000; box-sizing: content-box; position:relative;
}
/*for orange bubbles*/
.bubble#b1 {float:right;}
.bubble#b2 {float:left;}
/*For tablet so the format won't be too effed up*/
@media (max-width: 790px){
.lkcontent{
border-left:50px solid #000;
}
.bubble#b1, .bubble#b2 {float:right;}
}
/*For mobile so the format won't be too effed up*/
@media (max-width: 400px){
#lkbanner{ text-align:center; margin-top:-50px; z-index:3; width:100%;}
#lksidebar{float:none; text-align:center;z-index:1;}
.bubble{display:none;} /*Bubbles aren't displayed because they look messy on mobile*/
.lkcontent{
width:100%; border-left:30px solid #000; height:500px; overflow:auto; box-sizing: border-box;
}
}
Name:
Allen Roer
Nicknames:
Al, Allo, Alm, Elm, Andy, Aloe, Ally
Age:
21 (twenty-one)
A l l e n R o e r
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultrices consectetur euismod. Suspendisse commodo odio eget eleifend maximus. Sed rutrum laoreet massa, in varius erat accumsan ac. Pellentesque enim leo, fermentum eget nulla a, viverra accumsan magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla auctor nisl arcu, nec vestibulum arcu lobortis vel. Proin vel tincidunt augue.
Sed ultricies fringilla ullamcorper. Phasellus a vehicula purus, sit amet vulputate elit. Nam tempor tellus nec velit dictum accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam consequat quam at ante commodo laoreet. Vestibulum interdum turpis at iaculis efficitur. Praesent commodo ligula nunc, in sollicitudin ante tempor ac. Cras vestibulum nec ex sit amet porttitor. Aenean euismod tristique mi et semper. Quisque vitae interdum erat. Praesent viverra volutpat interdum. Aenean elementum dui id tellus mattis ultricies.
Nam urna nulla, varius vel mi et, vestibulum malesuada odio. Nunc luctus enim vitae massa sodales, ac eleifend libero efficitur. Cras lacinia eget sapien tempor consectetur. Pellentesque sit amet sem eu eros maximus rhoncus. Sed in massa urna. Sed convallis nibh in hendrerit efficitur. Fusce semper tincidunt orci, eu porttitor nibh aliquet sit amet. Nulla congue mauris felis, viverra scelerisque ex dignissim vitae. Ut in est rutrum, laoreet tellus sit amet, ornare nisi. Etiam ac tellus sapien. Nulla semper augue lorem, convallis mollis elit luctus nec. Fusce suscipit luctus nulla nec pretium. Aenean sapien ipsum, dignissim eget augue nec, rutrum aliquam felis. Integer vel consectetur tellus, non condimentum tellus. Aenean id turpis et dolor laoreet vehicula. Aliquam lobortis efficitur diam ac efficitur.
Last edited by a moderator: