Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-----------------------------------------------------------------------
- ------------------------
- @BARBIE THEMES | TUMBLR
- ------------------------
- Rules:
- +Please do not remove credit.
- +Do not remove the credit completely or make them invisible, you may replace it to a visible place.
- +not using this as your own base code.
- ------------------------------------------------------------------------->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /*scrollbar*/
- ::-webkit-scrollbar-thumb:vertical {
- border:3px solid #fff;
- height:12px;
- background-color:#838282;
- }
- ::-webkit-scrollbar {
- background-color:#838282;
- height:7px;
- width:12px;
- border:5px solid #fff;
- }
- /*body*/
- body {
- font-style:none;
- background-color:#f6f6f6;
- font-family:calibri;
- color:{color:text};
- font-size:9px;
- }
- /*header*/
- .header img {
- margin-bottom:0px;
- width:100px;
- height:100px;
- margin-left:373px;
- margin-top:-100px;
- border:4px solid #fff;
- border-radius:100px;
- }
- a {
- color:{color:link};
- text-decoration:none;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- a:hover {
- color:{color:hover};
- text-decoration:none;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- h1 {
- font-size:10px;
- }
- /*Cursor*/
- *, body, a, a:hover {cursor: url("http://www.totallylayouts.com.http.s33.wbprx.com/cursors/random/tiny_cursor.png"), auto }
- #everything {
- margin-left:250px;
- margin-top:100px;
- }
- /*LINKS*/
- #links {
- width:200px;
- height:15px;
- font-family:trebuchet ms;
- text-transform:uppercase;
- text-align:center;
- margin-top:20px;
- margin-left:320px;
- background-color:#ff4141;
- padding:10px;
- }
- #links a {
- padding:10px;
- font-size:10px;
- color:#000;
- border-bottom:1px solid #fff;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #links a:hover {
- color:#fff;
- background-color:#000;
- }
- /*GROUPS AND BOXES*/
- #grouptitle {
- padding:20px;
- text-align:left;
- font-family:serif;
- color:#fff;
- background-color:#ff4141;
- font-size:20px;
- font-style: italic;
- text-transform: lowercase;
- font-weight: bold;
- width:220px;
- margin-left:20px;
- margin-top:70px;
- border-radius:10px;
- }
- #grouplinks {
- width:220px;
- margin-top:5px;
- padding:19px;
- margin-left:20px;
- border:1px solid #eaeaea;
- background-color:#fff;
- border-radius:10px;
- }
- #grouplinks a {
- font-family:calibri;
- border-bottom:1px solid #eee;
- display:block;
- color:#000;
- font-size:10px;
- padding:4px;
- text-align:left;
- letter-spacing:0px;
- text-transform:uppercase;
- margin-bottom:5px;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #grouplinks a:hover {
- background:#000;
- color:#fff;
- }
- {CustomCSS}
- </style></head>
- <body>
- <div id="everything">
- <!-- READ:
- HEADER IMAGE, YOUR URL HERE 100 X 100PX {ICON}:
- -->
- <div class="header"><img src="http://i.imgur.com/rGeBZdg.png?1"></div>
- <div id="links">
- <a href="/">RETURN</a>
- <a href="/ask">MESSAGE</a>
- <a href="http://barbie-themes.tumblr.com/">CREDIT</a>
- </div>
- <table id="all" border="0" cellpadding="0" cellspacing="0">
- <!-- BOX -->
- <td><div id="grouptitle"><big>title</div>
- <div id="grouplinks">
- <a href="/tagged/">link 1</a>
- <a href="/tagged/">link 2</a>
- <a href="/tagged/">link 3</a>
- <a href="/tagged/">link 4</a>
- <a href="/tagged/">link 5</a>
- <a href="/tagged/">link 6</a>
- </div></td>
- <!-- BOX -->
- <td><div id="grouptitle"><big>title</div>
- <div id="grouplinks">
- <a href="/tagged/">link 1</a>
- <a href="/tagged/">link 2</a>
- <a href="/tagged/">link 3</a>
- <a href="/tagged/">link 4</a>
- <a href="/tagged/">link 5</a>
- <a href="/tagged/">link 6</a>
- </div></td>
- <!-- BOX -->
- <td><div id="grouptitle"><big>title</div>
- <div id="grouplinks">
- <a href="/tagged/">link 1</a>
- <a href="/tagged/">link 2</a>
- <a href="/tagged/">link 3</a>
- <a href="/tagged/">link 4</a>
- <a href="/tagged/">link 5</a>
- <a href="/tagged/">link 6</a>
- </div></td>
- <tr>
- </table>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment