Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>capecode themes</title>
- <link rel="icon" href="{Favicon}">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <!------- filter scripts -------->
- <script src="http://static.tumblr.com/fuu6t9w/kh8ml0pl9/jquery-1.7.1.min.js"></script>
- <script src="http://static.tumblr.com/fuu6t9w/eubml0pm0/jquery.isotope.min.js"></script>
- <script>
- $(function(){
- var $container = $('#container');
- $container.isotope({
- itemSelector : '.theme'
- });
- var $optionSets = $('#sort .option-set'),
- $optionLinks = $optionSets.find('a');
- $optionLinks.click(function(){
- var $this = $(this);
- // don't proceed if already selected
- if ( $this.hasClass('selected') ) {
- return false;
- }
- var $optionSet = $this.parents('.option-set');
- $optionSet.find('.selected').removeClass('selected');
- $this.addClass('selected');
- // make option object dynamically, i.e. { filter: '.my-filter-class' }
- var options = {},
- key = $optionSet.attr('data-option-key'),
- value = $this.attr('data-option-filter');
- // parse 'false' as false boolean
- value = value === 'false' ? false : value;
- options[ key ] = value;
- if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
- // changes in layout modes need extra logic
- changeLayoutMode( $this, options )
- } else {
- // otherwise, apply new options
- $container.isotope( options );
- }
- return false;
- });
- });
- </script>
- <!-----end filter scripts------>
- <style type="text/css">
- #s-m-t-tooltip{
- max-width:300px;
- margin:15px;
- padding:2px 8px;
- border:1px solid #000;
- background:rgba(255,255,255,.3);
- color:#000;
- z-index:999999;
- font-size:10px;
- font-style:italic;
- text-transform:lowercase;
- box-shadow:1px 1px 3px rgba(204, 221, 221, 0.3);
- }
- .iframe-controls--desktop {
- position:fixed;
- right:0px;
- z-index:999999999999;
- filter:invert(100%);
- -webkit-filter:invert(100%);
- -webkit-transform:scale(0.8,0.8);
- -webkit-transform-origin: 100% 0%;
- -ms-transform-origin:100% 0%;
- -ms-transform:scale(0.8,0.8);
- transform:scale(0.8,0.8);
- transform-origin:100% 0%;
- }
- ::selection{
- color:#334455;
- background:rgba(255,255,255,.3);
- }
- ::-webkit-scrollbar{
- background:none;
- width:4px;
- }
- ::-webkit-scrollbar-thumb{
- background:#fff;
- border:1px solid #333;
- }
- a{
- color:#333;
- text-decoration:underline;
- }
- a:hover{
- cursor:help;
- }
- body{
- font-family:candara;
- font-size:14px;
- cursor:crosshair;
- margin:0px;
- color:#7ca2a2;
- background:#fafafa;
- }
- #container{
- width:calc(100% - 250px);
- margin:20px auto 20px 250px;
- }
- .theme{
- margin:30px;
- border:1px solid #7ca2a2;
- -moz-transition:.8s ease;
- -webkit-transition:.8s ease;
- -o-transition:.8s ease;
- }
- .theme .info{
- border-top:1px solid #7ca2a2;
- background:#fff;
- width:290px;
- margin-top:-3px;
- padding:10px 5px;
- text-transform:uppercase;
- }
- .info a{
- color:#7ca2a2;
- margin:0px 4px;
- }
- .theme img{
- height:175px;
- width:300px;
- }
- #menu{
- position:fixed;
- top:0px;
- height:100%;
- width:250px;
- overflow-y:auto;
- z-index:9;
- border-bottom:1px solid #7ca2a2;
- background:#fafafa;
- }
- #menu li{
- list-style-type:none;
- margin:10px;
- display:inline-block;
- background:#d7eaea;
- padding:10px;
- border-radius:30px;
- }
- #menu li a{
- color:#000;
- text-transform:uppercase;
- }
- </style>
- </head>
- <body>
- <div id="menu">
- <li><b><a href="/">back to capecode</a></b></li>
- <div id="sort">
- <ul id="filters" class="option-set clearfix" data-option-key="filter">
- <li><a href="#filter" data-option-filter=".theme">all codes</a></li>
- <li><a href="#filter" data-option-filter=".th">all themes</a></li>
- <li><a href="#filter" data-option-filter=".250px">250px</a></li>
- <li><a href="#filter" data-option-filter=".400px">400px</a></li>
- <li><a href="#filter" data-option-filter=".500px">500px</a></li>
- <li><a href="#filter" data-option-filter=".540px">540px</a></li>
- <li><a href="#filter" data-option-filter=".resp">responsive</a></li>
- <li><a href="#filter" data-option-filter=".base">base codes</a></li>
- <li><a href="#filter" data-option-filter=".bb">bottom bar</a></li>
- <li><a href="#filter" data-option-filter=".cont">contained</a></li>
- <li><a href="#filter" data-option-filter=".header">header</a></li>
- <li><a href="#filter" data-option-filter=".jpagi">jump pagination</a></li>
- <li><a href="#filter" data-option-filter=".ask">pop up ask</a></li>
- <li><a href="#filter" data-option-filter=".sidebar">sidebar</a></li>
- <li><a href="#filter" data-option-filter=".img">sidebar img (1)</a></li>
- <li><a href="#filter" data-option-filter=".img1">sidebar img (1+)</a></li>
- <li><a href="#filter" data-option-filter=".sub">subtitle</a></li>
- <li><a href="#filter" data-option-filter=".updt">updates tab</a></li>
- <li><a href="#filter" data-option-filter=".pg">all pages</a></li>
- <li><a href="#filter" data-option-filter=".roll">blogroll</a></li>
- <li><a href="#filter" data-option-filter=".net">network pages</a></li>
- <li><a href="#filter" data-option-filter=".mul">multipurpose pages</a></li>
- </ul>
- </div>
- </div>
- <div id="container">
- <div class="theme th 600px 540px 500px 250px sidebar img img1 resp">
- <img src="https://64.media.tumblr.com/7233ae18602c8b2d379b6a70be763703/9e1cf2e1fc48d421-0b/s400x600/b0631f0d78a1b11a3a79ea842c680e3fa0cd659c.png"><br>
- <div class="info">
- lavender
- <span style="float:right">
- <a title="live preview" href="https://capecoding-lavender.tumblr.com">view</a>
- <a href="https://foundcas.tumblr.com/post/643578397518446592/lavender-theme-by-foundcas-capecoding-live">code</a>
- </span>
- </div>
- </div>
- <div class="theme th 540px 500px sidebar img resp">
- <img src="https://64.media.tumblr.com/fdaff42093f95eb7c7a9da62d5c26bb1/9669190b2b99cd3c-5b/s1280x1920/ee576f47c73db6710b5a469a09ab8baccae61980.png"><br>
- <div class="info">
- beaded
- <span style="float:right">
- <a href="/th26">view</a>
- <a href="https://foundcas.tumblr.com/post/640502861530284032/new-year-new-theme-beaded-preview-code-check">code</a>
- </span>
- </div>
- </div>
- <div class="theme pg mul">
- <img src="https://64.media.tumblr.com/edfacd681488b80041308760ef8ba59e/38f6684e443e4e2e-a7/s1280x1920/aadb2a4ed4b8eec678fa30d7c79394a533ce37ad.png"><br>
- <div class="info">
- 화려한
- <span style="float:right">
- <a href="https://foundcas.tumblr.com/pg5">view</a>
- <a href="https://foundcas.tumblr.com/post/640234267019018240/page-5-%ED%99%94%EB%A0%A4%ED%95%9C-preview-check-source-link-for-code">code</a>
- </span>
- </div>
- </div>
- <div class="theme th 500px sidebar img header ">
- <img src="https://64.media.tumblr.com/1ab24b05c7922fdeb574b4b8c0cca2f4/d51e7aec93492a2d-d3/s1280x1920/6aae3d8c48aeff390075b655ebe7467d17a4a3ba.png"><br>
- <div class="info">
- apollo 11
- <span style="float:right">
- <a href="/th25">view</a>
- <a href="https://foundcas.tumblr.com/post/639420556756877312/theme-25-apollo-11-check-source-link-for-preview">code</a>
- </span>
- </div>
- </div>
- <div class="theme pg mul">
- <img src="https://66.media.tumblr.com/f03b49352aab8927489b09b9c9e6b233/tumblr_oaxs849ZT81slcenxo3_1280.png"><br>
- <div class="info">
- 하루의 끝
- <span style="float:right">
- <a href="http://foundcas.tumblr.com/oceanic">view</a>
- <a href="http://orablyro.com/63xG">code</a>
- </span>
- </div>
- </div>
- <div class="theme th bb 250px cont">
- <img src="https://41.media.tumblr.com/9163cad7832eb91034d506a9fc755f04/tumblr_nraqffLqRU1slcenxo4_400.jpg"><br>
- <div class="info">
- ἀγάπη
- <span style="float:right">
- <a href="/th23">view</a>
- <a href="http://foundcas.tumblr.com/post/123763661284/theme-pack-by-foundcas-capecoding-theme">code</a>
- </span>
- </div>
- </div>
- <div class="theme th header updt">
- <img src="https://41.media.tumblr.com/ca9963b50db02edf805a2f13b3b1b20e/tumblr_nraqffLqRU1slcenxo2_400.jpg"><br>
- <div class="info">
- στοργή
- <span style="float:right">
- <a href="/th22">view</a>
- <a href="http://foundcas.tumblr.com/post/123763661284/theme-pack-by-foundcas-capecoding-theme">code</a>
- </span>
- </div>
- </div>
- <div class="theme th sidebar 400px img img1">
- <img src="https://41.media.tumblr.com/5b53feb54ad0de8014f29fdceffd1dc0/tumblr_nraqffLqRU1slcenxo3_400.jpg"><br>
- <div class="info">
- ἔρως
- <span style="float:right">
- <a href="/th21">view</a>
- <a href="http://foundcas.tumblr.com/post/123763661284/theme-pack-by-foundcas-capecoding-theme">code</a>
- </span>
- </div>
- </div>
- <div class="theme th sidebar jpagi 400px">
- <img src="https://40.media.tumblr.com/43b1ab0ee96c71c64681cee903a6847b/tumblr_nraqffLqRU1slcenxo1_400.jpg"><br>
- <div class="info">
- φιλία
- <span style="float:right">
- <a href="/th20">view</a>
- <a href="http://foundcas.tumblr.com/post/123763661284/theme-pack-by-foundcas-capecoding-theme">code</a>
- </span>
- </div>
- </div>
- <div class="theme pg mul">
- <img src="http://36.media.tumblr.com/127b2b84787e03b3553a26f88b6a57a2/tumblr_nqkd88cX661slcenxo1_250.jpg"><br>
- <div class="info">
- erratum
- <span style="float:right">
- <a href="http://foundcas.tumblr.com/pg3">view</a>
- <a href="http://foundcas.tumblr.com/post/122520275784/erratum-o-page-3-multipurpose-01-preview">code</a>
- </span>
- </div>
- </div>
- <div class="theme pg roll">
- <img src="http://41.media.tumblr.com/34646cd0ab4fcba19d5e529e3d33105d/tumblr_nmpwvevGbq1slcenxo1_400.png"><br>
- <div class="info">
- blogscape
- <span style="float:right">
- <a href="/pg2">view</a>
- <a href="http://foundcas.tumblr.com/post/116249242669/blogscape-o-page-2-blogroll-01-preview-code">code</a>
- </span>
- </div>
- </div>
- <div class="theme pg net">
- <img src="http://i.imgur.com/5PVKRSK.png"><br>
- <div class="info">
- per volar sunata
- <span style="float:right">
- <a href="/pg1">view</a>
- <a href="http://foundcas.tumblr.com/post/113700366004/per-volar-sunata-o-page-1-network-01-preview">code</a>
- </span>
- </div>
- </div>
- <div class="theme th 500px header ask jpagi">
- <img src="http://41.media.tumblr.com/1b53b78d4ecd671fe5720b57556e06cf/tumblr_nk4wyqcYg41slcenxo1_400.png"><br>
- <div class="info">
- blank space
- <span style="float:right">
- <a href="/th19">view</a>
- <a href="http://foundcas.tumblr.com/post/111676120174/blank-space-theme-19-by">code</a>
- </span>
- </div>
- </div>
- <div class="theme th 500px cont ask">
- <img src="http://41.media.tumblr.com/67ebe630cace627b6aad6aec97807d92/tumblr_njocxbaRMs1slcenxo3_400.png"><br>
- <div class="info">
- collide
- <span style="float:right">
- <a href="/th18">view</a>
- <a href="http://foundcas.tumblr.com/post/110831141979/collide-theme-18-by-foundcas-capecoding-preview">code</a>
- </span>
- </div>
- </div>
- <div class="theme th 250px 400px header">
- <img src="http://40.media.tumblr.com/2a9d18e797edc331a69840a3b8d92c44/tumblr_nfo4ow6P5u1slcenxo1_400.png"><br>
- <div class="info">
- exploration
- <span style="float:right">
- <a href="/th15">view</a>
- <a href="http://foundcas.tumblr.com/post/103672778014/exploration-theme-15-by">code</a>
- </span>
- </div>
- </div>
- <div class="theme th 250px sidebar cont img updt">
- <img src="http://40.media.tumblr.com/8add5d37b398bd3665d3bc92b5a86d98/tumblr_nckkevbieD1slcenxo1_400.png"><br>
- <div class="info">
- possibility
- <span style="float:right">
- <a href="/th13p">view</a>
- <a href="http://foundcas.tumblr.com/post/98560628879/possibility-theme-13-by-foundcas-capecoding">code</a>
- </span>
- </div>
- </div>
- <div class="theme th 500px header sidebar updt jpagi">
- <img src="http://41.media.tumblr.com/f2ed8d00db12052b9c2e52885ac11abf/tumblr_nb76mr4UzZ1slcenxo1_400.png"><br>
- <div class="info">
- and you love the sea
- <span style="float:right">
- <a href="/th12ts">view</a>
- <a href="http://foundcas.tumblr.com/post/96312459839/and-you-love-the-sea-theme-12-by">code</a>
- </span>
- </div>
- </div>
- <div class="theme base">
- <img src="http://41.media.tumblr.com/3383cbe0e35081a565265363badd1c66/tumblr_n7y6ccWAJh1slcenxo1_400.png"><br>
- <div class="info">
- base code 01
- <span style="float:right">
- <a href="/base1">view</a>
- <a href="http://foundcas.tumblr.com/post/90281435259/base-code-1-by-foundcas-preview-code-200px">code</a>
- </span>
- </div>
- </div>
- <div class="theme th 500px header jpagi">
- <img src="http://40.media.tumblr.com/c3cac92ad9c06796a1adcf2651556651/tumblr_n784izor311slcenxo1_400.png"><br>
- <div class="info">
- grace
- <span style="float:right">
- <a href="/th5grace">view</a>
- <a href="http://foundcas.tumblr.com/post/88878331834/grace-theme-5-by-foundcas-preview-code">code</a>
- </span>
- </div>
- </div>
- <div class="theme th 500px sidebar img img1 jpagi">
- <img src="http://41.media.tumblr.com/07a5530cd80a445ea42193f86ee0f3c0/tumblr_n74wd5B2B41slcenxo1_400.png"><br>
- <div class="info">
- game,set,match.
- <span style="float:right">
- <a href="/theme4">view</a>
- <a href="http://foundcas.tumblr.com/post/88716344274/game-set-match-theme-4-by">code</a>
- </span>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement