Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <head>
- <title>Families</title>
- <!--------------------------------------------------------------------------
- ------------------------ Adrienne Law's family page ------------------------------------------------Give credit where credit is due-------------------------------------------------------------------------------------------------->
- <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
- <style>
- div#qTip {
- padding: 3px;
- display: none;
- text-align: center;
- position: absolute;
- font-size:7px;
- line-height:9px;
- font-family:cambria;
- z-index: 10000000000000000000000000000000000000000000000000000000000000;
- border: 1px solid #7E7F80;
- background-color:#ffffff;
- color: #A7A7A8;
- text-transform:uppercase;
- letter-spacing: 1px;
- }
- </style>
- <style type="text/css">
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #ccc; /*Change color of scroll bar*/
- height:5px;
- }
- ::-webkit-scrollbar-corner {
- background-color: transparent;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color: #ccc; /*Change color of scroll bar*/
- height:5px!important;
- }
- ::-webkit-scrollbar {
- height:7px;
- width:5px;
- }
- iframe#tumblr_controls{
- position:fixed !important;
- right:0px !important;
- z-index:999;
- }
- *, body, a, a:hover {cursor: url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto;}
- a{
- text-decoration:none;
- color:gray;
- }
- a hover{
- text-decoration:none;
- color:#DDE3ED;
- }
- #title {
- width:400px;
- height:auto;
- margin-right:auto;
- margin-left:auto;
- margin-top:20px;
- font-size:50px;
- text-align:center;
- color:#A7A7A8;
- background-color:white;
- font-family:calibri;
- border-bottom:1px dashed #A7A7A8;
- }
- #links {
- width:400px;
- margin-left:auto;
- margin-right:auto;
- margin-top:5px;
- padding-bottom:0px;
- position:relative;
- text-align:center;
- }
- #links a {
- display:inline-block;
- width:92px;
- padding:5px 0px 5px 0px;
- background-color:#ffffff;
- color:#CCCCCC;
- font-size:12px;
- font-family:calibri;
- text-align:center;
- letter-spacing:1px;
- margin-left:auto;
- margin-right:auto;
- text-transform:uppercase;
- text-decoration:none;
- -o-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #links a:hover {
- letter-spacing:5px;
- -o-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #description{
- width:300px;
- height:auto;
- color:#A7A7A8;
- font-family:calibri;
- font-size:10px;
- text-align:center;
- padding:5px 0px 5px 0px;
- margin-top:10px;
- letter-spacing:2px;
- margin-left:auto;
- margin-right:auto;
- }
- #families{
- width:1000px;
- height:680px;
- margin-left:auto;
- margin-right:auto;
- margin-top:30px;
- text-align:center;
- }
- #familycontainer{
- display:inline-block;
- width:220px;
- height:590px;
- text-align:center;
- margin-right:auto;
- margin-left:auto;
- padding:5px;
- border:1px solid #A7A7A8;
- position:relative;
- }
- #familytitle{
- display:inline-block;
- margin-right:auto;
- margin-left:auto;
- width:210px;
- height:auto;
- color:#A7A7A8;
- padding:5px 0px 5px 0px;
- background-color:white;
- font-size:14px;
- font-family:calibri;
- text-align:center;
- text-transform:uppercase;
- border-bottom:1px dashed #A7A7A8;
- }
- #familypic{
- display:inline-block;
- margin-right:auto;
- margin-left:auto;
- width:200px;
- height:150px;
- padding:2px;
- text-align:center;
- margin-top:8px;
- margin-bottom:8px;
- overflow:hidden;
- }
- #familypic img{
- margin-right:auto;
- margin-left:auto;
- width:200px;
- }
- #characters{
- display:inline-block;
- width:220px;
- height:580px;
- background-color:white;
- font-family:calibri;
- font-size:10px;
- letter-spacing:2px;
- line-height:20px;
- text-align:center;
- text-transform:uppercase;
- margin-top:10px;
- margin-right:auto;
- margin-left:auto;
- z-index:100000000000000000000;
- -o-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #charactercontainer {
- width:220px;
- height:360px;
- overflow:scroll;
- background-color:white;
- font-family:calibri;
- font-size:10px;
- letter-spacing:2px;
- line-height:20px;
- text-align:center;
- text-transform:uppercase;
- margin-top:10px;
- margin-right:auto;
- margin-left:auto;
- z-index:100000000000000000000;
- -o-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #charactercontainer a {
- text-decoration:none;
- display:block;
- margin-right:auto;
- margin-left:auto;
- color:#A7A7A8;
- padding:2px 0px 2px 0px;
- -o-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #charactercontainer a:hover {
- color:#DDE3ED;
- -o-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #credit a {
- display:inline-block;
- width:40px;
- background-color:#fff;
- color:gray;
- text-decoration:none;
- border-right:1px solid;
- border-left: 1px solid;
- border-color:#878787;
- padding: 2px 0px 2px 0px;
- -o-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- }
- #credit a:hover {
- background-color:#667371;
- color:#fff;
- border-color:#fff;
- -o-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- }
- #credit {
- display:inline-block;
- font-size:10px;
- font-family: calibri;
- text-align:center;
- letter-spacing:1px;
- width:40px;
- height:15px;
- position: fixed;
- padding-top:1px;
- right:25px;
- bottom:10px;
- }
- iframe#tumblr_controls { top: 0% !important; right:0% !important; opacity:0.3;
- position: fixed !important; filter:alpha(opacity=100);
- -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease;
- } iframe#tumblr_controls:hover{
- top: 0% !important; right:0% !important; opacity:0.8;
- position: fixed !important; filter:alpha(opacity=100);
- -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease;
- }
- </style>
- <body>
- <!-- TITLE -->
- <div id="title">Families</div>
- <div id="links"><a href="/">Home</a></div>
- <!-- DESCRIPTION -->
- <div id="description">
- Description goes here! Page will adjust for any size description!
- </div>
- <!-- FAMILY CONTAINERS -->
- <div id="families">
- <div id="familycontainer">
- <div id="characters">
- <div id="familytitle">FAMILY TITLE HERE</div>
- <div id="familypic"><img src="https://31.media.tumblr.com/cf5127c0d70d4da5d78ebec0b1a455c7/tumblr_mxxgvb024T1s2sc09o1_500.gif"></div>
- <div id="charactercontainer">
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- </div>
- </div>
- </div>
- <div id="familycontainer">
- <div id="characters">
- <div id="familytitle">FAMILY TITLE HERE</div>
- <div id="familypic"><img src="http://25.media.tumblr.com/22f3445870bb860364b77de057ba1ac0/tumblr_n2cic52k9q1r1eamko1_500.gif"></div>
- <div id="charactercontainer">
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- </div>
- </div>
- </div>
- <div id="familycontainer">
- <div id="characters">
- <div id="familytitle">FAMILY TITLE HERE</div>
- <div id="familypic"><img src="https://24.media.tumblr.com/dac4e87abf8b93d54245afe130d6232e/tumblr_mlbwr1Oq991r8wrwro10_250.gif"></div>
- <div id="charactercontainer">
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- </div>
- </div>
- </div>
- <div id="familycontainer">
- <div id="characters">
- <div id="familytitle">FAMILY TITLE HERE</div>
- <div id="familypic"><img src="http://24.media.tumblr.com/fdbd1f6228dec8d56f7e3418d8f4c893/tumblr_mjx6o9Ou1R1qcfutvo1_500.gif"></div>
- <div id="charactercontainer">
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- <a title="HOVER TEXT HERE" href="/">Character</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-------------------------------------------------------------------------------- I don't care if you edit, but please for the love of god do not -----
- -------------------- remove the credit on my stuff -------------------------
- --------------------------------------------------------------------------->
- <div id="credit">
- <div style="font-size:12; font-style:italic; text-align:center; padding-left:2px; padding-right:2px;"><a href="http://theleakycauldron.co.vu"> ---a---</a></div>
- </div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement