Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!--ask theme by ella (oxygenthemes).
- enjoy using and feel free to message me should you encounter any issues-->
- <head>
- <title>message</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- ::-webkit-scrollbar { left:0; width: 3px; height: 3px; background:rgba(0,0,0,0.4) }
- ::-webkit-scrollbar-thumb { background-color:rgba(225,225,225,0.5); }
- #s-m-t-tooltip {
- max-width:300px;
- padding:5px;
- margin:10px 0px 0px 25px;
- background-color:#fff; /*background color */
- font-family:helvetica; /*font */
- font-size:10px; /*font size */
- text-transform:none; /* can be uppercase, lowercase, none*/
- color:#555555; /*text color */
- z-index:999999999;
- }
- body {
- background:url("http://malcolmmacgregorphotography.com/wp-content/uploads/2013/06/San-Francisco-in-Morning-Light.jpg") no-repeat; /*if you like, you can replace the background image with one of your own - just get the image url and replace the one that's currently being used.*/
- background-size: cover;
- background-attachment:fixed;
- font-family:helvetica;
- font-size:11px;
- color:#eeeeee;
- line-height:120%;
- }
- #con {
- top:50%;
- left:50%;
- margin-top:-150px;
- margin-left:-300px;
- position:fixed;
- width:600px;
- height:350px;
- background:rgba(0,0,0,0.7);
- }
- #header {
- position:absolute;
- top:-30px;
- width:100%;
- text-align:right;
- font-size:40px;
- letter-spacing:-5px;
- font-weight:900;
- font-family:arial;
- text-transform:lowercase;
- color:rgba(0,0,0,0.8);
- }
- #askbox {
- position:absolute;
- width:340px;
- top:13px;
- left:15px;
- }
- #faq {
- position:absolute;
- top:15px;
- bottom:10px;
- right:15px;
- width:250px;
- height:330px;
- overflow-y:scroll;
- }
- .theask {
- text-align:center;
- font-weight:bold;
- letter-spacing:-0.5px;
- font-size:14px;
- color:white;
- padding:5px;
- }
- .andtheanswer {
- text-align:right;
- padding-bottom:14px;
- }
- #header a {
- color:rgba(0,0,0,0.9);
- letter-spacing:none;
- font-size:20px;
- font-weight:800;
- font-family:arial;
- text-decoration:none;
- }
- </style>
- </head>
- <body>
- <div id="con">
- <div id="header">message.
- <div style="float:left; letter-spacing:2px">
- <a href="link url here" title="link name here">i.</a>
- <a href="link url here" title="link name here">ii.</a>
- <a href="link url here" title="link name here">iii.</a>
- <!--CREDIT LINK - PLEASE DON'T TOUCH-->
- <a href="http://oxygenthemes.tumblr.com" title="oxygenthemes">iv.</a>
- </div>
- </div>
- <div id="askbox">
- <iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/YOUR URL HERE.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
- </div>
- <div id="faq">
- <!--for more questions, copy and paste the following code:
- <div class="theask">put your question here.</div>
- <div class="andtheanswer">write your answer here.</div>
- as many times as you need.
- -->
- <div class="theask">put your question here.</div>
- <div class="andtheanswer">write your answer here.</div>
- <div class="theask">put your question here.</div>
- <div class="andtheanswer">write your answer here.</div>
- <div class="theask">put your question here.</div>
- <div class="andtheanswer">write your answer here.</div>
- <div class="theask">put your question here.</div>
- <div class="andtheanswer">write your answer here.</div>
- <div class="theask">put your question here.</div>
- <div class="andtheanswer">write your answer here.</div>
- <div class="theask">put your question here.</div>
- <div class="andtheanswer">write your answer here.</div>
- <div class="theask">put your question here.</div>
- <div class="andtheanswer">write your answer here.</div>
- <div class="theask">put your question here.</div>
- <div class="andtheanswer">write your answer here.</div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement