Christopher - CS Code

[comment]

‧͙⁺˚*･༓☾　coded by weldherwings　☽༓･*˚⁺‧͙

font-family for tabs+pantone: Montserrat
background color: #d0bcbb
font-family in scroll: Karla
1st tab image: [URL]https://i.pinimg.com/564x/a2/fa/3b/a2fa3bba27950acef72cc40943f9033a.jpg[/URL]

PLEASE DO NOT MESS WITH THE ROTATE AS IT WILL YEET THE TABS!
[/comment][border=0px; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;width:450px; height:420px;position:relative;margin:auto;][border=0px;width:400px;height:420px;pointer-events:none;background:#d0bcbb;opacity:1;position:absolute;top:-10px; left:20px;
;][/border]
[border=0px; transform:rotate(90deg); margin-top:90px; margin-left:215px; width:280px;][border=0px;width:290px;height:215px;pointer-events:none; position:absolute;top:-5px;font-size:10px;font-family:Montserrat;text-transform:uppercase;letter-spacing:1px;color:black;z-index:2;background:#d0bcbb;][border=0px; width:50px; height:10px; text-align:center;display:inline-block; ]home[/border][border=0px; width:40px; height:10px; text-align:center;display:inline-block;]one[/border][border=0px; width:40px; height:10px; text-align:center;display:inline-block;]two[/border][border=0px; width:40px; height:10px; text-align:center;display:inline-block;]three[/border][/border][tabs]

[comment]
‧͙⁺˚*･༓☾　1st tab　☽༓･*˚⁺‧͙
[/comment]
[tab=1][border=0px; transform:rotate(-90deg);width:270px; height:380px; padding:25px;background:#d0bcbb; margin:auto; position:absolute; top:-10px;z-index:2;][border=10px solid white; height:250px; width:250px; background:url(https://i.pinimg.com/564x/a2/fa/3b/a2fa3bba27950acef72cc40943f9033a.jpg); background-size:cover; margin:auto; margin-top:10px;border-bottom:100px solid white;overflow:hidden;][border=0px solid transparent; width: 250px;height: 250px; padding-right:50px;overflow-Y: scroll;overflow-X: hidden; font-family:Karla; font-size:11px;color: black; line-height:15px; text-align:justify; padding-bottom:20px; margin-left:-5px;][border=0px; background:#d0bcbb; margin-top:250px; margin-bottom:30px;][comment]

‧͙⁺˚*･༓☾　post starts here　☽༓･*˚⁺‧͙[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/border][/border][/border][comment]
‧͙⁺˚*･༓☾　Pantone Banner　☽༓･*˚⁺‧͙
[/comment][border=0px; width:250px; position:absolute; left:40px; top:315px;text-transform:uppercase;display:inline-block; color:black][font=Montserrat][size=25px][b]pantone[/b][/size][border=0px; position:relative;left:-7px; top:-8px; display:inline-block]®[/border]
[border=0px; text-transform:none; margin-top:-18px; margin-left:-10px; line-height:16px; font-size:12px; letter-spacing:0.2px; ]#d0bcbb
Christopher Davis[/border][/font][border=0px; text-transform:none; margin-top:-18px; margin-left:-10px; line-height:16px; font-size:12px; letter-spacing:0.2px; ]
[/border][/border][/border][/tab]

[comment]
‧͙⁺˚*･༓☾　2nd tab　☽༓･*˚⁺‧͙
[/comment]
[tab=2][border=0px; transform:rotate(-90deg);width:270px; height:380px; padding:25px;background:#d0bcbb; margin:auto; position:absolute; top:-10px;z-index:2;][border=10px solid white; height:250px; width:250px; margin:auto; margin-top:10px;border-bottom:100px solid white;overflow:hidden;][border=0px solid transparent; width: 240px;height: 250px; padding-right:30px;overflow-Y: scroll;overflow-X: hidden; font-family:Karla; font-size:11px;color: black; line-height:15px; text-align:justify; padding-bottom:20px; margin-left:-20px; margin:auto;][comment]

‧͙⁺˚*･༓☾　post starts here　☽༓･*˚⁺‧͙[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/border][/border][comment]
‧͙⁺˚*･༓☾　Pantone Banner　☽༓･*˚⁺‧͙
[/comment][border=0px; width:250px; position:absolute; left:40px; top:315px;text-transform:uppercase;display:inline-block; color:black][font=Montserrat][size=25px][b]pantone[/b][/size][border=0px; position:relative;left:-7px; top:-8px; display:inline-block]®[/border]
[border=0px; text-transform:none; margin-top:-18px; margin-left:-10px; line-height:16px; font-size:12px; letter-spacing:0.2px; ]#d0bcbb
About the boy[/border][/font][border=0px; text-transform:none; margin-top:-18px; margin-left:-10px; line-height:16px; font-size:12px; letter-spacing:0.2px; ]
[/border][/border][/border][/tab]

[comment]
‧͙⁺˚*･༓☾　3rd tab　☽༓･*˚⁺‧͙
[/comment]
[tab=3][border=0px; transform:rotate(-90deg);width:270px; height:380px; padding:25px;background:#d0bcbb; margin:auto; position:absolute; top:-10px;z-index:2;][border=10px solid white; height:250px; width:250px; margin:auto; margin-top:10px;border-bottom:100px solid white;overflow:hidden;][border=0px solid transparent; width: 240px;height: 250px; padding-right:30px;overflow-Y: scroll;overflow-X: hidden; font-family:Karla; font-size:11px;color: black; line-height:15px; text-align:justify; padding-bottom:20px; margin-left:-20px; margin:auto ][comment]

‧͙⁺˚*･༓☾　post starts here　☽༓･*˚⁺‧͙[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/border][/border][comment]
‧͙⁺˚*･༓☾　Pantone Banner　☽༓･*˚⁺‧͙
[/comment][border=0px; width:250px; position:absolute; left:40px; top:315px;text-transform:uppercase;display:inline-block; color:black][font=Montserrat][size=25px][b]pantone[/b][/size][border=0px; position:relative;left:-7px; top:-8px; display:inline-block]®[/border]
[border=0px; text-transform:none; margin-top:-18px; margin-left:-10px; line-height:16px; font-size:12px; letter-spacing:0.2px; ]#d0bcbb
Persona[/border][/font][/border][/border][/tab]

[comment]
‧͙⁺˚*･༓☾　4th tab　☽༓･*˚⁺‧͙
[/comment]
[tab=4][border=0px; transform:rotate(-90deg);width:270px; height:380px; padding:25px;background:#d0bcbb; margin:auto; position:absolute; top:-10px;z-index:2;][border=10px solid white; height:250px; width:250px; margin:auto; margin-top:10px;border-bottom:100px solid white;overflow:hidden;][border=0px solid transparent; width: 240px;height: 250px; padding-right:30px;overflow-Y: scroll;overflow-X: hidden; font-family:Karla; font-size:11px;color: black; line-height:15px; text-align:justify; padding-bottom:20px; margin-left:-20px; margin:auto][comment]

‧͙⁺˚*･༓☾　post starts here　☽༓･*˚⁺‧͙[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/border][/border][comment]
‧͙⁺˚*･༓☾　Pantone Banner　☽༓･*˚⁺‧͙
[/comment][border=0px; width:250px; position:absolute; left:40px; top:315px;text-transform:uppercase;display:inline-block; color:black][font=Montserrat][size=25px][b]pantone[/b][/size][border=0px; position:relative;left:-7px; top:-8px; display:inline-block]®[/border]
[border=0px; text-transform:none; margin-top:-18px; margin-left:-10px; line-height:16px; font-size:12px; letter-spacing:0.2px; ]#d0bcbb
Relationships[/border][/font][/border][/border][/tab]
[/tabs][/border][/border][comment]

‧͙⁺˚*･༓☾　credit - please do not remove　☽༓･*˚⁺‧͙
[/comment]
[border=0px;  font-size:8px; letter-spacing:1px; text-align:center; ][font=Karla]coded by weldherwings.[/font][/border]