TrippyVirus
and stupider than ever before
.ictora4 {
position: relative;
margin: 0 auto;
max-width: 700px; /* Total width */
width: 100%;
height: auto;
text-align: center;
font-family: Roboto, sans-serif; /* Body text font */
}
.ictora4 > h1, .ictora4 > div > label > div {
font-family: Raleway, sans-serif; /* Heading text font */
}
/* Tabs */
.ictora4 > div > input {
display: none;
}
.ictora4 > div > label {
position: relative;
float: left;
width: calc(100% / 6); /* 100% / [number of tabs] */
margin-top: 30px;
cursor: pointer;
}
.ictora4 > div > label > div {
width: 100%;
height: 60px;
position: relative;
z-index: 2;
background-color: #2574A9;
border-radius: 20px 20px 0 0;
line-height: 60px;
font-size: 1.5em; /* Size of tab text */
color: white;
transition: 0.2s;
box-sizing: content-box;
}
.ictora4 > div > label:hover > div {
margin-top: -20px;
padding-bottom: 20px;
}
.ictora4 > div > input:checked + label > div {
background-color: #F5F5F5;
color: black;
}
.ictora4 > div > div {
position: relative;
width: 100%;
height: 540px;
margin-top: 60px;
overflow: hidden;
background-color: #F5F5F5;
border-radius: 0 0 20px 20px;
}
.ictora4 > div > div > div {
position: absolute;
width: calc(100% * 6); /* 100% * [number of tabs] */
height: 100%;
transition: 1s;
}
.ictora4 > div > div > div > div {
width: calc(100% / 6); /* 100% / [number of tabs] */
height: 100%;
overflow: hidden;
position: relative;
float: left;
}
.ictora4 > div > div > div > div > div {
width: calc(100% + 17px);
height: calc(100% + 17px);
overflow: scroll;
box-sizing: border-box;
padding: 3% 7% 3% 7%;
text-align: justify;
}
.ictora4 > div > #ictora4tab1:checked ~ div > div {left: 0;}
.ictora4 > div > #ictora4tab2:checked ~ div > div {left: -100%;}
.ictora4 > div > #ictora4tab3:checked ~ div > div {left: -200%;}
.ictora4 > div > #ictora4tab4:checked ~ div > div {left: -300%;}
.ictora4 > div > #ictora4tab5:checked ~ div > div {left: -400%;}
.ictora4 > div > #ictora4tab6:checked ~ div > div {left: -500%;}
/* Template
.ictora4 > div > #ictora4tab[number]:checked ~ div > div {left: -[number - 1]00%;}
*/
Hello, everybody!
My name is Tripps and some of you might not know me or know little of me. Basically, I am a twenty-three year old cis-male Homosexual who is a café manager. I am stuck with four roommates and I have a boyfreind. Since I am bored, I made this.
Credit to @IctoraPost for this HTML. (Shit, I can't edit this... Oh well.)
Info
Fandom
Future
Fantasy
Modern
OC's
Dolo ipsum dolor sit amet, consectetur adipiscing elit. Praesent bibendum ipsum id faucibus porttitor. Vestibulum quis lobortis purus. Fusce a gravida enim. Donec eu tas, nisi et vestibulum lacinia, massa erat molestie urna, in convallis orci mauris non nisl. Praesent eget urna dignissim, cursus quam ac, lacinia dolor. In lorem velit, dapibus sit amet velit a, porta tristique metus. Phasellus iaI magna a convallis euismod. Nulla sit amet nisl vel la
Pellentesque non convallis leo. Maecenas nec rutrum massa. Pellentesque vitae quam ut nisl viverra laoreet. Mauris pellentesque nulla non condimentum fringilla. Sed vesbus augue. Nunc mattis et eros non aliquet. Suspendisse risus eros, cursus ac sollicitudin sed, laoreet ut mi. Nullam eget auctor lectus, id bibendum mauris. Maecenas eget dignissim nibh. Sed vel justo sed enim ultricies faucibus a vel leo.
Maecenas non semper lorem. Fusce efficitur eget lorem non mollis. Vivamus commodo dapibus sodales. Donec ac arcu sit amet tellus dignissim tincidunt. Pellentesque at condimentum leo, vitae mattis diam. In sit amet magna at libero bibendum consectetur. Aliquam nec neque eros. Nulla id vulputate turpis. Curabitur placerat turpis nec arcu volutpat, at dignissim orci auctor. Ut eu hendrerit nisi, porta dictum dui. Donec sollicitudin faucibus erat et tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum in molestie velit, eu semper justo. Aenean posuere velit at cursus maximus. Etiam ultricies erat sed eleifend mollis.
Donec aliquam imperdiet lectus sit amet dictum. Quisque commodo tellus quis pharetra pulvinar. Sed consequat ligula tortor, in posuere dolor bibendum sit amet. Nam tellus tortor, dapibus id iaculis sed, eleifend quis dui. Curabitur interdum tellus sit amet orci venenatis, molestie molestie ligula placerat. Suspendisse sit amet mi at justo venenatis volutpat. In vitae eros porttitor, rutrum neque quis, cursus mauris. Vestibulum euismod ut tellus ut laoreet. Phasellus vestibulum, turpis in facilisis
Mauris risus augue, tempor nec neque nec, viverra eleifend lectus. Etiam ipsum sem, varius ac aliquam id, mollis nec lacus. Vivamus non nulla at mi tristique condimentum interdum sed ex. Nulla ultricies porta turpis eget ullamcorper. Morbi eu justo purus. Suspendisse dignissim placerat eros, sed rhoncus ipsum tempor et. Pellentesque efficitur nisl placerat, gravida ipsum non, volutpat lorem. Duis dapibus, est in ornare placerat, elit felis lobortis justo, vel tristique sem sem vel lacus. In hac habitasse platea dictumst. Aliquam maximus, odio eget suscipit euismod, mauris urna convallis massa, id egestas massa dolor vitae nunc. Sed velit ligula, elementum ac bibendum vitae, congue nec felis.
Donec at accumsan ex, nec vestibulum nisl. Donec ultricies libero diam, ut pulvinar libero imperdiet sed. Pellentesque sem justo, luctus ut diam eu, congue condimentum ante. Nam in nisi interdum, gravida tortor ut, dictum massa. Praesent id justo non odio vulputate aliquam. Cras imperdiet aliquet nisi, vel lacinia magna pellentesque quis. Maecenas at diam leo. Nullam quis metus finibus, elementum velit non, aliquet purus. Fusce velit diam, consectetur ac lorem id, dictum egestas arcu. Cras consequat rutrum tortor nec accumsan. Donec consectetur lorem eu metus pulvinar rhoncus.
Etiam nec efficitur turpis. Phasellus tincidunt leo at blandit tincidunt. Donec sit amet justo vitae enim lobortis auctor. Sed eleifend rhoncus dapibus. Etiam sollicitudin purus ex, sed pharetra magna maximus vitae. Aliquam eleifend interdum lacinia. Donec nec faucibus purus. Curabitur massa nulla, tincidunt ut semper et, aliquam quis nunc. Vivamus finibus tristique justo id mattis. Donec ut metus pulvinar, sollicitudin eros sit amet, maximus est. Integer et placerat dolor. Integer auctor condimentum bibendum.
Vestibulum hendrerit, mi in rutrum laoreet, felis nisl porta leo, sed consectetur lorem tortor sit amet augue. Ut vel ultricies diam, porttitor sollicitudin dolor. Nullam dignissim diam sed felis mattis mollis. Sed diam quam, tristique sit amet tristique vel, vulputate ac erat. Mauris dignissim turpis sem, sed interdum dolor tempus quis. Vestibulum finibus pretium nulla tincidunt porta. Nunc ullamcorper ultrices ex, sit amet suscipit ex accumsan id. Fusce non lobortis odio. Morbi porta blandit leo nec efficitur. Quisque in iaculis lorem, nec varius nisi. Nulla hendrerit turpis cursus orci suscipit rhoncus. Donec eu urna ex. Cras rhoncus rhoncus nisi a convallis. Etiam ultricies augue a quam ultricies ultricies. Cras bibendum dui vitae vulputate venenatis.
Maecenas vehicula sagittis nunc, eu tempus urna rutrum non. Duis lectus magna, feugiat nec elit in, volutpat sagittis dui. Phasellus fermentum imperdiet pellentesque. Suspendisse potenti. Ut non justo pharetra, suscipit libero eu, interdum nisl. Donec blandit vulputate tortor at vehicula. Fusce at enim ac elit porttitor feugiat quis non ligula. In in quam ut enim viverra iaculis sed et sapien. Nulla sed tellus pulvinar, suscipit libero ut, ultricies nunc. Vivamus id eros in lorem vulputate molestie a eu mauris. Mauris rutrum, dolor eget sollicitudin tempus, est turpis molestie libero, quis commodo quam ipsum in neque. Nulla vitae mollis massa. Aliquam vel volutpat lectus, in pretium quam. Aenean venenatis odio arcu, sed congue diam cursus ac.
Phasellus rutrum, leo id commodo vestibulum, ligula ante tristique nulla, nec mollis mauris mi eu magna. Nullam a rutrum dolor. Praesent a semper risus, fermentum rhoncus justo. Suspendisse et mattis est. Nulla faucibus magna eget dapibus hendrerit. Sed aliquet dolor sed mi ornare tristique. Morbi scelerisque sed sem at scelerisque. Ut accumsan purus nec turpis blandit, quis suscipit ipsum placerat. Etiam gravida felis sed odio suscipit tempor. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Curabitur auctor justo eget rhoncus euismod. Nunc quis ex tellus. Cras libero justo, consectetur quis nulla vitae, convallis luctus magna. Mauris tincidunt ante id hendrerit cursus. Nullam interdum, velit ut accumsan aliquet, ex metus condimentum velit, quis rhoncus urna est ut nisi. Sed nunc elit, tincidunt sit amet turpis sed, fringilla condimentum eros. Cras sed ultrices tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eleifend enim vitae urna laoreet lacinia.
Sed tincidunt nulla et purus aliquet, id dignissim justo lacinia. Pellentesque sed est non ipsum vulputate laoreet. Fusce id viverra velit. Morbi vitae pretium tortor. Fusce sit amet ultrices est, vitae sollicitudin dui. Mauris eget imperdiet nulla, ac sodales libero. Cras vel dapibus justo. Nunc vulputate dictum nunc, at luctus neque imperdiet at. Cras vel augue augue. Nunc feugiat egestas lacus, sed condimentum massa feugiat dapibus. Donec gravida ornare nisi, eget rutrum purus. Nunc pretium varius facilisis. Phasellus eu feugiat nisi, ac mattis nisi. Praesent malesuada fermentum mollis.
Integer dolor lectus, posuere nec congue vitae, pellentesque sit amet orci. Nam eget suscipit ante. In congue lectus arcu, at sagittis elit scelerisque vel. Integer dapibus massa id lorem commodo tempus. Sed aliquet turpis nec nulla commodo, eget eleifend orci aliquet. Donec vulputate nunc id orci luctus, et aliquam dui fermentum. Vivamus vestibulum facilisis ex, eget fermentum elit bibendum vitae. Proin luctus ante dui, eget semper libero elementum in. Nulla hendrerit, augue ac commodo sagittis, est purus vestibulum neque, a condimentum enim tortor sed neque. Aliquam et lectus et tortor euismod sagittis pulvinar ac sem. Suspendisse at viverra augue. Duis quis eleifend enim.
Vivamus quis hendrerit est. Phasellus laoreet, sodales fermentum, ipsum justo sollicitudin ipsum, sed vulputate massa turpis id tortor. Phasellus sollicitudin bibendum nunc, in iaculis massa bibendum et. Quisque faucibus nec ligula a ullamcorper. Morbi at ligula vel metus ornare semper. Nunc rutrum suscipit dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et risus quis purus egestas rutrum. Nam tristique facilisis risus nec suscipit. Nullam facilisis velit eu tempor posuere. In consequat sem in nibh malesuada, faucibus efficitur mi vehicula. Sed quis pretium nibh, vitae ef
position: relative;
margin: 0 auto;
max-width: 700px; /* Total width */
width: 100%;
height: auto;
text-align: center;
font-family: Roboto, sans-serif; /* Body text font */
}
.ictora4 > h1, .ictora4 > div > label > div {
font-family: Raleway, sans-serif; /* Heading text font */
}
/* Tabs */
.ictora4 > div > input {
display: none;
}
.ictora4 > div > label {
position: relative;
float: left;
width: calc(100% / 6); /* 100% / [number of tabs] */
margin-top: 30px;
cursor: pointer;
}
.ictora4 > div > label > div {
width: 100%;
height: 60px;
position: relative;
z-index: 2;
background-color: #2574A9;
border-radius: 20px 20px 0 0;
line-height: 60px;
font-size: 1.5em; /* Size of tab text */
color: white;
transition: 0.2s;
box-sizing: content-box;
}
.ictora4 > div > label:hover > div {
margin-top: -20px;
padding-bottom: 20px;
}
.ictora4 > div > input:checked + label > div {
background-color: #F5F5F5;
color: black;
}
.ictora4 > div > div {
position: relative;
width: 100%;
height: 540px;
margin-top: 60px;
overflow: hidden;
background-color: #F5F5F5;
border-radius: 0 0 20px 20px;
}
.ictora4 > div > div > div {
position: absolute;
width: calc(100% * 6); /* 100% * [number of tabs] */
height: 100%;
transition: 1s;
}
.ictora4 > div > div > div > div {
width: calc(100% / 6); /* 100% / [number of tabs] */
height: 100%;
overflow: hidden;
position: relative;
float: left;
}
.ictora4 > div > div > div > div > div {
width: calc(100% + 17px);
height: calc(100% + 17px);
overflow: scroll;
box-sizing: border-box;
padding: 3% 7% 3% 7%;
text-align: justify;
}
.ictora4 > div > #ictora4tab1:checked ~ div > div {left: 0;}
.ictora4 > div > #ictora4tab2:checked ~ div > div {left: -100%;}
.ictora4 > div > #ictora4tab3:checked ~ div > div {left: -200%;}
.ictora4 > div > #ictora4tab4:checked ~ div > div {left: -300%;}
.ictora4 > div > #ictora4tab5:checked ~ div > div {left: -400%;}
.ictora4 > div > #ictora4tab6:checked ~ div > div {left: -500%;}
/* Template
.ictora4 > div > #ictora4tab[number]:checked ~ div > div {left: -[number - 1]00%;}
*/
Hello, everybody!
My name is Tripps and some of you might not know me or know little of me. Basically, I am a twenty-three year old cis-male Homosexual who is a café manager. I am stuck with four roommates and I have a boyfreind. Since I am bored, I made this.
Credit to @IctoraPost for this HTML. (Shit, I can't edit this... Oh well.)
Info
Fandom
Future
Fantasy
Modern
OC's
Dolo ipsum dolor sit amet, consectetur adipiscing elit. Praesent bibendum ipsum id faucibus porttitor. Vestibulum quis lobortis purus. Fusce a gravida enim. Donec eu tas, nisi et vestibulum lacinia, massa erat molestie urna, in convallis orci mauris non nisl. Praesent eget urna dignissim, cursus quam ac, lacinia dolor. In lorem velit, dapibus sit amet velit a, porta tristique metus. Phasellus iaI magna a convallis euismod. Nulla sit amet nisl vel la
Pellentesque non convallis leo. Maecenas nec rutrum massa. Pellentesque vitae quam ut nisl viverra laoreet. Mauris pellentesque nulla non condimentum fringilla. Sed vesbus augue. Nunc mattis et eros non aliquet. Suspendisse risus eros, cursus ac sollicitudin sed, laoreet ut mi. Nullam eget auctor lectus, id bibendum mauris. Maecenas eget dignissim nibh. Sed vel justo sed enim ultricies faucibus a vel leo.
Maecenas non semper lorem. Fusce efficitur eget lorem non mollis. Vivamus commodo dapibus sodales. Donec ac arcu sit amet tellus dignissim tincidunt. Pellentesque at condimentum leo, vitae mattis diam. In sit amet magna at libero bibendum consectetur. Aliquam nec neque eros. Nulla id vulputate turpis. Curabitur placerat turpis nec arcu volutpat, at dignissim orci auctor. Ut eu hendrerit nisi, porta dictum dui. Donec sollicitudin faucibus erat et tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum in molestie velit, eu semper justo. Aenean posuere velit at cursus maximus. Etiam ultricies erat sed eleifend mollis.
Donec aliquam imperdiet lectus sit amet dictum. Quisque commodo tellus quis pharetra pulvinar. Sed consequat ligula tortor, in posuere dolor bibendum sit amet. Nam tellus tortor, dapibus id iaculis sed, eleifend quis dui. Curabitur interdum tellus sit amet orci venenatis, molestie molestie ligula placerat. Suspendisse sit amet mi at justo venenatis volutpat. In vitae eros porttitor, rutrum neque quis, cursus mauris. Vestibulum euismod ut tellus ut laoreet. Phasellus vestibulum, turpis in facilisis
Mauris risus augue, tempor nec neque nec, viverra eleifend lectus. Etiam ipsum sem, varius ac aliquam id, mollis nec lacus. Vivamus non nulla at mi tristique condimentum interdum sed ex. Nulla ultricies porta turpis eget ullamcorper. Morbi eu justo purus. Suspendisse dignissim placerat eros, sed rhoncus ipsum tempor et. Pellentesque efficitur nisl placerat, gravida ipsum non, volutpat lorem. Duis dapibus, est in ornare placerat, elit felis lobortis justo, vel tristique sem sem vel lacus. In hac habitasse platea dictumst. Aliquam maximus, odio eget suscipit euismod, mauris urna convallis massa, id egestas massa dolor vitae nunc. Sed velit ligula, elementum ac bibendum vitae, congue nec felis.
Donec at accumsan ex, nec vestibulum nisl. Donec ultricies libero diam, ut pulvinar libero imperdiet sed. Pellentesque sem justo, luctus ut diam eu, congue condimentum ante. Nam in nisi interdum, gravida tortor ut, dictum massa. Praesent id justo non odio vulputate aliquam. Cras imperdiet aliquet nisi, vel lacinia magna pellentesque quis. Maecenas at diam leo. Nullam quis metus finibus, elementum velit non, aliquet purus. Fusce velit diam, consectetur ac lorem id, dictum egestas arcu. Cras consequat rutrum tortor nec accumsan. Donec consectetur lorem eu metus pulvinar rhoncus.
Etiam nec efficitur turpis. Phasellus tincidunt leo at blandit tincidunt. Donec sit amet justo vitae enim lobortis auctor. Sed eleifend rhoncus dapibus. Etiam sollicitudin purus ex, sed pharetra magna maximus vitae. Aliquam eleifend interdum lacinia. Donec nec faucibus purus. Curabitur massa nulla, tincidunt ut semper et, aliquam quis nunc. Vivamus finibus tristique justo id mattis. Donec ut metus pulvinar, sollicitudin eros sit amet, maximus est. Integer et placerat dolor. Integer auctor condimentum bibendum.
Vestibulum hendrerit, mi in rutrum laoreet, felis nisl porta leo, sed consectetur lorem tortor sit amet augue. Ut vel ultricies diam, porttitor sollicitudin dolor. Nullam dignissim diam sed felis mattis mollis. Sed diam quam, tristique sit amet tristique vel, vulputate ac erat. Mauris dignissim turpis sem, sed interdum dolor tempus quis. Vestibulum finibus pretium nulla tincidunt porta. Nunc ullamcorper ultrices ex, sit amet suscipit ex accumsan id. Fusce non lobortis odio. Morbi porta blandit leo nec efficitur. Quisque in iaculis lorem, nec varius nisi. Nulla hendrerit turpis cursus orci suscipit rhoncus. Donec eu urna ex. Cras rhoncus rhoncus nisi a convallis. Etiam ultricies augue a quam ultricies ultricies. Cras bibendum dui vitae vulputate venenatis.
Maecenas vehicula sagittis nunc, eu tempus urna rutrum non. Duis lectus magna, feugiat nec elit in, volutpat sagittis dui. Phasellus fermentum imperdiet pellentesque. Suspendisse potenti. Ut non justo pharetra, suscipit libero eu, interdum nisl. Donec blandit vulputate tortor at vehicula. Fusce at enim ac elit porttitor feugiat quis non ligula. In in quam ut enim viverra iaculis sed et sapien. Nulla sed tellus pulvinar, suscipit libero ut, ultricies nunc. Vivamus id eros in lorem vulputate molestie a eu mauris. Mauris rutrum, dolor eget sollicitudin tempus, est turpis molestie libero, quis commodo quam ipsum in neque. Nulla vitae mollis massa. Aliquam vel volutpat lectus, in pretium quam. Aenean venenatis odio arcu, sed congue diam cursus ac.
Phasellus rutrum, leo id commodo vestibulum, ligula ante tristique nulla, nec mollis mauris mi eu magna. Nullam a rutrum dolor. Praesent a semper risus, fermentum rhoncus justo. Suspendisse et mattis est. Nulla faucibus magna eget dapibus hendrerit. Sed aliquet dolor sed mi ornare tristique. Morbi scelerisque sed sem at scelerisque. Ut accumsan purus nec turpis blandit, quis suscipit ipsum placerat. Etiam gravida felis sed odio suscipit tempor. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Curabitur auctor justo eget rhoncus euismod. Nunc quis ex tellus. Cras libero justo, consectetur quis nulla vitae, convallis luctus magna. Mauris tincidunt ante id hendrerit cursus. Nullam interdum, velit ut accumsan aliquet, ex metus condimentum velit, quis rhoncus urna est ut nisi. Sed nunc elit, tincidunt sit amet turpis sed, fringilla condimentum eros. Cras sed ultrices tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eleifend enim vitae urna laoreet lacinia.
Sed tincidunt nulla et purus aliquet, id dignissim justo lacinia. Pellentesque sed est non ipsum vulputate laoreet. Fusce id viverra velit. Morbi vitae pretium tortor. Fusce sit amet ultrices est, vitae sollicitudin dui. Mauris eget imperdiet nulla, ac sodales libero. Cras vel dapibus justo. Nunc vulputate dictum nunc, at luctus neque imperdiet at. Cras vel augue augue. Nunc feugiat egestas lacus, sed condimentum massa feugiat dapibus. Donec gravida ornare nisi, eget rutrum purus. Nunc pretium varius facilisis. Phasellus eu feugiat nisi, ac mattis nisi. Praesent malesuada fermentum mollis.
Integer dolor lectus, posuere nec congue vitae, pellentesque sit amet orci. Nam eget suscipit ante. In congue lectus arcu, at sagittis elit scelerisque vel. Integer dapibus massa id lorem commodo tempus. Sed aliquet turpis nec nulla commodo, eget eleifend orci aliquet. Donec vulputate nunc id orci luctus, et aliquam dui fermentum. Vivamus vestibulum facilisis ex, eget fermentum elit bibendum vitae. Proin luctus ante dui, eget semper libero elementum in. Nulla hendrerit, augue ac commodo sagittis, est purus vestibulum neque, a condimentum enim tortor sed neque. Aliquam et lectus et tortor euismod sagittis pulvinar ac sem. Suspendisse at viverra augue. Duis quis eleifend enim.
Vivamus quis hendrerit est. Phasellus laoreet, sodales fermentum, ipsum justo sollicitudin ipsum, sed vulputate massa turpis id tortor. Phasellus sollicitudin bibendum nunc, in iaculis massa bibendum et. Quisque faucibus nec ligula a ullamcorper. Morbi at ligula vel metus ornare semper. Nunc rutrum suscipit dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et risus quis purus egestas rutrum. Nam tristique facilisis risus nec suscipit. Nullam facilisis velit eu tempor posuere. In consequat sem in nibh malesuada, faucibus efficitur mi vehicula. Sed quis pretium nibh, vitae ef
Last edited by a moderator:
