Untitled | Free Text Host

Share this text:

Report Abuse

Untitled - posted by guest on 28th June 2020 08:04:28 AM

<!-----------------------------------------------------------------------

About Page [07]: Rogue

Made by glenthemes

Initial release: 2018/11/07

Last updated: 2019/02/02

1) Do not remove the theme credit.

2) Do not repost/redistribute my themes.

3) Do not take parts of the code and use it as your own.

4) Do not use my themes as a base code.

5) Do not mix my themes together.

Please stick to the Terms! Thank you! :D

Here is the help guide!

↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓

https://glenthemes.tumblr.com/rogue

------------------------------------------------------------------------>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>{Title}</title>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:25,

tip_fade_speed:60,

attribute:"title"

});

})(jQuery);

</script>

/*--------------------TOOLTIPS--------------------*/

#s-m-t-tooltip {

padding: 5px 9px;

margin: 20px;

background-color:#231131; /* tooltip background color */

border:1px solid #0a3c51; /* tooltip border color */

font-family: exo;

font-size: calc(12px - 3px);

letter-spacing: 1px;

text-transform: uppercase;

color: #c3d4d7; /* tooltip text color */

z-index:9999!important;

max-width:300px;

}

/*--------------------TUMBLR CONTROLS--------------------*/

iframe#tumblr_controls, .iframe-controls--desktop {

top:5px!important;

right:5px!important;

ixed!important;

opacity:0.4;

transform:scale(0.8,0.8);

-webkit-transform:scale(0.8,0.8);

-moz-transform:scale(0.8,0.8);

-o-transform:scale(0.8,0.8);

transform-origin:100% 0;

z-index:999999!important;

transition:0.15s ease-in-out;

}

iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {

opacity:1;

}

/*--------------------TEXT HIGHLIGHT--------------------*/

::selection {

background:#000;

color:#74C5BC;

}

::-moz-selection {

background:#000;

color:#74C5BC;

}

/*--------------------BASICS--------------------*/

body {

background:#100b21 url('https://i.imgur.com/mNWJRwQ.jpg');

background-attachment:fixed;

background-repeat:no-repeat;

background-size:cover;

color:#888;

cursor:normal;

font-family:exo;

line-height:1.6em;

font-size:12px;

text-align:left;

overflow:hidden;

}

blockquote {

padding-left:10px;

margin-left:5px;

border-left:1px solid;

border-color:#aaa;

margin:10px;

}

a, .th {

text-decoration:none;

-webkit-transition: all 0.1s ease-in-out;

-moz-transition: all 0.1s ease-in-out;

-o-transition: all 0.1s ease-in-out;

}

a {

color:#c27ce2; /* links color */

}

b, strong {

font-weight:bold;

color:#ff9a00; /* bolded text color */

}

i, em {color:#75bac7;} /* italicized text color */

pre, code {

white-space:pre-wrap;

display:block;

}

hr {

width:70%;

border-width:0px;

height:1px;

background-color:#bbb;

}

/*--------------------CONTAINER--------------------*/

#bigwrap {

ixed;

margin:0 auto;

top:0;left:0;right:0;

width:max-content;

width:-moz-max-content;

height:100vh;

display:table;

}

#bigmid {

display:table-cell;

vertical-align:middle;

}

#box {

width:inherit;

height:455px;

padding:25px;

background-color:#870707; /* main container box background color */

border:1px solid #ffa700; /* main container box border */

}

/*--------------------TOP SECTION--------------------*/

#topflex {display:flex;}

#topflex > div {

align-self:center;

-webkit-align-self:center;

}

.toptitle {

font-family:rationale;

font-size:17px;

text-transform:uppercase;

letter-spacing:3px;

color:#ffb503; /* top left title color */

line-height:1.2em;

}

.topbar {

flex:1;

margin:auto 10px;

width:100%;

height:1px;

background-image:linear-gradient(to right,transparent,#fbe400,#fbe400,transparent); /* top bar gradient */

}

/* top right navigation links */

.topnav {display:flex;}

.topnav a {margin:0 5px;}

.topnav a:first-child {margin-left:0px;}

.topnav a:last-child {margin-right:0px;}

.topnav .th {

padding:10px;

font-size:12px;

background-color:#ffb503; /* top right navigation icons background */

border-radius:15%;

color:#000; /* top right navigation icons color */

}

.topnav .th:hover {

background-color:#a30000; /* top right nav icons background hover */

color:#fff; /* top right nav icons color hover */

}

/*--------------------MAIN CONTENT--------------------*/

#mainflex {

margin-top:25px;

width:inherit;

height:calc(100% - 54px);

display:flex;

}

/*--------------------MAIN: LEFT--------------------*/

.leftcont {

width:270px;

height:400px;

align-self:center;

-webkit-align-self:center;

}

.sbimg {

width:calc(100% - 16px);

height:calc(100% - 16px);

padding:8px;

background-color:#ff8203; /* sidebar image background / padding color */

}

/*-------MUSIC PLAYER-------*/

.music-cont {

position: absolute;

margin-top:calc(-42px - 8px);

margin-left:8px;

width:calc(270px - 32px - 16px);

padding:12px 16px;

background:rgba(17,8,23,0.7); /* music player background color */

/* use color-hex.com to convert hex codes to rgb values */

/* the 'a' in 'rgba' is the opacity */

}

#glenplayer02 {display:flex;}

#glenplayer02 > div {

align-self:center;

-webkit-align-self:center;

}

.music-controls {

user-select:none;

-webkit-user-select:none;

cursor:pointer;

}

.playy, .pausee {color:#ffb503;} /* color of play & pause buttons */

.playy {font-size:13px;}

.pausee {

display:none;

margin-right:2.3px;

}

.sonata {

margin-left:10px;

color:#ffb503; /* color of music note symbol */

}

.labeltext {

margin-left:8px;

font-family:barlow condensed;

text-transform:uppercase;

letter-spacing:2px;

color:#ffb503; /* color of song title */

}

/*--------------------MAIN: RIGHT--------------------*/

.rightcont {

margin-left:25px;

width:430px;

}

/* small title */

.smalltit {

font-family:barlow condensed;

font-weight:400;

font-size:12px;

text-transform:uppercase;

letter-spacing:2px;

color:#ffb503; /* small title text color */

}

.titflex {

display:flex;

margin-top:7px;

}

/* big title */

.bigtit {

font-family:barlow condensed;

font-weight:600;

font-size:28px;

text-transform:uppercase;

letter-spacing:2.5px;

color:#ff8203; /* big title text color */

}

/* flashing text input underline */

.input {

align-self:flex-end;

-webkit-align-self:flex-end;

margin-bottom:-2px;

margin-left:2px;

width:13px;

height:2px;

background-color:#ff8203; /* flashing input line color */

animation: flashing 1s step-start 0s infinite;

-webkit-animation: flashing 1s step-start 0s infinite;

-moz-animation: flashing 1s step-start 0s infinite;

}

@keyframes flashing {

50% {opacity:0;}

}

@-webkit-keyframes flashing {

50% {opacity:0;}

}

@-moz-keyframes flashing {

50% {opacity:0;}

}

/* quote box */

#quotecont {

margin-top:25px;

width:100%;

display:flex;

}

.quote {

width:calc(320px - 25px);

padding:14px 18px;

border-left:1px solid #f0c69c; /* quote box border color */

font-family:rationale;

font-size:12px;

text-transform:uppercase;

letter-spacing:1.5px;

color:#f0c69c; /* quote text color */

text-align:center;

}

.q-topleft, .q-botleft, .q-topright, .q-right1, .q-right2, .q-botright, .arrow1, .arrow2 {

background:#f0c69c; /* quote box border color */

}

.q-right1, .q-right2 {height:20px;} /* height of quote borders on right */

.arrow1, .arrow2 {height:10px;} /* quote arrow size */

/* pls do not touch the sections below unless you know what you're doing */

.quote p:last-child {margin-bottom:0px;}

.q-topleft {

bsolute;

width:10px;

height:1px;

}

.q-botleft {

margin-top:-1px;

width:10px;

height:1px;

}

.q-topright {

float:right;

width:10px;

height:1px;

}

.yakisoba {display:flex;}

.q-right1 {width:1px;}

.q-right2 {

bsolute;

align-self:flex-end;

-webkit-align-self:flex-end;

width:1px;

}

.q-botright {

float:right;

margin-top:-1px;

width:10px;

height:1px;

}

.kimchi {display:flex;}

.arrow1 {

align-self:flex-start;

-webkit-align-self:flex-start;

margin-left:-1px;

margin-top:19.5px;

width:1px;

transform-origin:100% 0;

transform:rotate(-68deg);

-webkit-transform:rotate(-68deg);

-moz-transform:rotate(-68deg);

-o-transform:rotate(-68deg);

}

.arrow2 {

bsolute;

align-self:flex-end;

-webkit-align-self:flex-end;

margin-left:8px;

margin-top:-12.5px;

width:1px;

transform-origin:100% 0;

transform:rotate(70deg);

-webkit-transform:rotate(70deg);

-moz-transform:rotate(70deg);

-o-transform:rotate(70deg);

}

/* quote icon */

.q-icon {

float:right;

margin-top:calc(-64px - 5px + 9px);

width:64px;

height:64px;

padding:5px;

background-color:#ffa700; /* quote icon image background / padding color */

border-radius:10%;

}

#bioflex {

margin-top:25px;

height:259px;

display:flex;

}

#bioflex > div {

align-self:center;

-webkit-align-self:center;

}

#mcnugget {width:200px;}

/* stats box */

#statsbox {

height:max-content;

height:-moz-max-content;

padding:14px 15px;

border:1px solid #ffa700; /* statistics box border */

font-family:exo;

font-size:11px;

color:#f2cc83 /* statistics normal text color */

}

#statsbox name {

margin-right:5px;

font-family:rationale;

font-size:13px;

text-transform:uppercase;

letter-spacing:1.5px;

color:#e3a42b; /* statistics name color */

}

/* custom links */

#customlinks {

margin-top:calc(25px - 8px);

margin-left:-2.5px;

width:calc(100% + 10px);

}

#customlinks a {

display:inline-block;

margin:4px 2.7px;

width:80px;

padding:4px 8px;

background-color:#e36c2b;/* custom links background color */

font-family:rationale;

font-size:10px;

text-transform:uppercase;

letter-spacing:1.3px;

color:#f0dc9c; /* custom links color */

text-align:center;

}

#customlinks a:hover {

background-color:#f0dc9c; /* custom links background color on hover */

color:#e36c2b; /* custom links color on hover */

}

/* biography box section */

#biosect {

margin-top:15px;

margin-left:25px;

width:212px;

}

.biotit {

padding:8px 10px;

background-color:#fb9800; /* biography title background color */

font-family:barlow condensed;

font-weight:400;

text-transform:uppercase;

letter-spacing:3px;

color:#fff; /* biography title text color */

text-align:center;

}

.bio {

margin-top:10px;

padding:12px 15px;

border:1px solid #e36c2b; /* biography text box border */

font-family:exo;

font-size:11px;

color:#f2d7ae; /* biography text color */

line-height:1.8em;

max-height:173px;

overflow:auto;

}

.bio p:last-child {margin-bottom:0px;}

.bio::-webkit-scrollbar {

height:13px;

width:13px;

background-color:#87070a; /* biography scrollbar background */

}

.bio::-webkit-scrollbar-thumb {

background-color:#fff; /* biography scrollbar track */

border:6px solid #ff9a00; /* biography scrollbar background */

}

.bio::-webkit-scrollbar-track {

background-color:#870707; /* biography scrollbar background */

}

</style>

</head>

<body>

<div class="toptitle">>> Mosako Sen</div>

</div>

</div>

</div>

<div class="labeltext">BLCKPNK - HOW YOU LIKE THAT</div>

</div>

</div>

</div>

<div class="smalltit">e no final, todos</div>

<div class="bigtit">≥ fazemos a mesma pergunta</div>

</div>

<div class="quote">Onde está mosako?</div>

</div>

</div>

</div>

</div>

<CENTER>

<name>TOP 1</name>-

<br>

<name>TOP 2</name>-

<br>

<name>TOP 3</name>-

<br>

<name>TOP 4</name>-

<br>

<name>TOP 5</name>-

</CENTER>

</div>

<a href="https://youtu.be/EglaKI8oRiI">MOSAKO</a>

<a href="/">INTRODUÇÃO</a>

</div>

</div>

<div class="biotit">RANKING total</div>

Abaixo está as classificações dos usuários do primeiro ao último lugar no ranking da campanha Mosako Sen. Para mais informações sobre a campanha, sobre o ranking e notícias dela, confira ao lado.<br><br>

</center>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</body>

</html>

Report Abuse