Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

alamitos

By: a guest on Jan 8th, 2013  |  syntax: CSS  |  size: 5.77 KB  |  views: 21  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /*
  2. Theme Name: Alamitos
  3. Theme URI: http://www.guiltyxindoc.com
  4. Description: A clean, smexy theme for showing off photos and a blog
  5. Author: Alex Campbell
  6. Author URI: http://www.guiltyxindoc.com
  7. Version: 1.0
  8. Tags: white, photo, photoblog, mobile
  9. License: GPLv2
  10. License URI:
  11.  
  12. */
  13.  
  14. /* Load up our other CSS, if any */
  15.  
  16.  
  17. /****************************
  18. Fonts
  19. ****************************/
  20.  
  21. /* Font: 1942 */
  22. @font-face {
  23.         font-family: NineteenFortyTwo;
  24.         src: url('fonts/1942.ttf'), url('fonts/1942.eot');
  25. }
  26.  
  27. /* ft prefix tells us which font to use */
  28. .ft1942 { font-family: NineteenFortyTwo; }
  29.  
  30. /****************************
  31. Globals
  32. ****************************/
  33.  
  34. img { max-width: 100%; }
  35.  
  36. body {
  37.         font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  38.         font-size: 1em;
  39.         padding: 0;
  40.         margin: 0;
  41.         width: 100%;
  42.        
  43. }
  44.  
  45. /* Links */
  46. a:hover, a:link, a:visited, a:active {
  47.         text-decoration: none;
  48. }
  49.  
  50. /* Input and forms */
  51. .TextArea {
  52.         border: 1px solid #000;
  53.         border-radius: 5px;
  54.         background-color: #fff;
  55. }
  56.  
  57. #wpstats {visibility: hidden; }
  58.  
  59.  
  60. /****************************
  61. Major Blocks
  62. ****************************/
  63.  
  64. div#sub-body {
  65.         width: 100%;
  66.         max-width: 960px;
  67.         margin: 0 auto;
  68.         padding: 0 .3em;
  69.         overflow: hidden;
  70.         position: relative;
  71. }
  72.  
  73. div#content-main {
  74.         background-color: #fff;
  75.         clear: left;
  76.         border-top-left-radius: 15px;
  77.         border-top-right-radius: 15px;
  78.         opacity: 1;
  79. }
  80.  
  81. header, nav, footer { width: 100%; clear: both;}
  82.  
  83. nav { display: block; }
  84.  
  85. header {
  86.         border-bottom-right-radius: 15px;
  87.         border-bottom-left-radius: 15px;
  88.         background-color: #fff;
  89. }
  90.  
  91.  
  92.  
  93. /* handle opaque and non-opaque regions */
  94. #sub-body-background {
  95.         opacity: 0.6;
  96.         filter:alpha(opacity=60);
  97.         -moz-opacity:0.6;
  98.         width: 100%;
  99.         height: 100%;
  100.         padding: 0 0;
  101.         margin: 0 0;
  102.         position: absolute;
  103.         top: 0px;
  104.         left: 0px;     
  105.         z-index: -1;
  106. }
  107.  
  108.  
  109.  
  110. /****************************
  111. really small screens
  112. (old cell phones)
  113. ****************************/
  114. @media only screen and (min-width: 769px) {
  115.         div#content-main {
  116.                 clear: left;
  117.                 float: left;
  118.                 width: 70%;
  119.                 max-width: 750px;
  120.                 border-bottom-right-radius: 15px;
  121.                 border-bottom-left-radius: 15px;
  122.                 margin-bottom: .3em;
  123.         }
  124.  
  125.         aside.Sidebar {
  126.                 overflow: hidden;
  127.         }
  128.        
  129.         body {
  130.                 background: url('images/bg.jpg') no-repeat fixed ;
  131.                 background-size: cover;
  132.         }
  133. }
  134.  
  135. /****************************
  136. really small screens
  137. (old cell phones)
  138. ****************************/
  139. @media screen and (max-width: 640px;) {
  140. }
  141.  
  142. /****************************
  143. smartphone screens and
  144. tablets in portrait
  145. (iPad safe)
  146. ****************************/
  147. @media handheld, only screen and (max-width: 768px), screen and (orientation : portrait) {
  148.         div#sub-body {
  149.                 width: 100%;
  150.                 max-width: 100%;
  151.                 padding: 0 0;
  152.         }
  153.         .Wrapper { width: 100%; overflow: hidden;}
  154.         div#content-main, aside.Sidebar {
  155.                 float: none;
  156.                 margin: 0;
  157.                 padding: 0;
  158.                
  159.         }
  160.        
  161.         header > h1 {
  162.                 font-size: 1.25em;
  163.         }
  164.        
  165.         nav > .menu > .menu-item,
  166.         .ReadMore,
  167.         .SidebarItem li,
  168.         #searchform > .InlineSearch,
  169.         #searchform > .InlineSubmit {
  170.                 min-width: 72px;
  171.                 min-height: 72px;
  172.                 vertical-align: middle;
  173.         }
  174.        
  175.         #searchform > .InlineSearch,
  176.         #searchform > .InlineSubmit {
  177.                 font-size: 1.4em;
  178.         }
  179.        
  180.         #sub-body-background {  opacity: 1.0;}
  181.        
  182.         .SidebarItem li {
  183.                 vertical-align: middle;
  184.                 font-size: 1.3em;
  185.                 border-top: 1px solid #333;
  186.                 background-color: #666;
  187.         }
  188.        
  189.         .SidebarItem li:nth-of-type(1) {
  190.                 border-top: none;
  191.         }
  192.  
  193. }
  194.  
  195. /****************************
  196. Printing
  197. ****************************/
  198. @media print {}
  199.  
  200.  
  201. /****************************
  202. ::Module and Design Blocks::
  203.  
  204. Things that shouldn't
  205. change appearance from
  206. one format to another.
  207.  
  208. ****************************/
  209. /****************************
  210. Menu
  211. ****************************/
  212. nav {
  213.         font-family: NineteenFortyTwo;
  214.         font-size: 1.5em;
  215.         min-height: 1.8em;
  216. }
  217.  
  218. nav ul.menu {
  219.         display: block;
  220.         list-style-type: none;
  221.         margin: 0 auto;
  222.         width: 100%;
  223.         clear: both;
  224. }
  225.  
  226. nav li.menu-item {
  227.         display: block;
  228.         float: left;
  229.         margin: 0 4px;
  230.         display: inline;
  231.         height: 1.5em;
  232.         margin-right: 1em;
  233. }
  234.  
  235. /****************************
  236. Sidebar
  237. ****************************/
  238. #searchform {
  239.         width: 100%;
  240.         padding: 0.4em;
  241. }
  242.  
  243. .SidebarItem h2 {
  244.         width: 100%;
  245.         padding: 0.4em;
  246. }
  247. .SidebarItem ul {
  248.         list-style-type: none;
  249.         width: 100%;
  250.         padding-left: 0px;
  251. }
  252.  
  253. .SidebarItem ul > li {
  254.         width: 100%;
  255.         display: block;
  256.         margin-left: 0px;
  257.         padding: 0.4em;
  258. }
  259.  
  260.  
  261.  
  262. /****************************
  263. Previews
  264. ****************************/
  265. .Preview {
  266.         border-top: 1px dotted #aaa;
  267.         padding: .6em;
  268. }
  269. .Preview:nth-of-type(1) {
  270.         border-top: none;      
  271. }
  272.  
  273. /* .post-meta works for both Previews and Fulltext */
  274. .post-meta {
  275.         font-size: 0.75em;
  276. }
  277.  
  278. .Preview > .content {
  279.         padding: 1em;
  280. }
  281.  
  282. .Preview > .content > .featured { display: block; float: left; margin: .6em; }
  283.  
  284. .Preview > .post-meta:nth-of-type(1) { clear: left; }
  285.  
  286. /****************************
  287. Fulltext
  288. ****************************/
  289. .Fulltext {
  290.         padding: 0.6em;
  291. }
  292.  
  293. .Fulltext > .content {
  294.         padding: 1em;
  295. }
  296.  
  297.  
  298. /****************************
  299. Images and captions
  300. ****************************/
  301. .wp-caption { margin: .6em; }
  302. .wp-caption-text { font-size: .8em; }
  303. .alignleft { float: left; }
  304. .alignright { float: right; }
  305.  
  306.  
  307. /****************************
  308. Header
  309. ****************************/
  310. header > h1 {
  311.         font-family: NineteenFortyTwo;
  312.         padding: .4em;
  313.         margin: 0;
  314.         text-align: center;
  315. }
  316.  
  317. /****************************
  318. Pagination
  319. ****************************/
  320.  
  321. #pagination {
  322.         width: 80%;
  323.         display: block;
  324.         margin: 0 auto;
  325.         padding: .4em;
  326. }
  327.  
  328. #pagination a {
  329.         padding: .3em;
  330.         border: 1px solid #ddd;
  331.         height: 72px;
  332.         width: 72px;
  333. }
  334.  
  335. #pagination a:hover {
  336.         background-color: #ffdddd;
  337. }
clone this paste RAW Paste Data