Advanced Search

blackatom's tumblr

/ Published in: HTML
Save to your folder(s)
again, i want to be able to swap the header "black atom studio" with a jpeg. thanks!

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.     <head>
  5.         <!-- DEFAULT COLORS -->
  6.         <meta name="color:Background" content="#fff"/>
  7.         <meta name="color:Title" content="#444"/>
  8.         <meta name="color:Description" content="#777"/>
  9.         <meta name="color:Post Title" content="#6498cc"/>    
  10.         <meta name="color:Text" content="#444"/>
  11.         <meta name="color:Inline Link" content="#6498cc"/>
  12.  
  13.         <meta name="color:Quote" content="#888"/>
  14.         <meta name="color:Quote Border" content="#6498cc"/>
  15.         <meta name="color:Quote Source" content="#555"/>
  16.         <meta name="color:Link Post" content="#c00"/>
  17.         <meta name="color:Conversation Background 1" content="#f4f4f4"/>
  18.         <meta name="color:Conversation Background 2" content="#e8e8e8"/>
  19.         <meta name="color:Conversation Border" content="#bbb"/>
  20.         <meta name="color:Conversation Text" content="#444"/>
  21.         <meta name="color:Date" content="#ccc"/>
  22.  
  23.         <meta name="color:Date Block" content="#6498cc"/>
  24.         <meta name="color:Date Block Text" content="#bbd5f1"/>        
  25.         <!-- END DEFAULT COLORS -->
  26.  
  27.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  28.         <title>black atom studio</title>
  29.         <link rel="icon" href="http://data.tumblr.com/avatar_36977fa6bad2_16.gif"/>
  30.         <link rel="alternate" type="application/rss+xml" title="RSS" href="http://blackatom.tumblr.com/rss"/>
  31.         <meta name="viewport" content="width=800"/> <!-- iPhone -->
  32.  
  33.         <style type="text/css">
  34.             body {
  35.                 margin: 0px;
  36.                 background-color: #000000;
  37.                 font-family: 'Lucida Grande', Helvetica, sans-serif;
  38.             }            
  39.  
  40.             a {
  41.                 color: #6498cc;
  42.             }
  43.  
  44.             h1 {
  45.                 width: 600px;
  46.                 padding: 0px 100px 20px 100px;
  47.                 margin: 50px auto 40px auto;
  48.                 border-bottom: solid 1px #ccc;
  49.                 text-align: center;
  50.                 font: Bold 55px 'Trebuchet MS', Helvetica, sans-serif;
  51.                 letter-spacing: -2px;
  52.                 line-height: 50px;
  53.                 position: relative;
  54.             }
  55.  
  56.                 h1 a {
  57.                     color: #FFFFFF;
  58.                     text-decoration: none;
  59.                 }
  60.  
  61.                 h1 img {
  62.                     border-width: 0px;
  63.                     position: absolute;
  64.                     right: 0px;
  65.                     bottom: 10px;
  66.                     width: 43px;
  67.                     height: 23px;
  68.                 }
  69.  
  70.             div#content {
  71.                 width: 420px;
  72.                 margin: auto;
  73.                 position: relative;
  74.             }
  75.  
  76.                 div#content div#description {
  77.                     position: absolute;
  78.                     right: -170px;
  79.                     width: 160px;
  80.                     text-align: right;
  81.                 }
  82.  
  83.             div#description {
  84.                 font: normal 17px Helvetica,sans-serif;
  85.                 line-height: 20px;
  86.                 color: #777;
  87.             }
  88.  
  89.                 div#description a {
  90.                     color: #777;
  91.                 }
  92.  
  93. 						div#searchresultcount {
  94. 							margin: 15px 0 30px;
  95. 							text-align: center;
  96. 						}
  97.  
  98.             div.post {
  99.                 position: relative;
  100.                 margin-bottom: 40px;
  101.                 padding-right: 20px;
  102.             }
  103.  
  104.                 div.post div.date {
  105.                     position: absolute;
  106.                     left: -260px;
  107.                     text-align: right;
  108.                     width: 230px;                
  109.                     white-space: nowrap;
  110.                     font: normal 34px Helvetica, sans-serif;
  111.                     letter-spacing: -2px;
  112.                     color: #ccc;
  113.                     text-transform: uppercase;
  114.                     line-height: 35px;
  115.                 }
  116.  
  117.                     div.post div.date div.date_brick {
  118.                         float: right;
  119.                         height: 30px;
  120.                         width: 45px;
  121.                         background-color: #6498cc;
  122.                         color: #bbd5f1;
  123.                         font: Bold 12px Verdana, Sans-Serif;
  124.                         text-align: center;
  125.                         line-height: 12px;
  126.                         margin-left: 10px;
  127.                         padding-top: 5px;
  128.                         letter-spacing: 0px;
  129.                         overflow: hidden;
  130.                     }
  131.  
  132.                 div.post img.permalink {
  133.                     width: 14px;
  134.                     height: 13px;
  135.                     border-width: 0px;
  136.                     background-color: #000;
  137.                     display: none;
  138.                     position: absolute;
  139.                     right: 0px;
  140.                     top: 0px;
  141.                     z-index: 10;
  142.                 }
  143.  
  144.                     div.post:hover img.permalink {
  145.                         display: inline;
  146.                     }
  147.  
  148.                 div.post h2 {
  149.                     font-size: 18px;
  150.                     font-weight: bold;
  151.                     color: #6498cc;
  152.                     letter-spacing: -1px;
  153.                     margin: 0px 0px 5px 0px;
  154.                 }
  155.  
  156.                     div.post h2 a {
  157.                         color: #6498cc;
  158.                         text-decoration: none;
  159.                     }
  160.  
  161.                 div.post div.caption {
  162.                     font-size: 14px;
  163.                     font-weight: bold;
  164.                     color: #FFFFFF;
  165.                     margin-top: 10px;
  166.                     padding: 0px 20px 0px 20px;
  167.                 }
  168.  
  169.                     div.post div.caption a {
  170.                         color: #FFFFFF;
  171.                     }
  172.  
  173.             /* Regular Post */
  174.  
  175.                 div.post div.regular {
  176.                     font-size: 12px;
  177.                     color: #FFFFFF;
  178.                     line-height: 17px;
  179.                 }
  180.  
  181.                     div.post div.regular blockquote {
  182.                         font-style: italic;
  183.                         border-left: solid 2px #FFFFFF;
  184.                         padding-left: 10px;
  185.                     }
  186.  
  187.             /* Quote Post */
  188.  
  189.                 div.post div.quote div.quote_text {
  190.                     font-family: Helvetica, sans-serif;
  191.                     font-weight: bold;
  192.                     color: #888;
  193.                     border-left: solid 5px #6498cc;
  194.                     padding-left: 10px;
  195.                 }
  196.  
  197.                     div.post div.quote div.quote_text span.short {
  198.                         font-size: 36px;
  199.                         line-height: 40px;
  200.                         letter-spacing: -1px;
  201.                     }
  202.  
  203.                     div.post div.quote div.quote_text span.medium {
  204.                         font-size: 25px;
  205.                         line-height: 27px;
  206.                         letter-spacing: -1px;
  207.                     }
  208.  
  209.                     div.post div.quote div.quote_text span.long {
  210.                         font-size: 16px;
  211.                         line-height: 20px;
  212.                     }
  213.  
  214.                     div.post div.quote div.quote_text a {
  215.                         color: #888;
  216.                     }
  217.  
  218.                 div.post div.quote div.source {
  219.                     font-size: 16px;
  220.                     font-weight: Bold;
  221.                     color: #555;
  222.                     margin-top: 5px;
  223.                 }
  224.  
  225.                     div.post div.quote div.source a {
  226.                         color: #555;
  227.                     }
  228.  
  229.             /* Link Post */
  230.  
  231.                 div.post div.link a.link {
  232.                     font: Bold 20px Helvetica, sans-serif;
  233.                     letter-spacing: -1px;
  234.                     color: #0747B6;
  235.                 }
  236.  
  237.                     div.post div.link span.description {
  238.                         font-size: 13px;
  239.                         font-weight: normal;
  240.                         letter-spacing: -1px;
  241.                         color: #FFFFFF;
  242.                     }
  243.  
  244.             /* Conversation Post */
  245.  
  246.                 div.post div.conversation ul {
  247.                     list-style-type: none;
  248.                     margin: 0px;
  249.                     padding: 0px 0px 0px 1px;
  250.                     border-left: solid 5px #bbb;
  251.                 }
  252.  
  253.                     div.post div.conversation ul li {
  254.                         font-size: 12px;
  255.                         padding: 4px 10px 4px 8px;
  256.                         color: #444;
  257.                         margin-bottom: 1px;
  258.                     }
  259.  
  260.                         div.post div.conversation ul li span.label {
  261.                             font-weight: bold;
  262.                         }
  263.  
  264.                             div.post div.conversation ul li span.user_1 {
  265.                                 color: #c00;
  266.                             }
  267.  
  268.                             div.post div.conversation ul li span.user_2 {
  269.                                 color: #00c;
  270.                             }
  271.  
  272.                             div.post div.conversation ul li span.user_3 {
  273.                                 color: #0a0;
  274.                             }
  275.  
  276.                         div.post div.conversation ul li.odd {
  277.                             background-color: #f4f4f4;
  278.                         }
  279.  
  280.                         div.post div.conversation ul li.even {
  281.                             background-color: #e8e8e8;
  282.                         }
  283.  
  284.             /* Video Post */
  285.  
  286.                 div.post div.video {
  287.                     width: 400px;
  288.                     margin: auto;
  289.                 }
  290.  
  291.             /* Footer */
  292.  
  293.                 div#footer {
  294.                     margin: 40px 0px 30px 0px;
  295.                     text-align: center;
  296.                     font-size: 15px;
  297.                     font-weight: bold;
  298.                     color: #FFFFFF;
  299.                 }
  300.  
  301.                     div#footer a {
  302.                         text-decoration: none;
  303.                         color: #FFFFFF;
  304.                     }
  305.  
  306.                         div#footer a:hover {
  307.                             text-decoration: underline;
  308.                         }
  309.  
  310.                     div#footer div#credit {
  311.                         font: normal 13px Georgia, serif;
  312.                         font-size: 13px;
  313.                         margin-top: 15px;
  314.                     }
  315.  
  316. 						.query { font-weight: bold; }
  317.  
  318.  
  319.         </style>
  320.     </head>
  321.     <body>
  322.         <h1>
  323.             <a href="/">black atom studio</a>
  324.             <a href="/rss"><img src="/themes/5/rss.gif" id="rss" alt="RSS"/></a>
  325.         </h1>
  326.  
  327.  
  328.         <div id="content">
  329.             <div id="description">
  330.                 <div>
  331. 										<div id="search">
  332. 											<form action="/search" method="get">
  333. 											    <input type="text" name="q" value=""/>
  334. 											    <input type="submit" value="Search"/>
  335. 											</form>
  336. 										</div>
  337.  
  338.  
  339.                     full website coming soon!
  340.                     <p><a href="/archive">Archive</a></p>
  341.                 </div>
  342.             </div>
  343.  
  344.  
  345.  
  346.  
  347.                 <div class="post">
  348.  
  349.                         <div class="date">
  350.                             <div class="date_brick">
  351.                                 Sep<br/>
  352.  
  353.                                 24th
  354.                             </div>
  355.                             Wed
  356.                         </div>
  357.  
  358.  
  359.                     <a href="http://blackatom.tumblr.com/post/51501657/it-is-coming"><img src="/themes/5/permalink.gif"
  360.                     class="permalink" alt="permalink"/></a>
  361.  
  362.  
  363.                         <div class="regular">
  364.                             <h2><a href="http://blackatom.tumblr.com/post/51501657/it-is-coming">it is coming</a></h2>
  365.                             hello everyone. we are busy with our clients right now so the website launch will have to wait. we hope you understand! you can follow this blog with updates.
  366.                         </div>
  367.  
  368.  
  369.  
  370.  
  371.  
  372.  
  373.  
  374.  
  375.  
  376.  
  377.  
  378.  
  379.  
  380.  
  381.                 </div>
  382.  
  383.  
  384.             <div id="footer">
  385.  
  386.  
  387.  
  388.  
  389.                 <div id="credit">
  390.                     Powered by <a href="http://www.tumblr.com/"
  391.                     target="_blank">Tumblr</a>
  392.                 </div>
  393.             </div>
  394.         </div>
  395.     <!-- BEGIN TUMBLR CODE -->
  396.  
  397. <iframe src="http://www.tumblr.com/dashboard/iframe?src=http%3A%2F%2Fblackatom.tumblr.com%2F" 
  398. border="0" scrolling="no" width="278" height="25" allowTransparency="true"
  399. frameborder="0" style="position:absolute; z-index:1337; top:0px; right:0px; border:0px;
  400. background-color:transparent; overflow:hidden;" id="tumblr_controls"></iframe>
  401. <!-- END TUMBLR CODE --></body>
  402. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.