Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!--Please do not remove credits. Page by Pohroro-->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link href='http://fonts.googleapis.com/css?family=Chivo:400,900' rel='stylesheet' type='text/css'>
- <style type="text/css">
- html, body, ul, li
- {
- margin: 0;
- padding: 0;
- }
- body
- {
- font-family: Libre Baskerville; /*change the body font here*/
- font-size: 10px; /*change the body font size here*/
- color: #353a3d; /*change the body font color here; this includes the title as well*/
- background: url() white; /*change your body background image or color here*/
- margin: 0 auto;
- }
- a
- {
- text-decoration: none;
- color: black; /*change your general link color here*/
- }
- a:hover
- {
- background: yellow; /*change your hover link background color here*/
- color: #353a3d; /*change your hover link color here*/
- }
- #mainContainer
- {
- margin-top: 20px;
- float: left;
- margin-left: 30%;
- }
- #backing
- {
- margin: 0 auto;
- background: #f2f2f2; /*change your first box background color here*/
- width: 460px;
- height: 310px;
- padding: 20px;
- }
- #content
- {
- letter-spacing: 1px;
- overflow: auto;
- width: 460px;
- height: 309px;
- text-align: justify;
- padding-right: 8px;
- }
- #content:first-letter
- {
- width: 30px;
- height: 30px;
- padding: 5px;
- margin-bottom: 0px;
- margin-right: 4px;
- float: left;
- background-color: #353a3d; /*change the background color of the first letter of your content here*/
- border: 3px double white;
- color: white;
- font-size: 26px;
- font-style: italic;
- line-height: 30px;
- text-transform: uppercase;
- text-align: center;
- }
- #title
- {
- margin: 0 auto;
- margin-top: 10px;
- background: #f2f2f2; /*change the title box background color here*/
- width: 500px;
- height: 45px;
- line-height: 45px;
- text-align: center;
- text-transform: uppercase;
- font-weight: bold;
- letter-spacing: 1px;
- font-style: italic;
- }
- #banner
- {
- margin: 0 auto;
- margin-top: 10px;
- text-align: center;
- }
- #banner img
- {
- height: 210px;
- width: 500px;
- }
- #navigation
- {
- text-align: left;
- position: relative;
- float: left;
- }
- /*styling navigation here*/
- #navigation a
- {
- font-size: 10px;
- background: none;
- color: darkgray; /*change the color of your navigation link here*/
- text-decoration: none;
- text-transform: uppercase;
- border-left: 3px solid #f2f2f2;
- margin-left: 10px;
- padding: 5px;
- letter-spacing: 2px;
- }
- #navigation a:hover
- {
- border-left: 3px solid #353a3d;
- padding-left: 10px;
- font-style: italic;
- color: gray; /*change the color of your navigation hover link here*/
- }
- /*end of styling navigation*/
- ::-webkit-scrollbar
- {
- height: 10px;
- width: 2px;
- background: white;
- }
- ::-webkit-scrollbar-thumb:vertical
- {
- background: #353a3d; /*change the color of the scrollbar face here*/
- }
- </style>
- </head>
- <body>
- <div id="mainContainer">
- <div id="backing">
- <div id="content">
- <p><!--simply insert your on biography from here onwards-->Solari Saevherne nasceu no dia 12 de Outubro, em Los Angeles. Seus progenitores são Diana Saevherne e Theodoro Saevherne. Sua personalidade varia de pessoa para pessoa, mas tende a ser muito educada com todos que lhe permite e procura manter uma boa imagem de si mesma, pois Theodoro, seu pai, é um escritor famoso da cidade em que moram e sempre cresceu nas linhas certas para não manchar o nome da família. Solari desde que se entende por gente, posa como modelo para revistas de moda e mantém seu pensamento nesse ramo mesmo depois da escola. Diana sempre esteve à sua disposição e é seu porto seguro quando precisa, nunca a abandonou e foi a pessoa com quem aprendeu tudo do zero, pode-se dizer que é o espelho de ser humano a seguir e dá seu sangue pela mãe.</p>
- Aasdasd
- <p> asdasd </p>
- </div>
- </div>
- <div id="title">
- <!--change your title over here-->"Dizzy, dizzy, lips so sticky."
- </div>
- <div id="banner">
- <!--change your banner image here--><img src="http://25.media.tumblr.com/b56e6bbca709a3497dfc342435607096/tumblr_mnmus3QLBv1qgd8moo2_r1_500.jpg">
- </div>
- </div>
- <div id="navigation">
- <a href="/" style="position: fixed; margin-top: 300px;">Index</a><br />
- <a href="/ask" style="position: fixed; margin-top: 300px;">Message</a><br />
- <!--change your custom link here--><a href="http://tumblr.com" style="position: fixed; margin-top: 300px;">Link One</a><br />
- <!--change your custom link here--><a href="http://tumblr.com" style="position: fixed; margin-top: 300px;">Link Two</a><br />
- <a href="http://pohroro.tumblr.com" style="position: fixed; margin-top: 300px;">Credit</a><br />
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement