i'm a goddamn masochist

[helen zervos]

[attr="class","tstbod"]

[attr="class","tsthead"]

[attr="class","tsth1"]YOU'RE A BRICK TIED TO ME THAT'S DRAGGING ME DOWN

[attr="class","tsth2"]STRIKE A MATCH, I'LL BURN YOU TO THE GROUND

[attr="class","tstmain"]

[attr="class","tstmains"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas lorem sed nibh vehicula, at posuere sem fermentum. Mauris tristique magna et tellus rhoncus, quis accumsan orci vestibulum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi in eros turpis. Proin volutpat felis ut risus aliquet viverra. Quisque lorem tellus, sodales ac risus ut, venenatis cursus quam. Ut a lorem rutrum, adipiscing lectus eu, varius sapien. Donec vitae consectetur felis.

Maecenas mollis risus consequat ornare blandit. Mauris vitae cursus felis, a laoreet felis. Vestibulum felis enim, rutrum nec sagittis ut, bibendum id magna. Praesent id odio velit. Nulla accumsan pellentesque malesuada. Morbi a eleifend massa. Nulla placerat neque urna, eget facilisis nunc ultricies sed.

Aenean tincidunt hendrerit ornare. Fusce vestibulum vehicula sollicitudin. Sed turpis nunc, luctus et mollis vitae, condimentum quis sem. Nullam pharetra tincidunt dictum. Integer placerat consequat sodales. Curabitur vitae libero feugiat, congue elit sed, egestas leo. Pellentesque non ligula vitae mi molestie rutrum id et lacus. Fusce vestibulum est et est condimentum viverra.

Etiam vitae urna ut felis aliquam condimentum. Fusce tortor arcu, ullamcorper tempus ultricies sit amet, mattis pharetra orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed vitae molestie risus. Sed lacus ante, bibendum ac bibendum vel, accumsan at neque. Vestibulum et nunc nec arcu rutrum feugiat.

Ut a urna eleifend, tincidunt velit eget, aliquam tellus. Phasellus erat tortor, egestas quis massa ac, consequat sagittis elit. Nulla facilisi. Sed ut scelerisque leo. Duis gravida enim vitae molestie sollicitudin. Suspendisse nec diam ut odio tincidunt venenatis. Pellentesque euismod ipsum a urna vulputate, vel commodo sem volutpat.

Sed ultrices turpis bibendum nibh ullamcorper vehicula. Curabitur vitae nunc in ligula posuere tempor. Duis convallis ullamcorper ligula, quis tempor justo consectetur ac. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer eu sagittis massa, sagittis varius nibh. Curabitur ullamcorper lorem sapien, vitae facilisis tortor pharetra nec. Mauris vel viverra lorem. Nunc facilisis nulla vitae nisl ultrices feugiat. Suspendisse pretium congue risus eu vehicula. Sed a malesuada lorem, ac sodales libero. Cras vulputate dolor mauris, et volutpat quam pretium at. Donec nec gravida lorem, at consectetur ante.

[newclass=.tstbod]height: 500px; width: 495px; background-image: url('http://i.imgur.com/OKLKsa6.png'); overflow: hidden; margin-top: 25px;[/newclass]
[newclass=.tsthead]height: 50px; width: 495px; background-color: rgba(249,244,239,0.85); transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s;[/newclass] [newclass=.tsth1]padding: 6px 0px 0px 0px; font-family: georgia; font-size: 18px; line-height: 15px; letter-spacing: -1px; color: #111111;[/newclass] [newclass=.tsth2]font-family: georgia; font-size: 25px; line-height: 25px; color: #111111; letter-spacing: -3px;[/newclass] [newclass=.tstbod:hover .tsthead]transform: translate(-510px,0px); -o-transform: translate(-510px,0px); -moz-transform: translate(-510px,0px); -webkit-transform: translate(-510px,0px); transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s;[/newclass] [newclass=.tstmain]float: right; margin: -300px -510px 0px 0px; width: 495px; height: 500px; transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s;[/newclass] [newclass=.tstbod:hover .tstmain]transform: translate(-510px,0px); -o-transform: translate(-510px,0px); -moz-transform: translate(-510px,0px); -webkit-transform: translate(-510px,0px); transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s;[/newclass] [newclass=.tstmains]background-color: rgba(249,244,239,0.85); margin: 30px; padding: 20px; height: 400px; overflow: auto; font-family: georgia; font-size: 10px; text-align: justify; color: #111111;[/newclass]

[helen zervos]

HOLY CHRIST IT WORKS

[helen zervos]

[attr="class","uhmicn"]

[attr="class","uhmicni"]

[attr="class","uhmicnt"]

NOTES HERE

[attr="class","uhmbod"]

[attr="class","uhmtxt"]Lorem ipsum dolor sit amet, sit populo oportere at, sea in natum oportere. In eam eius tibique, error intellegebat id ius. Et quis option suscipiantur vis, sea ea omnesque accusamus, aeterno tritani an mei. Ei stet scripserit quaerendum per, eu vel aliquando accommodare, usu id atqui offendit. Eam quodsi timeam commune id.

Per commodo aliquip albucius ut, brute minim moderatius et his, quis graeci ei sea. Vero prima integre eu duo, mel ea harum denique definitionem. Munere deterruisset sed eu. Nusquam phaedrum scribentur per at. Vitae alienum vel an.

No vix iudico fierent. At duo vero nihil efficiantur, has ne sumo consectetuer, vix omnis delenit et. Veniam lobortis ne has, eruditi veritus insolens sit eu, vel elit persius prodesset cu. Has in aliquip noluisse, atomorum mandamus dissentias mea in.

Utinam euismod consequat in sit, vim doctus corpora eu. Vim odio audiam mandamus at, tritani quaeque accumsan ex mel, nam ne oporteat dissentias. Vix disputando complectitur ad, et lorem euismod nam. Ignota primis vivendum eum cu. Mei unum ullum discere cu, et pro rebum temporibus.

No his iudicabit salutatus comprehensam, mea ea labore senserit. Minimum ullamcorper eum cu, sed ex iuvaret meliore platonem. Rebum nonumes sit eu, quem scripta ullamcorper ei sed. Paulo nonumes cu eos, mei euismod facilisis ad. Et timeam volutpat his. Mea eu petentium democritum, nemore lucilius disputationi eos ex, quo at lorem nominavi scripserit.

[newclass=.uhmbod] [/newclass] [newclass=.uhmtxt] width: 230px; padding: 10px; height: 380px; overflow: auto; font-family: georgia; font-size: 10px; text-align: justify; float: right; z-index: 1; background-color: #fefefe; position: absolute; color: #222222 [/newclass] [newclass=.uhmicn] width: 130px; height: 400px; background-color: #222222; float: left; position: relative [/newclass] [newclass=.uhmicni] height: 100px; width: 100px; border: 5px solid #fefefe; margin: 140px 10px 10px 10px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; background-image: url(http://i.imgur.com/FItvvev.png); [/newclass] [newclass=.uhmicnt] padding: 15px 5px 5px 5px; background-color: #222222; color: #fefefe; width: 90px; height: 80px; margin: -115px 15px 0px 15px; font-family: georgia; font-size: 9px; text-align: center; opacity: 0; transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; line-height: 10px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%;[/newclass] [newclass=.uhmicnt:hover] opacity: .99; transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s [/newclass]

[helen zervos]

i'm actually just converting jcink/dohtml templates to proboards (these are also all free to use i don't actually care) (but uh be wary of stray line breaks, because everything will break)

