Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- body {
- margin: 0;
- padding: 0;
- background-color:#6f0a0c; /*change your background here*/
- -webkit-background-size: ;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: ;
- }
- a {
- text-decoration: none;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- a:hover {
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- #top-one {
- position: fixed;
- left: 4%;
- top: 8%;
- width: 35%;
- height: 0px;
- border-top: px solid;
- border-color: #FFFFFF; /*change border color here*/
- box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
- }
- #top-two {
- position: fixed;
- right: 4%;
- top: 8%;
- width: 35%;
- height: 0px;
- border-top: px solid;
- border-color: #FFFFFF; /*change border color here*/
- box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
- }
- #left {
- position: fixed;
- left: 4%;
- top: 8%;
- height: 84%;
- width: 0px;
- border-left: px solid;
- border-color: #FFFFFF; /*change border color here*/
- box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
- }
- #bottom {
- position: fixed;
- width: 92%;
- height: 0px;
- margin: 0 auto;
- left: 0px;
- right: 0px;
- bottom: 8%;
- border-bottom: 0px solid;
- border-color: #FFFFFF; /*change border color here*/
- box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
- }
- #right {
- position: fixed;
- right: 4%;
- top: 8%;
- height: 84%;
- width: 0px;
- border-right: 0px solid;
- border-color: #FFFFFF; /*change border color here*/
- box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
- }
- #title {
- margin: 0 auto;
- left: 0px;
- right: 0px;
- width: 22%;
- text-align: center;
- top: 7%;
- position: fixed;
- font-family: Montserrat;
- letter-spacing: 13px;
- color: #FFFFFF; /*change title color here*/
- font-size: 12px;
- }
- #url a {
- margin: 0 auto;
- left: 0px;
- right: 0px;
- width: 100%;
- text-align: center;
- top: 445px;
- position: fixed;
- font-size: 50px; /*change url size here*/
- letter-spacing: 20px;
- color: #114636; /*change url color here*/
- font-family: Prata;
- text-shadow:
- 0 0 3px #FFFFFF, /*change url shadow color here*/
- 0 0 3px #FFFFFF, /*change url shadow color here*/
- 0 0 3px #FFFFFF, /*change url shadow color here*/
- 0 0 3px #FFFFFF; /*change url shadow color here*/
- }
- #url a:hover {
- color: #3b3439; /*change url hover color*/
- }
- #c {
- position: fixed;
- bottom: 13px;
- right: 15px;
- font-family: Arial;
- }
- #c a {
- color: #FFFFFF; /*change credit color here*/
- font-size: 18px;
- }
- /* Credits to http://pohroro.tumblr.com */
- /* This is the profile page content: */
- .contentpage{position:absolute;top:0%;left:0%;height:100%;width:100%;background-image:url('http://i.picpar.com/Z8ac.jpg');opacity:0;z-index:-1;}
- .contentpage:target{opacity:1;z-index:1;transition: all 0.9s ease-in-out;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;}
- .clouds {
- position:absolute;
- left:0;
- bottom:0;
- width:100%;
- height:100%;
- display:block;
- overflow: visible;
- opacity: 0.5;
- background:transparent url('http://i.picpar.com/mMac.png') repeat top center;
- z-index:1;
- -moz-animation:move-scrolling-front 150s linear infinite;
- -ms-animation:move-scrolling-front 150s linear infinite;
- -o-animation:move-scrolling-front 150s linear infinite;
- -webkit-animation:move-scrolling-front 150s linear infinite;
- animation:move-scrolling-front 150s linear infinite;
- }
- @keyframes move-scrolling-front{
- from{background-position:0% 0%}
- to{background-position:300% 0%}
- }
- @-webkit-keyframes move-scrolling-front{
- from{background-position:0% 0%}
- to{background-position:300% 0%}
- }
- @-moz-keyframes move-scrolling-front{
- from{background-position:0% 0%}
- to{background-position:300% 0%}
- }
- @-ms-keyframes move-scrolling-front{
- from{background-position:0% 0%}
- to{background-position:200% 0%}
- }
- </style>
- <a href="#1">
- <div class="clouds">
- </div>
- </a>
- <div id="url">
- <a href="#1">
- FIFTH <img src="http://i.picpar.com/UJac.png" alt="" width="512" /> KAZEKAGE</a>
- </div>
- <div id="c">
- <a target="_blank" href=" " title=" "> </a>
- </div>
- <div id="1" class="contentpage">
- <style type="text/css">
- ::selection {
- background: #ddd;
- color: #fff;
- }
- ::-moz-selection {
- background: #ddd;
- color: #fff;
- }
- ::-webkit-selection {
- background: #ddd;
- color: #fff;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #c6a0a8;
- height: 50px;
- }
- ::-webkit-scrollbar {
- height: 10px;
- width: 3px;
- background-color: #f0ebea;
- }
- body {
- color: #aaa;
- text-align:justify;
- font-family: tahoma;
- font-size: 10px;
- background-color: #fff;
- background-color:#6f0a0c;
- background-attachment: fixed repeat; }
- #subete{
- margin-left: -200px;
- margin-top: 130px; }
- #about { margin-top: 100px; }
- #about i { font-style: italic; color:#787878; letter-spacing: 2px; }
- #about b { font-weight: bold; color:#787878; letter-spacing: 1px; }
- #kago {
- width: 520px;
- height: 330px;
- padding: 20px;
- overflow: hidden;
- background-image: url(;http://media.tumblr.com/tumblr_m1rrtytBRn1r836v5.jpg');border: 1px solid #ddd;
- margin-left: 400px;
- margin-top: -1px; }
- #shouzou {
- width: 360px;
- height: 502px;
- background-image: url(;http://media.tumblr.com/tumblr_m1rrtytBRn1r836v5.jpg');border: 1px solid #ddd;
- padding: 5px;
- margin-top: -70px;
- margin-left: 400px;
- margin-right:-1px;
- float: left; }
- #shouzou img { width: 360px; height: 502px; opacity: 0.8; -webkit-filter: grayscale(1);
- }
- #daimei {
- text-align: center;
- font-family: georgia;
- color: #444;
- font-size: 16px;
- text-transform: lowercase;
- padding:0px 0px 2px 0px;
- border-bottom: 1px dotted #aaa; }
- #fukudai {
- text-align: center;
- font-family: tahoma;
- color: #aaa;
- font-size: 12px;
- text-transform: none;
- padding:0px 20px 0px 20px;
- margin-top: 3px; }
- #onaka {
- float: right;
- width: 200px;
- text-align: justify;
- height: 100px;
- padding: 5px;
- line-height: 15px;
- font-size:9px;
- position: relative; }
- .tap
- {color:#bebebe;
- border-left: solid 8px;
- letter-spacing: 1px;
- font-size:8px; }
- #nai {
- margin-top: 7px;
- margin-left: 20px; }
- #atama {
- float: left;
- width: 200px;
- height: 100px;
- padding: 5px;
- position: relative; }
- #karada { position: absolute; margin-top: -5px; }
- a:link {color:#000; }
- a:visited {color:#000; }
- a:hover {color:#4D4835;transition:3.4s;-webkit-transition:3.4s;-moz-transition:3.4s;-o-transition:3.4s;-ms-transition:3.4s; }
- a:active {color:#fff; }
- ul
- {
- list-style:square;
- margin-left:-10px; }
- blockquote
- {
- background-color: #f7f7f7;
- padding: 5px;
- margin-left: 10px; margin-right: 10px; }
- /* NAVIGATION */
- #navi{
- text-align:center;
- margin-left:25px;
- margin-top: 220px;
- width:200px;
- padding:12px;
- position:absolute;
- z-index: 9999; }
- #ichi {
- margin-bottom:4px;
- color:#b2b2b2;
- width: 60px;
- background-image: url(;http://media.tumblr.com/tumblr_m1rrtytBRn1r836v5.jpg');
- padding: 4px;
- opacity: 0.6;
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing:1px;
- -webkit-transition: opacity 0.3s linear;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out; }
- #ichi:hover { opacity: 1; }
- /* END NAVIGATION */
- b {
- text-transform: ;
- font-size: px;
- font-weight: ;
- color: #FFF;
- background: #550000;
- letter-spacing: px;
- padding: 1px 2px 1px 3px;
- margin-right: 2px;}
- u {
- text-transform: ;
- font-size: ;
- font-weight: ;
- color: #000;
- background: #;
- letter-spacing: 1px;
- padding: 1px 2px 1px 3px;
- margin-right: 2px;
- border-bottom: dotted 1px #000;}
- i {
- font-size: px;
- font-weight: ;
- color: #8e0000;
- letter-spacing: 1px;
- padding: 1px 2px 1px 3px;
- margin-right: 2px;}
- .hoverbox {
- position: fixed;
- background-color: #fff;
- opacity: 0;
- width: 208px;
- height: 235px;
- padding: 5px;
- left: 667px;
- top: 138px;
- font-family: arial;
- font-size: 9px;
- color: #;
- letter-spacing: 0px;
- -webkit-transition: all .7s ease-in-out;
- }
- .hoverbox:hover {
- opacity: 1;
- top: 280px;
- }
- .hoverbox b {
- color: # ;
- font-family: calibri;
- font-size: 10px;
- line-height: 10px;
- text-transform: ;
- }
- .hoverbox1 {
- position: fixed;
- background-color: #fff;
- opacity: 0;
- width: 200px;
- height: 300px;
- padding: 5px;
- left: 840px;
- top: 270px;
- font-family: arial;
- font-size: 9px;
- color: #;
- letter-spacing: 0px;
- -webkit-transition: all .7s ease-in-out;
- }
- .hoverbox1:hover {
- opacity: 1;
- top: 270px;
- }
- .hoverbox1 b {
- color: # ;
- font-family: calibri;
- font-size: 10px;
- line-height: 10px;
- text-transform: ;
- }
- #url1 a {
- margin: 0 auto;
- left: 380px;
- right: 0px;
- width: 100%;
- text-align: ;
- top: 165px;
- position: fixed;
- font-size: 48px; /*change url size here*/
- letter-spacing: 2px;
- color: #114636; /*change url color here*/
- font-family: Prata;
- text-shadow:
- 0 0 3px #FFFFFF, /*change url shadow color here*/
- 0 0 3px #FFFFFF, /*change url shadow color here*/
- 0 0 3px #FFFFFF, /*change url shadow color here*/
- 0 0 3px #FFFFFF; /*change url shadow color here*/
- }
- #url1 a:hover {
- color: #3b3439; /*change url hover color*/
- }
- .hoverbox {
- position: fixed;
- background-color: #fff;
- opacity: 0;
- width: 270px;
- height: 126px;
- padding: 5px;
- left: 380px;
- top: 137px;
- font-family: arial;
- font-size: 9px;
- color: #;
- letter-spacing: 0px;
- -webkit-transition: all .7s ease-in-out;
- }
- .hoverbox:hover {
- opacity: 1;
- top: 137px;
- }
- .hoverbox b {
- color: # ;
- font-family: calibri;
- font-size: 10px;
- line-height: 10px;
- text-transform: ;
- }
- </style>
- <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 262px; left: 360px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
- <img src="http://33.media.tumblr.com/4fc0a6a6563fe5ac38ca4aa15e2cfd67/tumblr_ndqbmrf50H1rm2da9o2_500.gif" alt="" width="470" />
- </span></div>
- <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 0.9; width: 430px; height: 296px; background-color:#fff ; position: absolute; top: 282px; left: 380px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
- </span></div>
- <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 242px; left: 60px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
- <img src="http://i.picpar.com/eKac.png" alt="" width="330" />
- </span></div>
- <div id="url1">
- <a href="#1">
- KAZEKAGE<br />
- <span style="font-family: andale mono,times; font-size: 35px; color: ;"><i> Sabaku no Gaara
- </i>
- </span>
- </a>
- </div>
- <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 143px; height: 136px; background-color:#fff ; position: absolute; top: 138px; left: 667px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
- </span></div>
- <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 148px; left: 677px; overflow: auto; text-align: left; border: 1px solid #000;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
- <img src="http://i.picpar.com/pKac.png" alt="" width="120" />
- </span></div>
- <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 410px; height: 276px; background-color: ; position: absolute; top: 292px; left: 390px; overflow: auto; text-align: left; border: px solid #fff;">
- <span style="font-family: andale mono,times; font-size: medium; color: #;"> <b> 我 愛 羅</b> <span style="font-family: andale mono,times; font-size: medium; color: #000;"><u>Suna no Gaara</u> </span>
- <p>
- <span style="font-family: andale mono,times; font-size: small; color: #000;">A shinobi of Sunagakure. He was made the jinchūriki of the One-Tailed Shukaku before he was born, causing the villagers of Suna to fear him as a monster. With nobody to connect to, Gaara grew up hating the world and looking out only for himself, justifying his own existence by killing anyone he came across. After being defeated in battle by Naruto Uzumaki — a jinchūriki like himself who found strength in his friendships — Gaara starts emulating Naruto. He becomes Suna's Fifth Kazekage (五代目風影, Godaime Kazekage, Literally meaning: Fifth Wind Shadow) so that he can protect the village and all those who live there, in the process dispelling the villagers' and the rest of the world's fears of him.</span>
- </span></div>
- <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 15px; height: 15px; background-color: #15c4d1; position: absolute; top: 270px; left: 840px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
- </div>
- <div class="hoverbox">
- <div style="float: left; width: 265px; height: 240px; overflow: auto; overflow-x: hidden; border: solid 0px #000; line-height:8px;">
- <b> NAME </b></span><span style="font-family: andale mono,times; font-size: 12px; color: #000;"> Gaara . Sabaku no Gaara . <u>Fifth Kazekage</u><p>
- <b>AFFILIATION</b> Sunagakure, Allied Shinobi Forces<P>
- <b>TEAM(S)</b> Three Sand Siblings, Fourth Division<P>
- <b>CLAN</b> Kazekage Clan [<i>in the novel only</i>] <P>
- <b>CLASSIFICATION </b> Jinchūriki, Sensor Type <P>
- <b>MARITAL</b> Heterosexual, uninterested, single
- </span>
- </div></div>
- <div class="hoverbox1">
- <div style="float: left; width: 200px; height:290px; overflow: auto; overflow-x: hidden; border: solid 0px #000; line-height:8px;">
- <a target="_blank" href="profile.php?user=Kirara" target="_blank" data-title=" "><img src="http://static.tumblr.com/346db9dcc8183cc8cf34d007ddfcc926/2zef6vw/9T4n2v6cv/tumblr_static_cherry_blossom_girl.jpg" alt="" width="108" /></a><br />
- <span style="font-family: andale mono,times; font-size: xx-small; color: #fff;"><b> k i r a r a </b></span><P><span style="font-family: andale mono,times; font-size: 12px; color: #000;"> Description coming soon. </span><p>
- <a target="_blank" href="profile.php?user=Sabaku no Temari" target="_blank" data-title=" "><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSmnAcQtOlB4RzjB9SWOkcN9ydcbrR1J4TatboUC9jUZeAuv8VRig" alt="" width="108" /></a><br />
- <span style="font-family: andale mono,times; font-size: xx-small; color: #fff;"><b> t e m a r i </b></span><P><span style="font-family: andale mono,times; font-size: 12px; color: #000;"> Description coming soon. </span><p>
- <a target="_blank" href="profile.php?user=Kankuro" target="_blank" data-title=" "><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQrcEG5ME9omoyhLpwFKIgx79rzoOA7Ir76qO_CLffRIfWT5Mi0kA" alt="" width="108" /></a><br />
- <span style="font-family: andale mono,times; font-size: xx-small; color: #fff;"><b> k a n k u r o</b></span><P><span style="font-family: andale mono,times; font-size: 12px; color: #000;"> Description coming soon. </span><p>
- </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement