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">
- <!-- THEME #43 'IMESSAGE' BY HRRYS
- I WORKED HARD ON THIS SO IF YOU REMOVE THE CREDIT OR EDIT AND CLAIM IT AS YOUR OWN, I'LL GET HARRY TO STRANGLE YOU. OK ENJOY NOW
- -->
- <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}" />
- <meta name="color:bg" content="#ffffff">
- <meta name="color:link" content="#bbb8b8">
- <meta name="color:text" content="#9a9a9a">
- <meta name="color:tags" content="#b9b7b7">
- <meta name="color:ask" content="#ededed">
- <meta name="color:hover" content="#eeeeee">
- <meta name="color:border" content="#e7e7e7">
- <meta name="color:scrollbar" content="#d6d5d5">
- <meta name="text:receiver" content="Name?">
- <meta name="text:send 1" content="Send">
- <meta name="text:receive 1" content="Receive">
- <meta name="text:send 2" content="Send">
- <meta name="text:receive 2" content="Receive">
- <meta name="text:send 3" content="Send">
- <meta name="text:receive 3" content="Receive">
- <meta name="text:link 1" content="">
- <meta name="text:link 1 url" content="/">
- <meta name="text:link 2" content="">
- <meta name="text:link 2 url" content="/">
- <meta name="text:link 3" content="">
- <meta name="text:link 3 url" content="/">
- <meta name="text:link 4" content="">
- <meta name="text:link 4 url" content="/">
- <style type="text/css">
- /*--scrollbar--*/
- ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
- ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
- ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
- ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
- }
- /*--body--*/
- body {
- font-style:none;
- font-family:calibri;
- font-size:9px;
- background-color:{color:big};
- }
- a {
- color:{color:link};
- text-decoration:none;
- }
- a:hover {
- color:{color:hover};
- text-decoration:none;
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid {color:border};
- }
- h1 {
- font-size:10px;
- }
- .links {
- font-family:'calibri';
- text-transform:uppercase;
- text-align:center;
- padding:5px;
- }
- .links a {
- padding:3px;
- font-size:15px;
- }
- .links a:hover {
- color:{color:hover};
- }
- /*--sidebar--*/
- #sidebar {
- position:fixed;
- width:140px;
- margin-left:110px;
- margin-top:120px;
- }
- /*--iphone--*/
- #iphone {
- background: #aaa;
- border-radius: 40px;
- font-family: Helvetica, Arial, sans-serif;
- font-size: 10px;
- font-weight: 100;
- height: 380px;
- margin: auto;
- width:200px;
- padding: 50px 15px;
- position: relative;
- z-index:-3;
- }
- #iphone:before {
- background: rgba(0,0,0,0.35);
- border-radius: 4px;
- content: " ";
- height: 7px;
- left: 50%;
- margin-left: -20px;
- position: absolute;
- top: 30px;
- width: 60px;
- z-index:-3;
- }
- #iphone:after {
- background: rgba(0,0,0,0.35);
- border: 4px solid rgba(255,255,255,0.6);
- border-radius: 50%;
- bottom: 5px;
- content: " ";
- height: 40px;
- left: 50%;
- margin-left: -23px;
- position: absolute;
- width: 40px;
- z-index:-3;
- }
- /*--white screen--*/
- .screen {
- background: #fff;
- border-radius: 2px;
- height: 220px;
- overflow: auto;
- padding-top:5px;
- padding-right:20px;
- padding-left:20px;
- padding-bottom:5px;
- position: relative;
- margin-top:-1px;
- z-index: 1;
- }
- .screen:after {
- clear: both;
- content: " ";
- display: table;
- }
- /*--send & receive messages--*/
- .message {
- border-radius: 20px;
- color:black;
- clear: both;
- margin: 3px 0;
- max-width: 125px;
- padding: 8px 15px;
- position: relative;
- }
- .message:after {
- border-radius: 50%;
- bottom: 0;
- content: " ";
- height: 30px;
- position: absolute;
- width: 30px;
- z-index: -1;
- }
- .receive {
- background: #dedede;
- float: left;
- }
- .receive:after {
- box-shadow: inset 1px 9px 0 4px #fff, inset -9px 0px 0 2px #dedede, 0 0 0 1px #fff;
- left: -19px;
- }
- .send {
- background: #2d8cfa;
- color: #fff;
- float: right;
- }
- .send:after {
- box-shadow: inset -1px 9px 0 4px #fff, inset 9px 1px 0 2px #2d8cfa, 0 0 0 1px #fff;
- right: -19px;
- }
- * {
- box-sizing: border-box;
- }
- .header{
- width:100%;
- padding:9px;
- margin-top:21px;
- height:auto;
- background:#eee;
- font-family: Helvetica, Arial, sans-serif;
- font-size:10px;
- color:#2d8cfa;
- }
- /*--link popup menu--*/
- #bubble {
- position: relative;
- width: 145px;
- margin-top:-180px;
- margin-left:-36px;
- height: 130px;
- padding: 0px;
- z-index:99999999999999999999999999999999999;
- -webkit-border-radius: 14px;
- -moz-border-radius: 14px;
- border-radius: 14px;
- background:#fff;
- border:4px #aaa solid;
- display:none;
- }
- #bubble:after {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 18px 14px 0;
- border-color: #aaa transparent;
- display: block;
- width: 0;
- z-index: 1;
- bottom: -18px;
- left: 58px;
- }
- #bubble:before {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 22px 18px 0;
- border-color: #aaa transparent;
- display: block;
- width: 0;
- z-index: 0;
- bottom: -25px;
- left: 54px;
- }
- /*--clickable menu--*/
- #menu{
- margin-top:23px;
- margin-left:22px;
- letter-spacing:1px;
- font-size:11px;
- color: white;
- cursor:pointer;
- font-weight:bold;
- text-transform:uppercase;
- z-index:999999999999999999999999999999999999999999999999999999999999999999 9999999999999999999;
- }
- /*--camera--*/
- .dot{
- background:rgba(0,0,0,0.35);
- border-radius:100px;
- margin-top:-23px;
- width:12px;
- height:12px;
- font-size:100px;
- margin-left:48px;
- overflow:hidden;
- }
- /*--search button--*/
- #search{
- margin-top:-80px;
- margin-left:15px;
- position:fixed;
- padding-top:3px;
- padding-bottom:3px;
- padding-right:3px;
- padding-left:25px;
- height:23px;
- width:auto;
- background:#eee;
- z-index:999;
- }
- /*--iphone links--*/
- .links a{
- background: linear-gradient(to bottom, #d8d8db, #b8b8b9);
- border: none;
- border-radius: 0.35em;
- color: #fff;
- display: inline-block;
- font-size: 10px;
- font-weight: bold;
- line-height: 1em;
- margin: .1em 0;
- padding: 0.8em 1.5em;
- transition: box-shadow .3s .05s ease-in-out;
- text-align: center;
- text-decoration: none;
- vertical-align: middle;
- }
- .links a:hover{
- background: #d8d8db;
- color:black;;
- }
- .links:active{
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.25)
- }
- /*--pagination--*/
- #pagination {
- margin-top:-20px;
- margin-left:-168px;
- text-align:center;
- font-weight:bold;
- font-size:18px;
- font-family:calibri;
- color:{color:link};
- }
- #pagination a{
- color:{color:link};
- }
- #pagination a:hover {
- color:{color:hover};
- }
- /*--posts--*/
- #posts {
- width:500px;
- margin-bottom:10px;
- font-size:11px;
- color:{color:text};
- line-height:90%;
- text-align:justify;
- }
- #postscontainer {
- margin-bottom:20px;
- padding:1px;
- margin-left:430px;
- margin-top:55px;
- }
- /*--info--*/
- #notes {
- font-family:anaheim;
- text-transform:lowercase;
- font-size:10px;
- color:#e7e7e7;
- }
- #info {
- text-align:right;
- padding:5px;
- margin-top:5px;
- margin-bottom:10px;
- text-transform: uppercase;
- font-family:calibri;
- color:#e7e7e7;
- font-size:9px;
- margin-left:0px;
- border-top: 1px solid;
- border-color: #c6c6c6; }
- #info #tags {
- opacity:0;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- -ms-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- color:#e7e7e7;}
- #info:hover #tags {
- opacity:1;
- margin-top:4px;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- -ms-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out; }
- #tags {
- font-family:calibri;
- letter-spacing:1px;
- text-transform:uppercase;
- font-size:8px;
- margin-left:0px;
- margin-top:-2px;
- color:#e7e7e7;}
- #tags a:hover {
- opacity:0.5;
- }
- /*--asks--*/
- .speech {
- align:right;
- background-color:{color:ask} ;
- margin:10px 0px 0px 50px;
- padding:10px;
- line-height:105%;
- font-size: 11px;
- font-family:'cambria';
- letter-spacing:1px;
- position:relative;}
- .speech p {margin:1px 0px;}
- .speech span {
- display:block;
- position:absolute;
- width:1px;
- height:1px;
- font-size:0;
- line-height:1px;
- left:-10px;
- top:10px;
- border-top:7px solid transparent;
- border-bottom:7px solid transparent;
- border-right:10px solid {color:ask};}
- .askbg {
- float:left;
- margin:10px 4px 0px 0;
- padding:2px;
- background-color:{color:ask};}
- /*--credit--*/
- #cred {
- right:0px;
- bottom:-2px;
- color:{color:text};
- position:fixed;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- {CustomCSS}
- </style>
- <script type="text/javascript">
- <!--
- function toggle_visibility(id) {
- var e = document.getElementById(id);
- if(e.style.display == 'block')
- e.style.display = 'none';
- else
- e.style.display = 'block';
- }
- //-->
- </script>
- </head>
- <body>
- <div id="sidebar">
- <div id="iphone"><div class="dot">d</div>
- <div class="header" style="text-align:left;">< Mssgs
- <font color="#000"><big><div style="text-align:center; margin-top:-13px;"><b>{text:receiver}</div></b></big></font>
- <div style="text-align:right; margin-top:-12px;">Contact</div></div>
- <div class="screen">
- <div class="send message">{text:send 1}</div>
- <div class="receive message">{text:receive 1}</div>
- <div class="send message">{text:send 2}</div>
- <div class="receive message">{text:receive 2}</div>
- <div class="send message">{text:send 3}</div>
- <div class="receive message">{text:receive 3}</div>
- </div></div>
- <div id="search"><form onsubmit="return handleThis(this)">
- <input type="text" name="tag" value="search my tags?" style="font-size:10px; width:102px;" onfocus="if (this.value == 'search my tags?') {this.value=''}" onblur="if (this.value == '') {this.value='search my tags?'}" />
- <input type="submit" value="send" style="font-size:10px; cursor:pointer;"/>
- </form>
- </script>
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}
- </div>{/block:Pagination}
- <div id="menu">
- <div id="menu" onclick="toggle_visibility('bubble');">Menu</a></div>
- <div id="bubble"><div class="links">
- <a id="download" class="button" href="{text:link 1 url}">{text:link 1}</a><br>
- <a id="download" class="button" href="{text:link 2 url}">{text:link 2}</a><br>
- <a id="download" class="button" href="{text:link 3 url}">{text:link 3}</a><br>
- <a id="download" class="button" href="{text:link 4 url}">{text:link 4}</a><br>
- </div></div></div></div></div></div>
- <div id="postscontainer">
- {block:Posts}
- <div id="posts">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <img src="{AskerPortraitURL-30}" align="left" class="askbg"><div class="speech"><span></span>{Asker}:<br>{Question} </div><br>{Answer}
- {/block:Answer}
- <div id="info"> <a href="{Permalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} <font color="gray">♥</font> <a href="{Permalink}">{NoteCount}</a> {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom} {block:ContentSource}/ <a href="{SourceURL}">src</a></a>{/block:ContentSource}{/block:RebloggedFrom}
- {block:HasTags}<div id="tags"><b>tagged as</b>:{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
- {/block:Posts}<div id="tags" st>
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}</div></div></div>
- </div>
- <div id="cred"><a href="http://hrrys.tumblr.com"><img src="http://i.imgur.com/o7oww2G.png"></a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement