Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- .pfor {display: none;}
- #profile { background-color: transparent; border: 0px;}
- body {
- background-image: url();
- background-color: 000;
- background-repeat: no-repeat;
- background-size: 20%;
- background-position: bottom left; }
- {Note:
- Background-size is how big the picture is. If you need it smaller change it from 100% to 90 or 80% Lower if you need to. The background color is explainabl }
- </style>
- </div></center>
- vvvvvvvvvvvvvvvvvvvvvvvvvvv
- <!-- This is Oflothlorien's ABOUT THEME #3
- RULES:
- - Do not remove the credit
- - Do not use as a base
- - Do not claim as your own
- If you have any queries, go to oflothlorien.tumblr.com/asksubmit -->
- <html>
- <head>
- <title>about</title> <!-- This is the title that appears on the tab -->
- <link rel="shortcut icon" href="{Favicon}">
- <link href='http://fonts.googleapis.com/css?family=Patrick+Hand' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
- <style>
- a:link {color:#fff;} /* unvisited link */
- a:visited {color:#9fc8d7;} /* visited link */
- a:hover {color:#938989;} /* mouse over link */
- a:active {color:#938989;} /* selected link */
- a:link {text-decoration:none;}
- a:visited {text-decoration:none;}
- a:hover {text-decoration:none;}
- a:active {text-decoration:none;}
- iframe#tumblr_controls{
- position:fixed !important;
- right:0px !important;
- z-index:999;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #000; /*Change colour of scroll bar*/
- height:5px;
- }
- ::-webkit-scrollbar-corner {
- background-color: transparent;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color: #000; /*Change colour of scroll bar*/
- height:5px!important;
- }
- ::-webkit-scrollbar {
- height:7px;
- width:5px;
- }
- #title {
- width: 600px;
- height: 45px;
- margin-left: 325px;
- margin-top: 100px;
- background-color: #000; /* Change the background colour of the title box */
- color: #772699; /* Change the font colour of the title */
- font-size: 33px;
- font-family: Patrick Hand;
- text-align: center;
- text-transform: uppercase;
- letter-spacing: 2px;
- }
- #box {
- width: 600px;
- height: 350px;
- margin-left: 325px;
- margin-top: 2px;
- background-color: #000; /* Change the colour of the back box */
- }
- #linkone {
- width:200px;
- height: 20px;
- margin-left: 325px;
- margin-top: 7px;
- background-color: #000; /* Change the background colour of the main links */
- font-family: Patrick Hand;
- font-size: 15px;
- text-align: center;
- -o-transition: all 0.5s ease-in;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- }
- #linkone:hover {
- background-color: #772699; /* Change the hover colour of main link box */
- -o-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #linktwo {
- width:200px;
- height: 20px;
- margin-left: 525px;
- margin-top: -20px;
- background-color: #000; /* Change the background colour of the main links */
- font-family: Patrick Hand;
- font-size: 15px;
- text-align: center;
- -o-transition: all 0.5s ease-in;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- }
- #linktwo:hover {
- background-color: #772699; /* Change the hover colour of main link box */
- -o-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #linkthree {
- width:200px;
- height: 20px;
- margin-left: 725px;
- margin-top: -20px;
- background-color: #000; /* Change the background colour of the main links */
- font-family: Patrick Hand;
- font-size: 15px;
- text-align: center;
- -o-transition: all 0.5s ease-in;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- }
- #linkthree:hover {
- background-color: #772699; /* Change the hover colour of main link box */
- -o-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #textbox {
- width: 295px;
- height: 336px;
- margin-left: 330px;
- margin-top: -345px;
- background-color: #000; /* Change the colour of the textbox background */
- color: #772699; /* Change the colour of the textbox font */
- font-family: Open Sans Condensed;
- font-size: 14px;
- letter-spacing: 0.5px;
- padding: 2px;
- text-align:left;
- overflow:scroll;
- }
- #image {
- margin-left: 635px;
- margin-top: -340px;
- }
- </style>
- </head>
- <body>
- <div id="title">Loud Noise Pokémon.</div> <!-- This is the title box -->
- <div id="box"></div>
- <div id="textbox"><br><br><br><br><br><br><center>G'day mate.<br>
- Name's Nico. That's all you need to know. Can't hear your drama over dis noise.<p>
- Soundproof. Noise cancelling headphones are the bees knee's.<br>
- Held item? <i>Checks his pockets...</i><p>
- Boomburst - Swagger<br>Hyper Voice - Disarming Voice<p>
- WIP.
- </div>
- <div id="image"><img src="https://cdn.discordapp.com/attachments/376215349718155267/562812983953195018/2e63b5f1f827cfe833eda7b709a9527d.png" height="340px" width="285px"></div> <!-- This is where you insert the url of your selfie or any image of you, or really any image that you want -->
- <div id="linkone"><a href="/">link</a></div> <!-- These are the main links -->
- <div id="linktwo"><a href="/ask">link</a></div> <!-- Another main link -->
- <div id="linkthree"><a target="_blank" href="http://oflothlorien.tumblr.com/">link</a></div> <!-- DO NOT REMOVE THE CREDIT! -->
- </body>
- </html>
Add Comment
Please, Sign In to add comment