[helen zervos]

[attr="class","pictxt"]APP. PLOT.	[attr="class","tdbox"] [attr="class","boxtxtr"] DAHLIA HAW THORNE [attr="class","boxtxtin"]ONGOING list threads here COMMUNICATIONS list threads here COMPLETED list threads here
[attr="class","tdbox"] [attr="class","boxtxtl"] FUJIWARA NO MOKOU [attr="class","boxtxtin"]ONGOING list threads here COMMUNICATIONS list threads here COMPLETED list threads here	[attr="class","pictxt"]APP. PLOT.
[attr="class","pictxt"]APP. PLOT.	[attr="class","tdbox"] [attr="class","boxtxtr"] NEURO NOUGAMI [attr="class","boxtxtin"]ONGOING list threads here COMMUNICATIONS list threads here COMPLETED list threads here

[newclass=.tdbox]height: 200px; width: 200px; overflow: hidden;[/newclass] [newclass=.pictxt] font-family: 'Oswald', sans-serif; font-size: 20px; letter-spacing: 0px; text-transform: uppercase; background-color: #ffffff; line-height: 25px; height: auto; margin-top: -50px; color: #222222; text-align: center; z-index: 2; position: relative; margin-bottom: 25px; vertical-align: text-bottom;[/newclass] [newclass=.boxtxtr]font-family: 'Oswald', sans-serif; font-size: 50px; letter-spacing: -1px; text-transform: uppercase; line-height: 50px; color: #ffffff; height: 200px; width: 200px; background-color: #222222; position: relative; z-index: 2; transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s;[/newclass] [newclass=.boxtxtl]font-family: 'Oswald', sans-serif; font-size: 50px; letter-spacing: -1px; text-transform: uppercase; line-height: 50px; color: #ffffff; height: 200px; width: 200px; background-color: #222222; position: relative; z-index: 2; transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s; text-align: right;[/newclass] [newclass=.boxtxtin]font-family: tahoma; font-size: 12px; padding: 20px; height: 160px; width: 160px; overflow: auto; text-align: justify; color: #222222; background-color: #ffffff; margin-top: -200px; position: relative; z-index: 1;[/newclass] [newclass=.tdbox:hover .boxtxtr]transform: translate(-200px,0px); -o-transform: translate(-200px,0px); -moz-transform: translate(-200px,0px); -webkit-transform: translate(-200px,0px); transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s;[/newclass] [newclass=.tdbox:hover .boxtxtl]transform: translate(200px,0px); -o-transform: translate(200px,0px); -moz-transform: translate(200px,0px); -webkit-transform: translate(200px,0px); transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s;[/newclass] [newclass=.pictxt a]color:#222222; font-family: 'Oswald', sans-serif;[/newclass]

[helen zervos]

[attr="class","ehbod"]

[attr="class","ehimg"]

[attr="class","ehtxt"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas lorem sed nibh vehicula, at posuere sem fermentum. Mauris tristique magna et tellus rhoncus, quis accumsan orci vestibulum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi in eros turpis. Proin volutpat felis ut risus aliquet viverra. Quisque lorem tellus, sodales ac risus ut, venenatis cursus quam. Ut a lorem rutrum, adipiscing lectus eu, varius sapien. Donec vitae consectetur felis.

Maecenas mollis risus consequat ornare blandit. Mauris vitae cursus felis, a laoreet felis. Vestibulum felis enim, rutrum nec sagittis ut, bibendum id magna. Praesent id odio velit. Nulla accumsan pellentesque malesuada. Morbi a eleifend massa. Nulla placerat neque urna, eget facilisis nunc ultricies sed.

Aenean tincidunt hendrerit ornare. Fusce vestibulum vehicula sollicitudin. Sed turpis nunc, luctus et mollis vitae, condimentum quis sem. Nullam pharetra tincidunt dictum. Integer placerat consequat sodales. Curabitur vitae libero feugiat, congue elit sed, egestas leo. Pellentesque non ligula vitae mi molestie rutrum id et lacus. Fusce vestibulum est et est condimentum viverra.

Etiam vitae urna ut felis aliquam condimentum. Fusce tortor arcu, ullamcorper tempus ultricies sit amet, mattis pharetra orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed vitae molestie risus. Sed lacus ante, bibendum ac bibendum vel, accumsan at neque. Vestibulum et nunc nec arcu rutrum feugiat. Ut a urna eleifend, tincidunt velit eget, aliquam tellus. Phasellus erat tortor, egestas quis massa ac, consequat sagittis elit. Nulla facilisi. Sed ut scelerisque leo. Duis gravida enim vitae molestie sollicitudin. Suspendisse nec diam ut odio tincidunt venenatis. Pellentesque euismod ipsum a urna vulputate, vel commodo sem volutpat.

Sed ultrices turpis bibendum nibh ullamcorper vehicula. Curabitur vitae nunc in ligula posuere tempor. Duis convallis ullamcorper ligula, quis tempor justo consectetur ac. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer eu sagittis massa, sagittis varius nibh. Curabitur ullamcorper lorem sapien, vitae facilisis tortor pharetra nec. Mauris vel viverra lorem. Nunc facilisis nulla vitae nisl ultrices feugiat. Suspendisse pretium congue risus eu vehicula. Sed a malesuada lorem, ac sodales libero. Cras vulputate dolor mauris, et volutpat quam pretium at. Donec nec gravida lorem, at consectetur ante.

[attr="class","ehicn"]

[attr="class","ehicni"]

[attr="class","ehicnt"] notes go here blah blah blah uh let's hope this works ja???

[newclass=.ehbod] [/newclass] [newclass=.ehimg] width: 250px; height: 400px; float: left; z-index: 2; position: relative; transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s; background-image: url(http://i.imgur.com/4ML91yG.png) [/newclass] [newclass=.ehbod:hover .ehimg] transform: translate(-250px,0px); -o-transform: translate(-250px,0px); -moz-transform: translate(-250px,0px); -webkit-transform: translate(-250px,0px); transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s [/newclass] [newclass=.ehtxt] width: 230px; padding: 10px; height: 380px; overflow: auto; font-family: georgia; font-size: 10px; text-align: justify; float: left; z-index: 1; background-color: #fefefe; position: absolute; color: #222222 [/newclass] [newclass=.ehicn] width: 130px; height: 400px; background-color: #222222; float: right; position: relative [/newclass] [newclass=.ehicni] height: 100px; width: 100px; border: 5px solid #fefefe; margin: 140px 10px 10px 10px; background-image: url(http://i.imgur.com/AsgxPyR.png) [/newclass] [newclass=.ehicnt] padding: 5px; background-color: #222222; color: #fefefe; width: 90px; height: 90px; margin: -115px 15px 0px 15px; font-family: georgia; font-size: 9px; text-align: justify; opacity: 0; transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; line-height: 10px [/newclass] [newclass=.ehicnt:hover] opacity: .99; transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s [/newclass]

[helen zervos]

[attr="class","eehbod"]

[attr="class","eehimg"]

[attr="class","eehtxt"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas lorem sed nibh vehicula, at posuere sem fermentum. Mauris tristique magna et tellus rhoncus, quis accumsan orci vestibulum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi in eros turpis. Proin volutpat felis ut risus aliquet viverra. Quisque lorem tellus, sodales ac risus ut, venenatis cursus quam. Ut a lorem rutrum, adipiscing lectus eu, varius sapien. Donec vitae consectetur felis.

Maecenas mollis risus consequat ornare blandit. Mauris vitae cursus felis, a laoreet felis. Vestibulum felis enim, rutrum nec sagittis ut, bibendum id magna. Praesent id odio velit. Nulla accumsan pellentesque malesuada. Morbi a eleifend massa. Nulla placerat neque urna, eget facilisis nunc ultricies sed.

Aenean tincidunt hendrerit ornare. Fusce vestibulum vehicula sollicitudin. Sed turpis nunc, luctus et mollis vitae, condimentum quis sem. Nullam pharetra tincidunt dictum. Integer placerat consequat sodales. Curabitur vitae libero feugiat, congue elit sed, egestas leo. Pellentesque non ligula vitae mi molestie rutrum id et lacus. Fusce vestibulum est et est condimentum viverra.

Etiam vitae urna ut felis aliquam condimentum. Fusce tortor arcu, ullamcorper tempus ultricies sit amet, mattis pharetra orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed vitae molestie risus. Sed lacus ante, bibendum ac bibendum vel, accumsan at neque. Vestibulum et nunc nec arcu rutrum feugiat. Ut a urna eleifend, tincidunt velit eget, aliquam tellus. Phasellus erat tortor, egestas quis massa ac, consequat sagittis elit. Nulla facilisi. Sed ut scelerisque leo. Duis gravida enim vitae molestie sollicitudin. Suspendisse nec diam ut odio tincidunt venenatis. Pellentesque euismod ipsum a urna vulputate, vel commodo sem volutpat.

Sed ultrices turpis bibendum nibh ullamcorper vehicula. Curabitur vitae nunc in ligula posuere tempor. Duis convallis ullamcorper ligula, quis tempor justo consectetur ac. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer eu sagittis massa, sagittis varius nibh. Curabitur ullamcorper lorem sapien, vitae facilisis tortor pharetra nec. Mauris vel viverra lorem. Nunc facilisis nulla vitae nisl ultrices feugiat. Suspendisse pretium congue risus eu vehicula. Sed a malesuada lorem, ac sodales libero. Cras vulputate dolor mauris, et volutpat quam pretium at. Donec nec gravida lorem, at consectetur ante.

[attr="class","eehicn"]

[attr="class","eehhicntxt"]oh my god notes pls work
OKAY FUCK YOU IN THE MIDDLE IS GOOD ENOUGH I FUCKING HATE YOU AND YOUR LACK OF PROPER VERTICAL-ALIGN FUNCTIONALITY

[newclass=.eehbod] [/newclass] [newclass=.eehimg] width: 250px; height: 400px; float: left; z-index: 2; position: relative; transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s; background-image: url(http://i.imgur.com/YDuF0BR.png) [/newclass] [newclass=.eehbod:hover .eehimg] transform: translate(-250px,0px); -o-transform: translate(-250px,0px); -moz-transform: translate(-250px,0px); -webkit-transform: translate(-250px,0px); transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s [/newclass] [newclass=.eehtxt] width: 230px; padding: 10px; height: 380px; overflow: auto; font-family: georgia; font-size: 10px; text-align: justify; float: left; z-index: 1; background-color: #fefefe; position: absolute; color: #222222 [/newclass] [newclass=.eehicn] width: 130px; height: 400px; background-color: #222222; float: right; position: relative; line-height: 400px;[/newclass] [newclass=.eehhicntxt] padding: 5px; background-color: #222222; color: #fefefe; width: 90px; margin: 0px 15px; font-family: georgia; font-size: 9px; text-align: justify; opacity: 0; transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; line-height: 10px; display: inline-block; vertical-align: middle;[/newclass] [newclass=.eehicn:hover .eehhicntxt] opacity: .99; transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s [/newclass]

[helen zervos]

[attr="class","abod"]

[attr="class","ainfo"] [attr="class","aonote"] [attr="class","ainote"]notes here and things. write as much as you want, because there's an overflow so you can just keep going.

[attr="class","atxt"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fringilla elit et turpis luctus, id vestibulum urna interdum. Aenean aliquam vel elit sed vehicula. Ut nec ultrices lacus, ac ultricies dolor. Cras aliquet, nunc id faucibus tincidunt, nulla tellus viverra massa, aliquet vestibulum neque metus et leo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec eu orci pretium, tincidunt libero nec, auctor mi. Nunc scelerisque felis massa, eget blandit nunc posuere ac. Curabitur egestas suscipit sapien, rhoncus posuere nisl placerat a. Sed interdum metus id est convallis sagittis. Pellentesque bibendum nibh nulla, sit amet rutrum nisl malesuada non. Pellentesque nec tortor velit. Nam urna metus, egestas sed orci in, venenatis ultrices tortor. Aenean feugiat, dui ac tempor sollicitudin, turpis quam blandit nunc, a venenatis urna erat eget libero. Sed lacinia posuere placerat. Donec dignissim odio in ultrices pellentesque. Maecenas at sollicitudin nunc. In dapibus tristique ligula sit amet fermentum. Praesent molestie pharetra elit ut luctus. Pellentesque facilisis arcu diam, ac bibendum elit commodo sit amet. Vestibulum eleifend felis id consequat suscipit. Nunc feugiat lorem at augue varius interdum. Etiam ultrices suscipit odio a auctor. Sed sed enim rhoncus, ultricies odio vel, euismod nisl. In non orci et leo lacinia semper. Nulla pulvinar risus at lorem venenatis, a ullamcorper nisl lacinia. Sed nulla turpis, imperdiet sed vestibulum ut, dignissim eu urna. Phasellus consequat nunc mollis leo varius fermentum. Vestibulum nec semper risus, id aliquet tellus. Mauris condimentum, nibh ac mollis sagittis, enim erat vehicula metus, nec ullamcorper risus dui a sapien. Donec sit amet ultrices nunc, in sollicitudin dui. Proin aliquam molestie odio viverra aliquam. In et aliquet erat, sed sodales elit. Praesent et elit gravida, tempus massa id, varius orci. Pellentesque feugiat mattis ante, et tincidunt metus ultrices posuere. Nullam vehicula nibh nec ipsum tincidunt, in dapibus nulla sollicitudin. Donec molestie tincidunt sem, at pulvinar odio elementum eget. Pellentesque lacinia tortor at massa ullamcorper, et venenatis ligula facilisis. Aenean sed diam aliquam, molestie metus sit amet, sodales sem. Donec et luctus nisi. Sed hendrerit gravida posuere. Aliquam vestibulum, erat dignissim pulvinar ultricies, erat lacus aliquet metus, vitae accumsan risus metus tristique massa. Pellentesque porta mi vitae turpis lobortis, quis dignissim nibh viverra.

[newclass=.abod] padding: 25px; width: 380px; background-color: #ffffff[/newclass] [newclass=.atxt] font-family: calibri; font-size: 11px; text-align: justify; height: 350px; padding-right: 10px; overflow: auto; line-height: 100%; color: #444444[/newclass] [newclass=.ainfo] [/newclass] [newclass=.aonote]height: 0px; overflow: hidden; transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s[/newclass] [newclass=.ainfo:hover .aonote]height: 100px; transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s[/newclass] [newclass=.ainote] margin-top: 10px; height: 100px; width: 90px; padding: 0px 5px 0px 5px; overflow: auto; text-align: justify; font-family: calibri; font-size: 11px; line-height: 10px; color: #444444[/newclass]

[helen zervos]

WELL THAT DIDN'T WORK

[helen zervos]

[nospaces]

[attr="class","ziconout"]

[attr="class","zicon"]

[attr="class","zicontxt"]

notes go here??? don't make them too long or else it'll look really bad oops

[attr="class","ztxtout"]

[attr="class","ztxtin"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut fermentum nulla sed adipiscing fringilla. In hac habitasse platea dictumst. Morbi tincidunt sit amet est quis accumsan. Nullam consectetur pulvinar urna vitae elementum. Duis vitae enim sit amet nunc aliquet porta. In hac habitasse platea dictumst. Nam at adipiscing tortor. Etiam laoreet augue vel blandit consequat. Morbi sit amet sem eu odio varius sagittis non et urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque gravida enim et orci interdum ullamcorper. Vestibulum sit amet lorem molestie sapien consequat porttitor. Praesent sed sapien sed dolor varius vehicula non consectetur neque.
[break][break]
Aliquam euismod neque non feugiat pulvinar. Praesent mattis, tellus ut hendrerit commodo, lectus enim semper velit, ut aliquam lorem libero in lectus. Morbi sit amet erat non magna scelerisque gravida eget dignissim felis. Proin pretium lacinia sapien vitae ullamcorper. Mauris egestas purus non risus hendrerit posuere. Aenean convallis mattis tristique. Nullam posuere, felis at pretium dapibus, dui leo fringilla lacus, sagittis aliquam odio massa quis odio. Morbi at mi vitae felis convallis consectetur. Sed viverra elementum commodo. Phasellus sit amet lorem odio. Ut in ultrices quam. Praesent eu suscipit nisi. Praesent posuere est velit, sed sollicitudin metus elementum ut. Ut ut erat nec massa adipiscing mattis. Nullam felis arcu, placerat gravida tincidunt vel, lobortis a nibh. Mauris dignissim, augue sed commodo adipiscing, quam libero volutpat velit, sit amet imperdiet purus ipsum sed dui.
[break][break]
Donec dui leo, mattis quis iaculis ac, mollis vel libero. Nunc pharetra sollicitudin adipiscing. Nullam a volutpat purus, elementum lacinia lorem. Suspendisse et elit hendrerit, pellentesque libero a, tristique risus. Donec cursus non odio vel condimentum. Suspendisse vel consequat erat, vel tincidunt neque. Maecenas dignissim dolor eu lorem hendrerit ornare.

[newclass=.zbod] width: 350px [/newclass]
[newclass=.ziconout] height: 100px; width: 100px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border: 5px solid #222222; background-color: #fefefe; position: relative; z-index: 2 [/newclass]
[newclass=.zicon] height: 100px; width: 100px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; transition: .9s; -webkit-transition: .9s; background-image: url(http://i.imgur.com/cgLFzZk.png) [/newclass]
[newclass=.ziconout:hover .zicon] transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transition: .9s; -webkit-transition: .9s; -ms-backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden [/newclass]
[newclass=.zicontxt] transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); transition: .9s; -webkit-transition: .9s; -ms-backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; text-align: center; padding: 20px; height: 60px; width: 60px; font-family: tahoma; font-size: 10px; letter-spacing: 0px; color: #222222; margin-top: -110px; line-height: 10px [/newclass]
[newclass=.ziconout:hover .zicontxt] transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transition: .9s; -webkit-transition: .9s; -ms-backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden [/newclass]
[newclass=.ztxtout] margin-top: -55px; position: relative; z-index: 1; border-top: 5px solid #222222; border-bottom: 5px solid #222222; background-color: #fefefe; padding: 70px 50px 50px 60px; width: 300px [/newclass]
[newclass=.ztxtin] width: 290px; text-align: justify; font-family: tahoma; font-size: 10px; letter-spacing: 0px; color: #222222; padding-right: 10px [/newclass]

[helen zervos]

[nospaces]

[attr="class,"dbod"]

[attr="class,"dban"]

[attr="class,"dbotxt"]

[attr="class,"dbitxt"]break us down like the walls of jericho

[attr="class,"dtxt"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae scelerisque lorem, at interdum ipsum. Integer mi quam, tempor ac felis a, volutpat ornare metus. Donec eu risus ac velit fringilla eleifend. In interdum vitae arcu et fringilla. Aenean rutrum bibendum pellentesque. Vestibulum molestie tincidunt ante nec volutpat. Morbi rhoncus placerat mi sed placerat. Praesent nec lacus in lacus molestie iaculis in ac nunc. Nullam egestas quam et lacinia fermentum. Donec dolor urna, sodales quis tristique id, scelerisque eget neque.
[break][break]
Nulla facilisi. Proin lobortis adipiscing porttitor. Suspendisse ac purus rutrum, fermentum erat feugiat, consectetur felis. Phasellus pulvinar lobortis nisl, tristique feugiat orci tristique blandit. Cras dignissim magna egestas mollis tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut id velit eget metus tincidunt ullamcorper quis vitae leo. Morbi sollicitudin ipsum nec tincidunt aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent tempor mattis diam ut varius. In non dolor non leo pellentesque tristique. Maecenas quis ipsum et mauris bibendum elementum a ac augue. Vivamus sed nibh sed lacus porta pellentesque sit amet eu nisi. Sed sollicitudin molestie lectus, non porta arcu accumsan et.
[break][break]
Praesent tempor risus neque. Vivamus lacinia velit ac consectetur convallis. Donec in arcu ut ligula vehicula fermentum. Maecenas sit amet tincidunt lacus, mollis sollicitudin purus. Donec vel quam quis velit viverra laoreet. Vivamus ultrices erat leo, nec ultrices felis tristique id. Curabitur consectetur ipsum a leo faucibus, eget pellentesque nibh ullamcorper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel nibh ac tortor congue tincidunt a vel sem. Aliquam et interdum erat. Phasellus id enim quis mi tristique hendrerit. Curabitur id mi id dolor elementum adipiscing. Vestibulum sit amet quam iaculis, adipiscing orci quis, scelerisque lacus. Nam fermentum quam ac egestas egestas. Vivamus magna odio, scelerisque a pulvinar nec, blandit eu mauris. Phasellus eu lectus nec sapien tempus suscipit.

[attr="class,"dnote"] notes go here too!!!

[newclass=.dbod] padding: 20px; width: 400px; background-color: #ffffff [/newclass]
[newclass=.dban] height: 240px; width: 400px; position: relative; z-index: 1; background: url(http://i.imgur.com/Gwvbed8.png); background-size: 400px 240px[/newclass]
[newclass=.dbotxt] height: 120px; width: 120px; background-color: #ffffff; border-radius: 100%; -o-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; margin-top: -220px; margin-bottom: 20px; position: relative; opacity: 0; z-index: 2; padding: 40px; transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s [/newclass]
[newclass=.dbitxt] height: 120px; width: 118px; font-family: 'oswald'; text-transform: uppercase; line-height: 30px; font-size: 30px; text-align: justify; color: #cccccc; overflow: hidden; letter-spacing: -2px; padding-right: 2px [/newclass]
[newclass=.dbotxt:hover] opacity: 1; transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s [/newclass]
[newclass=.dtxt] padding: 30px 20px 20px 20px; font-family: tahoma; letter-spacing: 0px; text-align: justify; font-size: 11px; color: #777777 [/newclass]
[newclass=.dnote] margin: 30px 10px 5px 10px; padding: 10px; background-color: #cccccc; color: #ffffff; font-style: italic; font-family: tahoma; font-size: 10px [/newclass]

[helen zervos]

[nospaces]

[attr="class","bbod"]

[attr="class","bimg"]

[attr="class","bsec"]

[attr="class","bsec1"][break][break]about

[attr="class","busec"]

[attr="class","bname"]first last.

[attr="class","binfo"]age. gender. occupation.
[break][break]
profile. plot page. wiki.

[attr="class","bsec"]

[attr="class","bsec2"][break][break]in progress

[attr="class","busec"]

[attr="class","blist"]

[attr="class","bilist"]
list threads here
[break]list threads here
[break]list threads here
[break]list threads here
[break]list threads here
[break]list threads here
[break]list threads here
[break]list threads here
[break]list threads here

[attr="class","bsec"]

[attr="class","bsec1"][break][break]completed

[attr="class","busec"]

[attr="class","blist"]

[attr="class","bilist"]
list threads here
[break]list threads here
[break]list threads here
[break]list threads here
[break]list threads here
[break]list threads here
[break]list threads here
[break]list threads here
[break]list threads here

[newclass=.bbod] width: 490px; height: 450px; overflow: hidden; background-color: #ffffff [/newclass]
[newclass=.bimg] position: relative; float: left; z-index: 1; background: url(http://i.imgur.com/TAOPSsg.png); height: 450px; width: 245px [/newclass]
[newclass=.bsec] height: 150px; width: 245px; float: right [/newclass]
[newclass=.bsec1] height: 150px; width: 243px; background-color: #222222; color: #ffffff; font-family: 'Oswald', sans-serif; line-height: 50px; text-transform: uppercase; text-align: left; font-size: 50px; letter-spacing: -2px; float: right; padding-left: 2px; position: relative; z-index: 1; transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s [/newclass]
[newclass=.bsec:hover .bsec1] transform: translate(-245px,0px); -o-transform: translate(-245px,0px); -moz-transform: translate(-245px,0px); -webkit-transform: translate(-245px,0px); transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s [/newclass]
[newclass=.bsec2] height: 150px; width: 243px; background-color: #ffffff; color: #222222; font-family: 'Oswald', sans-serif; line-height: 50px; text-transform: uppercase; text-align: left; font-size: 50px; letter-spacing: -2px; float: right; padding-left: 2px; position: relative; z-index: 1; transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s [/newclass]
[newclass=.bsec:hover .bsec2] transform: translate(-245px,0px); -o-transform: translate(-245px,0px); -moz-transform: translate(-245px,0px); -webkit-transform: translate(-245px,0px); transition: 0.7s; -o-transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s [/newclass]
[newclass=.busec] height: 150px; width: 245px; position: relative; z-index: 0; margin-top: -150px; float: right [/newclass]
[newclass=.bname] font-family: 'Oswald', sans-serif; text-transform: uppercase; text-align: center; font-size: 30px; line-height: 100%; margin: 20px; color: #222222 [/newclass]
[newclass=.binfo] font-family: 'Oswald', sans-serif; text-transform: uppercase; text-align: center; font-size: 20px; line-height: 100%; color: #222222 [/newclass]
[newclass=.blist] font-family: 'Oswald', sans-serif; line-height: 110%; font-size: 12px; text-transform: lowercase; color: #222222; padding: 20px; text-align: left [/newclass]
[newclass=.bilist] height: 110px; padding-right: 10px; overflow: auto [/newclass]

[helen zervos]

[nospaces]

[attr="class","abody"]

[attr="class","abord"] 

[attr="class","atext"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eleifend tincidunt tristique. Maecenas diam sem, rhoncus a gravida a, posuere quis mauris. Proin id lorem ac erat rhoncus sagittis vel eu quam. Nulla ultrices venenatis nibh, eget accumsan lacus sollicitudin et. Vestibulum in velit mi, et molestie ligula. Phasellus eros magna, hendrerit id sollicitudin non, posuere at nulla. Nulla sollicitudin scelerisque eros, aliquet malesuada massa facilisis vel. Phasellus porta tincidunt leo vitae viverra. Etiam vulputate iaculis tortor ut consequat.
[break][break]
Nulla facilisi. Quisque ac nisl id nisl pulvinar consectetur vel blandit turpis. Cras enim tellus, venenatis at porta ac, porta sit amet urna. Sed a nulla nisi. Vestibulum lacinia hendrerit arcu, sed ultrices ligula semper ac. Aliquam nunc urna, fermentum id hendrerit in, rhoncus et nunc. Vivamus mi elit, sagittis et pulvinar non, vulputate sollicitudin nisl. Curabitur ullamcorper turpis sit amet nulla dapibus ut venenatis leo porta. Donec eu felis eros. Pellentesque molestie pharetra rutrum. Ut vehicula nunc eget arcu scelerisque et interdum augue feugiat. Sed id nisl dolor. Sed ornare convallis dolor, vel suscipit turpis lacinia eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lobortis fringilla orci eu accumsan. Nulla orci neque, suscipit vitae cursus sit amet, ornare ac mi.
[break][break]
Nunc ut ligula est, vitae congue risus. Proin tincidunt, nisl non malesuada faucibus, urna augue tristique augue, ac rutrum lacus leo nec enim. Etiam aliquam tempor sem sit amet hendrerit. Suspendisse potenti. Nullam nec aliquam libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut quis felis at sapien hendrerit commodo. Fusce imperdiet, nibh at volutpat ornare, metus nulla pretium nulla, non sagittis orci nulla at lorem. Quisque fermentum suscipit nibh et sollicitudin.

[attr="class","aover"]

[attr="class","aicontext"]words here

[attr="class","aicon"] 

[attr="class","aover"]

[attr="class","aicontext"]tags here

[attr="class","aicon"] 

[attr="class","aover"]

[attr="class","aicontext"]short notes here??

[attr="class","aicon"] 

[attr="class","abord"] 

[newclass=.abody] width: 400px; margin-top: 10px; position: relative [/newclass]
[newclass=.atext] float: right; height: 320px; overflow: auto; margin: 0px 0px 0px 0px; width: 285px; padding-right: 5px; text-align: justify; font-family: tahoma; font-size: 11px; line-height: 12px; color: #222222 [/newclass]
[newclass=.abord] height: 10px; background-image: url(http://i.imgur.com/NIdUr.png); width: 400px; line-height: 9px; margin-bottom: 10px [/newclass]
[newclass=.aover] [/newclass]
[newclass=.aicon] background-image: url(http://i.imgur.com/x9r0A.png); height: 100px; width: 100px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; margin-bottom: 10px; transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; -o-transition: 0.7s; opacity: 1; position: absolute; left: 0px [/newclass]
[newclass=.aicontext] width: 100px; height: 60px; font-family: georgia; font-style: italic; font-size: 9px; margin-bottom: 10px; float: left; opacity: 1; transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; -o-transition: 0.7s; opacity: 0; padding-top: 40px; color: #222222 [/newclass]
[newclass=.aover:hover .aicon] transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; -o-transition: 0.7s; opacity: 0; [/newclass]
[newclass=.aover:hover .aicontext] transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; -o-transition: 0.7s; opacity: 1; [/newclass]

[helen zervos]

τῇ καλλίστῃ

to the fairest

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non nunc suscipit justo facilisis vehicula. Sed elementum condimentum mi eget consequat. Donec sit amet cursus orci, a aliquam arcu. Ut et quam eget felis facilisis consequat. Curabitur auctor, urna quis aliquet vestibulum, eros quam feugiat ante, eget sodales enim ex eget erat. Fusce venenatis arcu nec egestas lobortis. Praesent nisi metus, dignissim ac diam quis, consectetur facilisis felis. Donec vitae libero lobortis, scelerisque magna eget, molestie lacus. Fusce elementum urna et nunc blandit, id dapibus odio luctus. Sed faucibus sed odio at commodo.

Aenean id felis ut lorem finibus sodales. Sed a cursus augue. Pellentesque ac dolor eget nisl aliquam blandit quis varius massa. Ut vulputate sem ipsum, ut luctus purus iaculis a. Etiam tortor ex, vulputate vel varius id, condimentum et lectus. Sed nec elit faucibus, ultricies lectus sed, dignissim purus. Vestibulum semper facilisis nibh, sed vestibulum neque mollis faucibus. Donec tempor ligula massa, et convallis lacus euismod nec. Aliquam ullamcorper vitae turpis eget pulvinar. Morbi cursus mollis hendrerit. Quisque dapibus, sapien gravida rutrum molestie, purus lectus sollicitudin velit, ac tincidunt massa sapien a arcu. Quisque aliquam dictum sapien, sit amet dictum purus hendrerit in. Donec purus neque, posuere at elementum vel, maximus vel tortor. Donec auctor luctus viverra. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Integer convallis volutpat ultrices. Morbi nec fermentum sem, eget condimentum nunc. Suspendisse dictum sem nec sapien rutrum, a aliquet justo consequat. Etiam at massa porta tellus sodales dictum. Ut aliquet consectetur cursus. Maecenas quis metus sed velit laoreet rutrum eu ut libero. Aenean sagittis iaculis nunc vel tristique. Phasellus pulvinar eget quam a faucibus. Phasellus ac consequat sem, eget sodales lorem. Curabitur sed elementum ipsum, eu sollicitudin mi. Cras gravida lacus non tincidunt porttitor. Nullam est est, dictum a magna et, feugiat ullamcorper nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

tē kallistē.