Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><!--
- Theme >> Ramadan
- By >> Ruba [http://ru2.tumblr.com/]
- >> Free to use, to share and alter
- >> Please give credit.
- The side image css by : Gyapo.
- -->
- <head>
- <link href='http://fonts.googleapis.com/css?family=IM+Fell+French+Canon+SC' rel='stylesheet' type='text/css'>
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'IM+Fell+French+Canon+SC::latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- <META name="color:Background" content="#1a222f">
- <META name="color:Text" content="#A0A0A0">
- <META name="color:Title" content="#c84028" />
- <META name="text:title size" content="16" />
- <META name="color:Post Background" content="#293738">
- <META name="color:Hover" content="#786a4f" />
- <META name="color:Link" content="#c8af76" />
- <META name="color:Description Background" content="#d87418">
- <META name="color:Date" content="#e4b1ad"/>
- <META name="color:Note" content="#6f6e5c"/>
- <META name="color:Arrow" content="##ffa600" />
- <META name="color:ArrowBackground" content="##c2b695" />
- <META name="color:SideBar" content="#540707">
- <META name="color:Sidebar Nav Link" content="#f1d7be">
- <META name="color:Sidebar Nav Link Hover" content="#fccb8d">
- <meta name="image:background" content=""/>
- <meta name="image:first" content="http://media.tumblr.com/tumblr_m6fk2xSSjC1qan8h1.png"/>
- <meta name="image:Description Background" content="http://static.tumblr.com/q6qqnsd/46Pm6fhwz/gg.png"/>
- <META name="image:sidebar" content="http://static.tumblr.com/q6qqnsd/ks1m6f8ug/untitled-1.png"/>
- <style type="text/css">
- @import url(http://fonts.googleapis.com/css?family=IM+Fell+French+Canon+SC);
- ::-webkit-scrollbar {width: 4px; height:3px; background: #8b898c; }
- ::-webkit-scrollbar-thumb { background-color: #575560; }
- body{
- background-attachment: fixed;
- background-position:top left;
- background-repeat: no-repeat;
- background-image: url({image:background});
- background-color: {color:background};
- color:{color:text};
- font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
- font-size: 13px;
- text-align: justify;}
- a:link, a:active, a:visited{
- color: {color:Link};
- text-decoration: none;}
- a:hover{
- color: {color:Hover};
- -webkit-transition-duration: 0.5s;}
- #esm {width: 355px; font-family:'IM Fell French Canon SC', serif;
- font-size:{text:title size}px;
- color: {color:Title};
- letter-spacing: 11px;
- left: 55px;
- bottom:57px;
- text-align: center;
- position:absolute;}
- #sidebar {
- background-color: {color:SideBar};
- height: 9000px;
- width: 300px;
- top: 0px;
- left:75px;
- position: fixed;}
- #bloc
- {position:fixed; bottom:110px;left:99px;
- }
- .transition
- {-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
- #picture
- {width:250px; }
- #picture:hover
- {width:340px;}
- #left
- {float:left;
- overflow:hidden; max-height:250px;
- width:120px;}
- #right
- {overflow:hidden; max-height:250px;
- width:120px;}
- #about
- {float:left;
- width: 0px;
- height:190px;
- text-align: justify; font-size:13px;
- opacity:0;font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
- background-color: {color:Description Background};
- background-image:url('{image:Description Background}');
- background-position: top center;
- background-repeat:
- overflow-y:auto;}
- #picture:hover #about
- {width:125px;
- padding:20px 10px 20px 10px;
- opacity:1;}
- #picture:hover #left
- {margin-left:-65px;}
- #nav {position:fixed;
- bottom:90px;
- left: 79px;
- background-color: {color:Sidebar Nav Background};
- width:455px;
- height: 17px;
- line-height: 19px;}
- #nav a {
- font-family: tahoma;
- font-size:7px;
- color: {color:Sidebar Nav Link};
- text-transform: uppercase;
- letter-spacing: 4px;
- }
- #nav a:hover {text-transform: uppercase;
- letter-spacing: 4px;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- color: {color:Sidebar Nav Link Hover};
- }
- #center{
- width:450px;
- padding-left:400px;
- margin-top:15px;
- margin-bottom:20px;
- }
- #entry{
- color:{color:Text};
- background-color:{color:Post background};
- padding:5px;
- margin-top:15px;
- }
- a.title, a.title:visited, a.title:link {
- margin-bottom: 5px;
- font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
- font-weight: normal;
- font-style: none;
- color: {color:Link};}
- a.title:hover {
- transparent !important;
- text-decoration: none;
- color: {color:Hover};}
- #date{
- color:{color:Date};
- font-family: tahoma;
- font-size:9px;
- margin-left:3px;
- overflow:hidden;
- text-transform:upercase;
- background-color:{color:Note};
- width:410px;
- height: 14px;}
- #page {
- position: fixed;
- bottom: 47px;
- left: 15px;}
- #page a {
- display: inline-block;
- height: 50px;
- width:40px;
- font-family: tahoma, sans-serif;
- font-size: 38px;
- color: {color:Arrow};
- background-color: {color:ArrowBackground};
- text-decoration: none;
- line-height: 40px;
- text-align: center;}
- #tvquran{
- position:fixed;}
- .video-wrapper {
- width: 600px;
- max-width: 100%;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="wrapper">
- <div id="sidebar"><p/><br/><p/>
- <center><img width="250px" src="{image:first}"></center>
- <div id="esm"style="position:fixed;"><center>{Title}</center></div>
- <div id="nav"> <a href="/">Home</a>
- <a href="/archive">Archive</a>
- <a href="/ask">Message</a>
- <a href="http://v1.quranflash.com/ar/">Quran</a>
- <a href="http://ru2themes.tumblr.com/">Theme</a>
- <br>
- </div>
- <div id="bloc">
- <div id="picture" class="transition">
- <div id="left" class="transition">
- <img width="230px" src="{image:sidebar}">
- </div>
- <div id="about" class="transition">{Description}</div>
- <div id="right" class="transition">
- <img width="230px" style="margin-left:-122px;" src="{image:sidebar}">
- </div></div></div>
- <div di="tvquran"style="position:fixed; left:865px; bottom:179px "> <iframe width="450" height="315" src="http://www.youtube.com/embed/S2PriQcCG38" frameborder="0" allowfullscreen></iframe>></div>
- </div></div></div>
- <div id="center">
- {block:Posts}
- <div id="entry">
- {block:Text}
- {block:Title}<center><div class="title"><h3>{Title}</span></h3></div></center>{/block:Title}{Body}
- {block:Date}<div id="date">
- <div align="right">
- <a href="{Permalink}">▪ {TimeAgo}</a> | {block:NoteCount}{NoteCountWithLabel} |{/block:NoteCount}{block:RebloggedFrom} reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}">{ReblogRootName}</a>)| {/block:RebloggedFrom}{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}| <a href="{ReblogURL}">reblog</a><br /></div></div>{/block:Date}{/block:Text}
- {block:Photo}
- <center><img src="{PhotoURL-400}" /></center>
- {block:Caption}<div style="margin:-5px 0 -10px 0">{Caption}</div>{/block:Caption}
- {block:Date}<div id="date">
- <div align="right">
- <a href="{Permalink}">▪ {TimeAgo}</a> | {block:NoteCount}{NoteCountWithLabel} |{/block:NoteCount}{block:RebloggedFrom} reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}">{ReblogRootName}</a>)| {/block:RebloggedFrom}{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}| <a href="{ReblogURL}">reblog</a><br /></div></div>{/block:Date}{/block:Photo}
- {block:Photoset}
- <center>{Photoset-400}</center>
- {block:Caption}{Caption}{/block:Caption}
- {block:Date}<div id="date">
- <div align="right">
- <a href="{Permalink}">▪ {TimeAgo}</a> | {block:NoteCount}{NoteCountWithLabel} |{/block:NoteCount}{block:RebloggedFrom} reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}">{ReblogRootName}</a>)| {/block:RebloggedFrom}{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}| <a href="{ReblogURL}">reblog</a><br /></div></div>{/block:Date}{/block:Photoset}
- {block:Quote}
- <div align="right"><span style=font-family:gorgia; font-size:55px;>❝<i>{Quote}</i>❝</span>
- {block:Source}— {Source}{/block:Source}</div>
- {block:Date}<div id="date">
- <div align="right">
- <a href="{Permalink}">▪ {TimeAgo}</a> | {block:NoteCount}{NoteCountWithLabel} |{/block:NoteCount}{block:RebloggedFrom} reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}">{ReblogRootName}</a>)| {/block:RebloggedFrom}{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}| <a href="{ReblogURL}">reblog</a><br /></div></div>{/block:Date}{/block:Quote}
- {block:Link}
- <center><a href="{URL}" class="link" {Target}><h3><span style=font-family:{font:title font}; font-size:55px;>{Name}</span></h3></a></center>
- {block:Description}<p>{Description}</p>{/block:Description}
- {block:Date}<div id="date">
- <div align="right">
- <a href="{Permalink}">▪ {TimeAgo}</a> | {block:NoteCount}{NoteCountWithLabel} |{/block:NoteCount}{block:RebloggedFrom} reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}">{ReblogRootName}</a>)| {/block:RebloggedFrom}{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}| <a href="{ReblogURL}">reblog</a><br /></div></div>{/block:Date}{/block:Link}
- {block:Chat}
- <div class="conversation">
- {block:Title}<h3>{Title}</h3>{/block:Title}
- <ul type="none">
- {block:Lines}
- <li>
- {block:Label}<span class="person"><b>{Label}</b></span>{/block:Label}
- <span class="line">{Line}</span></li>
- {/block:Lines}
- </ul>
- </div>
- {block:Date}<div id="date">
- <div align="right">
- <a href="{Permalink}">▪ {TimeAgo}</a> | {block:NoteCount}{NoteCountWithLabel} |{/block:NoteCount}{block:RebloggedFrom} reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}">{ReblogRootName}</a>)| {/block:RebloggedFrom}{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}| <a href="{ReblogURL}">reblog</a><br /></div></div>{/block:Date}{/block:Chat}
- {block:Audio}
- <center>{PlayCountWithLabel}<br /><br />
- {AudioPlayerBlack}</center>{block:Caption}{Caption}{/block:Caption}
- {block:Date}<div id="date">
- <div align="right">
- <a href="{Permalink}">▪ {TimeAgo}</a> | {block:NoteCount}{NoteCountWithLabel} |{/block:NoteCount}{block:RebloggedFrom} reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}">{ReblogRootName}</a>)| {/block:RebloggedFrom}{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}| <a href="{ReblogURL}">reblog</a><br /></div></div>{/block:Date}{/block:Audio}
- {block:Video}
- <center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}<ul><i>{PlayCountWithLabel}</i></ul>
- {block:Date}<div id="date">
- <div align="right">
- <a href="{Permalink}">▪ {TimeAgo}</a> | {block:NoteCount}{NoteCountWithLabel} |{/block:NoteCount}{block:RebloggedFrom} reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}">{ReblogRootName}</a>) {/block:RebloggedFrom}{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}| <a href="{ReblogURL}">reblog</a><br /></div></div>{/block:Date}{/block:Video}
- {block:Answer}
- <ul><h3><img src="{AskerPortraitURL-30}" style=" -moz-border-radius: 21px; -webkit-border-radius: 21px; -o-border-radius:21px;"></img><span style=font-family:{font:title font}; font-size:55px;> {Asker}</h3></span>
- {Question}</ul>
- {Answer}
- {block:Date}<div id="date">
- <div align="right">
- <a href="{Permalink}">▪ {TimeAgo}</a> | {block:NoteCount}{NoteCountWithLabel} |{/block:NoteCount}{block:RebloggedFrom} reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}">{ReblogRootName}</a>)| {/block:RebloggedFrom}{block:HasTags}{block:Tags} | <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}| <a href="{ReblogURL}">reblog</a><br /></div></div>{/block:Date}{/block:Answer}
- </div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <p id="footer">
- {block:Pagination}<div id="page">
- {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
- <P/>{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
- </div>{/block:Pagination}
- {/block:Posts}</div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement