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">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!-- lilswaynes themage base; you can remove either this comment or the credit in the links section but please do not delete both, thank you. -->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="color:Background" content="#f9f9f9"/>
- <meta name="color:text2" content="#000"/>
- <style type="text/css">
- /* --- SCROLLBAR ---*/
- ::-webkit-scrollbar-thumb{
- background-color: #050505;
- border: 2px solid #ffffff;
- height:auto;
- }
- ::-webkit-scrollbar {
- height:9px;
- width:9px;
- background-color: #050505;
- border: 4px solid #fff;
- }
- ::selection {
- background-color:#f9f9f9;
- }
- /* --- BODY ---*/
- body {background:{color:background}; margin:0px; color:{color:text}; font-family:serif; font-size:9px; line-height:100%;}
- .big-box {width:120px; margin-left:320px; margin-top:150px;}
- #table { position:absolute; margin-top:159px; margin-left:-20px; border:20px solid #fff; width:720px; height:300px; overflow-y:scroll; overflow-x:hidden; padding-bottom:13px; padding-left:1px; background:#fff;}
- .cells {margin-top:-17px; margin-left:0px;}
- #cell { width:200px; height:115px; margin-top:24px; margin-left:24px; display:inline-block; -webkit-transition: all 1.3s ease;-moz-transition: all 1.3s ease;-o -transition: all 1.3s ease;}
- #cell:hover #info { opacity:1; -webkit-transition: all 1.3s ease;-moz-transition: all 1.3s ease;-o -transition: all 1.3s ease; }
- #cell img { width:200px; height:115px; border:2px solid #000; padding:2px; outline:1px solid #000; outline-offset:3px; -webkit-transition: all 1.3s ease;-moz-transition: all 1.3s ease;-o -transition: all 1.3s ease;}
- .row {width:700px;}
- #info { opacity:0; font-family:times; width:192px; text-align:center; font-style:italic; letter-spacing:2px; height:106px; background:#000; padding:7px; position:relative; margin-top:-122px; margin-left:2px; color:#fff; -webkit-transition: all 1.3s ease;-moz-transition: all 1.3s ease;-o -transition: all 1.3s ease;}
- #themetitle { font-size:13px; font-family:technic; margin-top:5px;border-bottom:1px solid #fff; padding-bottom:8px; text-transform:uppercase;}
- #theme-links { margin-top:10px; }
- #theme-links a { font-size:12px; color:#fff; text-decoration:none; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o -transition: all 0.6s ease;}
- #theme-links a:hover { color:#fff; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o -transition: all 0.6s ease; text-decoration:line-through;}
- #panel { text-align:center; background:#000; color:#fff; padding:20px; width:722px; margin-top:-130px; height:80px; margin-left:300px;}
- #blog-title { font-size:30px; margin-top:10px; margin-left:20px;letter-spacing:3px; font-style:bold; font-family:calibri; text-transform:uppercase; }
- #panel-desc { margin-top:15px; letter-spacing:1px; margin-left:217px; font-family:calibri;text-transform:uppercase; width:300px;}
- #panel-links { color:#000; width:300px; margin-left:217px; margin-top:15px; }
- #panel-links a { line-height:100%;color:#fff; font-style:normal; text-transform:uppercase;font-family:calibri;font-size:15px; letter-spacing:2px; margin-left:10px; text-decoration:none; display:inline-block; padding-bottom:6px; border-bottom:0px solid #f9f9f9; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-moz -transition: all 0.6s ease;}
- #panel-links a:hover { border-bottom:0px solid #000; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-moz-transition: all 0.6s ease;}
- #cred {
- position:fixed;
- font-size:10px;
- font-weight:normal;
- color:{color:text2};
- font-family:times;
- line-height:100%;
- letter-spacing:2px;
- width:100px;
- right:10px;
- bottom:10px;
- text-transform:none;
- text-align:left;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <!-- START DESIGN SECTION -->
- <div class="big-box">
- <div id="table">
- <div class="cells">
- <!-- row ---><div class="row"><!-- /// --->
- <!-- cell -->
- <div id="cell">
- <img src="https://31.media.tumblr.com/3197e3413d66c45f741cdc91835874c2/tumblr_inline_n3j1fwocaL1rxkly4.png">
- <div id="info">
- <div id="themetitle">
- theme thirteen
- </div>
- <div id="theme-links">
- <a href="http://karen.co.vu/13">preview</a>
- <a href="http://karen.co.vu/post/81715839969/theme-13-by-teenwovles-this-is-a-pretty-simple">info</a>
- </div>
- </div>
- </div>
- <!-- end cell -->
- <!-- cell -->
- <div id="cell">
- <img src="https://31.media.tumblr.com/998eda285e8e94709cd4aa07c24c5d09/tumblr_inline_n2t4qrcF1t1rxkly4.png">
- <div id="info">
- <div id="themetitle">
- theme twelve
- </div>
- <div id="theme-links">
- <a href="http://karen.co.vu/12">preview</a>
- <a href="http://karen.co.vu/post/80298141067/theme-12-by-teenwovles-this-theme-has-5-links">info</a>
- </div>
- </div>
- </div>
- <!-- end cell -->
- <!-- cell -->
- <div id="cell">
- <img src="https://31.media.tumblr.com/e4990914a7bbe5c9318dd1b4c80e3238/tumblr_inline_n2lka1jnEC1rxkly4.png">
- <div id="info">
- <div id="themetitle">
- theme eleven
- </div>
- <div id="theme-links">
- <a href="http://karen.co.vu/11">preview</a>
- <a href="http://karen.co.vu/post/79896118509/theme-11-by-teenwovles-this-theme-has-4-links">info</a>
- </div>
- </div>
- </div>
- <!-- end cell -->
- <!-- cell -->
- <div id="cell">
- <img src="https://31.media.tumblr.com/76dfc37b214ed8684b95b982c565e630/tumblr_inline_n1dky6ruGA1rxkly4.png">
- <div id="info">
- <div id="themetitle">
- theme ten
- </div>
- <div id="theme-links">
- <a href="http://karen.co.vu/10">preview</a>
- <a href="http://karen.co.vu/post/77436657550/theme-10-by-teenwovles-there-are-4-links-a">info</a>
- </div>
- </div>
- </div>
- <!-- end cell -->
- <!-- cell -->
- <div id="cell">
- <img src="http://24.media.tumblr.com/5f72c3ed471ceba31e3be916b8286fee/tumblr_n13z7vBHZQ1sf3rsxo1_1280.png">
- <div id="info">
- <div id="themetitle">
- theme nine
- </div>
- <div id="theme-links">
- <a href="http://karen.co.vu/09">preview</a>
- <a href="http://karen.co.vu/post/76894529210/theme-09-by-teenwovles-i-really-honestly-truly">info</a>
- </div>
- </div>
- </div>
- <!-- end cell -->
- <!-- cell -->
- <div id="cell">
- <img src="https://31.media.tumblr.com/c41462eac99976d1da399908338be3eb/tumblr_inline_mzgua4icz81rxkly4.png">
- <div id="info">
- <div id="themetitle">
- theme eight
- </div>
- <div id="theme-links">
- <a href="http://karen.co.vu/08">preview</a>
- <a href="http://karen.co.vu/post/75382080856/theme-08-by-teenwovles-im-actually-kind-of-happyy">info</a>
- </div>
- </div>
- </div>
- <!-- end cell -->
- <!-- cell -->
- <div id="cell">
- <img src="https://31.media.tumblr.com/bc7a1308c7d458d7f3d015ca258a485c/tumblr_inline_my80nzh5Xa1rxkly4.png">
- <div id="info">
- <div id="themetitle">
- theme seven
- </div>
- <div id="theme-links">
- <a href="http://karen.co.vu/07">preview</a>
- <a href="http://karen.co.vu/post/75382040067/theme-07-by-supernturl-i-reallyyy-love-this-one">info</a>
- </div>
- </div>
- </div>
- <!-- end cell -->
- <!-- cell -->
- <div id="cell">
- <img src="http://media.tumblr.com/c958d01ff70b1ddbd689963e610019f7/tumblr_inline_mxcuwpEoip1rxkly4.png">
- <div id="info">
- <div id="themetitle">
- theme six
- </div>
- <div id="theme-links">
- <a href="http://karen.co.vu/06">preview</a>
- <a href="http://karen.co.vu/post/75382018621/theme-6-by-supernturl-really-simple-theme-i-just">info</a>
- </div>
- </div>
- </div>
- <!-- end cell -->
- <!-- cell -->
- <div id="cell">
- <img src="http://media.tumblr.com/346e07fc68f21a5bca3f29319101c876/tumblr_inline_mw25etytVB1rxkly4.png">
- <div id="info">
- <div id="themetitle">
- theme five
- </div>
- <div id="theme-links">
- <a href="http://karen.co.vu/05">preview</a>
- <a href="http://karen.co.vu/post/75381994274/theme-5-by-i-guess-supernturl-now-dd-you-can">info</a>
- </div>
- </div>
- </div>
- <!-- end cell -->
- <!-- cell -->
- <div id="cell">
- <img src="http://media.tumblr.com/b84b9869a0fd6e1853414b07f4b2ede6/tumblr_inline_mvc4pjeQxh1rxkly4.png">
- <div id="info">
- <div id="themetitle">
- theme four
- </div>
- <div id="theme-links">
- <a href="http://karen.co.vu/04">preview</a>
- <a href="http://karen.co.vu/post/75381962894/theme-4-by-teenwovles-im-kinda-iffy-about-this">info</a>
- </div>
- </div>
- </div>
- <!-- end cell -->
- <!-- cell -->
- <div id="cell">
- <img src="http://media.tumblr.com/2903c23851d8a7f366d34805edc2b19f/tumblr_inline_mt16faOSQq1qz4rgp.png">
- <div id="info">
- <div id="themetitle">
- theme three
- </div>
- <div id="theme-links">
- <a href="http://karen.co.vu/03">preview</a>
- <a href="http://karen.co.vu/post/75381906508/theme-3-by-teenwovles-this-ones-one-of-my">info</a>
- </div>
- </div>
- </div>
- <!-- end cell -->
- <!-- cell -->
- <div id="cell">
- <img src="http://media.tumblr.com/e9e85da169f789a027bf9937dd1c05c8/tumblr_inline_mqo9fkbwdw1qz4rgp.png">
- <div id="info">
- <div id="themetitle">
- theme two
- </div>
- <div id="theme-links">
- <a href="http://karen.co.vu/02">preview</a>
- <a href="http://karen.co.vu/post/75381857413/theme-2-by-teenwovles-whoaaaa-second-one-already">info</a>
- </div>
- </div>
- </div>
- <!-- end cell -->
- <!-- cell -->
- <div id="cell">
- <img src="http://media.tumblr.com/039569f3e485c239b8ffb6341d0ae0db/tumblr_inline_mqnx7qjt4g1qz4rgp.png">
- <div id="info">
- <div id="themetitle">
- theme one
- </div>
- <div id="theme-links">
- <a href="http://karen.co.vu/p1">preview</a>
- <a href="http://karen.co.vu/post/75381813106/theme-1-by-teenwovles-this-is-my-first-theme">info</a>
- </div>
- </div>
- </div>
- <!-- end cell -->
- </div>
- </div>
- </div>
- <!-- END OF DESIGN SECTION --> </div> <!-- *** --->
- <!-- navigation -->
- <div id="panel">
- <!-- title here -->
- <div id="blog-title">karen's themeage</div>
- <!-- description here -->
- <div id="panel-desc"> hello welcome to my theme blog!
- i hope you guys will enjoy them and please tell me if there is something wrong with any of my themes! | <script language="JavaScript">
- var ref = (''+document.referrer+'');
- document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3031165&e1=%&e2=%&r=' + ref + '"><\/script>');
- </script>
- </div>
- <!-- links here -->
- <div id="panel-links">
- <a href="/">●</a>
- <a href="http://karen.co.vu">home</a>
- <a href="http://karen.co.vu/faq">ask</a>
- <a href="http://karen.co.vu/tagged/theme-faq">answered</a>
- <a href="http://www.teenwovles.tumblr.com/tagged/themes">recs</a>
- <a href="/">●</a><!-- I'd appreciate it alot if you'd leave this intact, thank you -->
- </div>
- <div id="cred"><a rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc/4.0/80x15.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Karen's Themes</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://karen.co.vu" property="cc:attributionName" rel="cc:attributionURL">Karen Luu</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/deed.en_US">Creative Commons Attribution-NonCommercial 4.0 International License</a>.</a></div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement