fluticasone
mushy canele
[div style="display: none;"]font callfont call[/div]
[class name="root"]
--maincolor: #ff6f61;
--accentcolor: #ffffff;
--textcolor: #7b7b7b;
--maintext: 'Roboto', sans-serif;
--accenttext: 'Averia Serif Libre', serif;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
position: relative;
padding: 8% 10%;
box-sizing: border-box;
font-family: var(--maintext);
color: var(--textcolor);
text-align: center;
font-size: initial;
position: relative;
[/class]
[class name="maincontainer"]
max-width: 780px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: stretch;
align-content: stretch;
position: relative;
margin: auto;
width: auto;
height: auto;
overflow: hidden;
[/class]
[class name="maincontainer" maxWidth=100vh]
flex-flow: column nowrap;
justify-content: center;
align-items: stretch;
align-content: center;
[/class]
[class name="spacer"]
font-size: 0px;
width: 30px;
background: url('https://i.imgur.com/Jsg5ogo.jpg') left top/auto;
[/class]
[class name="spacer" maxWidth=100vh]
height: 30px;
width: auto;
[/class]
[class name="information"]
flex: 0 0 250px;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
align-content: center;
background: var(--accentcolor);
padding: 5% 0px;
[/class]
[class name="information" maxWidth=100vh]
flex: 0 0 auto;
width: auto;
display: block;
padding: 20px 0px;
[/class]
[class name="box"]
box-sizing: border-box;
max-width: 500px;
max-height: 500px;
height: 50vh;
width: 50vh;
background: url('https://i.imgur.com/Jsg5ogo.jpg') center center/auto;
overflow: hidden;
padding: 30px;
text-align: left;
position: relative;
display: block;
[/class]
[class name="box" maxWidth=100vh]
width: 100%;
[/class]
[class name="scrollbox"]
display: block;
height: 100%;
width: 100%;
overflow-x: visible;
overflow-y: auto;
padding-right: 150px;
position: relative;
[/class]
[class name="fish"]
width: 75%;
pointer-events: none;
margin: 15px 0px;
[/class]
[class name="fish" maxWidth=100vh]
display: none;
[/class]
[class name="scrollboxcontainer"]
flex: 1 0 0px;
width: calc(100% - 40px);
overflow: hidden;
margin: auto;
text-align: justify;
font-size: .7em;
[/class]
[class name="ruleblock"]
margin-bottom: 1.25em;
line-height: 1.15em;
[/class]
[class name="ruletitle"]
font-family: var(--accenttext);
color: var(--maincolor);
text-transform: uppercase;
display: block;
font-size: 1.25em;
margin-bottom: .25em;
[/class]
[class name="freeb"]
display: block;
width: 100%;
cursor: pointer;
background: var(--accentcolor);
box-sizing: border-box;
padding: 5% 8%;
margin-bottom: 20px;
[/class]
[class name="freebname"]
font-family: var(--accenttext);
color: var(--maincolor);
text-transform: uppercase;
display: inline-block;
width: 100%;
font-size: 1em;
box-sizing: border-box;
margin-bottom: .25em;
[/class]
[class name="freebtags"]
padding: 0px 0% 0px 5%;
font-size: .6em;
text-align: left;
display: inline-block;
box-sizing: border-box;
color: var(--textcolor);
width: 100%;
[/class]
[class name="tag"]
display: inline-block;
border-right: 1px solid var(--maincolor);
padding: 0px 10px;
text-transform: uppercase;
[/class]
[class name="freebpreview"]
font-size: 0px;
display: block;
width: 100%;
background: var(--preview) center center/cover;
padding-top: 56.7%;
opacity: .5;
transition: opacity .75s ease-in-out;
[/class]
[class name="freebpreview" state=hover]
opacity: 1;
[/class]
[class name="freebpic"]
display: none;
[/class]
[div class="root"]
[div class="maincontainer"]
[div class="spacer"].[/div]
[div class="information"]
[div class="fish"]
[/div]
[div class="scrollboxcontainer"]
[div class="scrollbox"]
[div class="ruleblock"]
[div class="ruletitle"]usage[/div]
You are allowed to use any of the below codes anywhere on this website. Offsite use requires explicit permission. You are allowed to customize and customize them to fit your needs. You may use them as base codes for your own work.
[/div]
[div class="ruleblock"]
[div class="ruletitle"]credit[/div]
Crediting me when using anywhere on RPN for whatever purpose is appreciated, but not required. This extends to using my codes as a base. Usage offsite requires credit in a location where it is easily visible. The preferred format is plastic flower @ rpnation.
[/div]
[div class="ruleblock"]
[div class="ruletitle"]no warranty[/div]
While I don't mind helping anyone who uses my codes, I'm by no means obligated to do so. Remain polite when requesting assistance and I will extend the same courtesy. Act entitled, and I ignore you.
[/div]
[div class="ruleblock" style="margin-bottom: 0px;"]
[div class="ruletitle"]theme and list[/div]
If a freebie's description does not match the current theme or is not mentioned in the list attached to this post, tread with caution. This means I have not updated the code in a long time and may have compatibility issues with our current BBCode. Some divs may not display properly.
[/div]
[/div]
[/div]
[/div]
[div class="box"]
[div class="scrollbox"]
[div class="freeb chunmi"]
[div class="freebname"]chunmi[div style="display: none;"]#[/div][/div]
[div class="freebtags"]
[div class="tag"]twitter-style cs[/div]
[div class="tag"]social media[/div]
[div class="tag"]mobile compatible[/div]
[div class="tag"]finicky code[/div]
[div class="tag" style="border-right: none;"]no tabs[/div]
[/div]
[/div]
[div class="freeb tiger"]
[div class="freebname"]tiger[div style="display: none;"]#[/div][/div]
[div class="freebtags"]
[div class="tag"]character sheet[/div]
[div class="tag"]music players[/div]
[div class="tag"]mobile compatible[/div]
[div class="tag"]finicky code[/div]
[div class="tag"]relationship tab[/div]
[div class="tag" style="border-right: none;"]four tabs[/div]
[/div]
[/div]
[/div]
[/div]
[/div]
[/div]
Last edited:
