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

Untitled

By: a guest on Sep 10th, 2013  |  syntax: CSS  |  size: 7.29 KB  |  views: 30  |  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:     Spun_Childtheme
  3. Description:    
  4. Author:         admin
  5. Template:       spun
  6.  
  7. (optional values you can add: Theme URI, Author URI, Version)
  8. */
  9.  
  10. @import url("../spun/style.css");
  11.  
  12.        
  13. /* =Header ohne Transparenz
  14. ----------------------------------------------- */
  15.  
  16.     .blog .hentry span.hometitle {
  17.      width: 100%;
  18.      position: absolute;
  19.      top: 73px;
  20.      display: table-cell;
  21.      
  22.      font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
  23.      font-size: 30px;
  24.      font-size: 3.0rem;
  25.      font-style: italic;
  26.      text-shadow: 0 0 10px #fff;
  27.      text-align: center;
  28.      
  29.      line-height: 1.2;
  30.      vertical-align: middle;
  31.      word-wrap: break-word;
  32.      color: #6a6363;
  33.      
  34.      overflow: hidden;
  35.      
  36.      transition: background .4s ease-in-out;
  37.      -webkit-transition: background .4s ease-in-out;
  38.      -moz-transition: background .4s ease-in-out;
  39.      -o-transition: background .4s ease-in-out;
  40.      -ms-transition: background .4s ease-in-out;
  41.     }
  42.      
  43.     .blog .hentry {
  44.      position: relative;
  45.     }
  46.      
  47.     @media screen and ( max-width: 800px ) {
  48.             .blog .hentry span.hometitle {
  49.                     font-size: 24px;
  50.                     font-size: 2.4rem;
  51.             }
  52.     }
  53.  
  54. /* =Header Logo Größe
  55. ----------------------------------------------- */
  56.  
  57. #masthead img { max-height: 200px; }
  58.  
  59. #masthead {
  60.   opacity: 1;
  61. }
  62.  
  63. .post-date {
  64. display: none;
  65. }
  66.  
  67. /* =Hauptnavi Farbe_Unterstrichen
  68. ----------------------------------------------- */
  69.  
  70. .main-navigation {
  71.         color: #ada2a2;
  72.         display: block;
  73.         float: right;
  74.         font-family: Quicksand, Helvetica, Arial, sans-serif;
  75.         -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
  76.         font-size: 14px;
  77.         font-size: 1.4rem;
  78.         margin: 5px 0 0;
  79.         position: relative;
  80.         text-align: right;
  81.         text-transform: uppercase;
  82.         width: 60%;
  83.         text-shadow: 0px 0.5px 0 #ada2a2;
  84. }
  85.  
  86. .main-navigation li:hover > a {
  87.         color: #2f2c2c;
  88.         text-shadow: 0px 0.5px 0 #2f2c2c;
  89.         text-decoration: underline
  90. }
  91.  
  92.  
  93. /* =Homepage Bubbles unser Grau
  94. ----------------------------------------------- */
  95. #primary {
  96.         padding: 0;
  97.         width: 100%;
  98. }
  99. #primary:before,
  100. #primary:after,
  101. #content:before,
  102. #content:after,
  103. #main:before,
  104. #main:after {
  105.         content: "";
  106.         display: table;
  107. }
  108. #primary:after,
  109. #content:after,
  110. #main:after {
  111.         clear: both;
  112. }
  113.  
  114. .hentry.no-thumbnail {
  115.         background: #d6d0d0;
  116.         border-radius: 180px;
  117.         overflow: hidden;
  118.         transition: background .4s ease-in-out;
  119.         -webkit-transition: background .4s ease-in-out;
  120.         -moz-transition: background .4s ease-in-out;
  121.         -o-transition: background .4s ease-in-out;
  122.         word-wrap: break-word;
  123. }
  124. .hentry.no-thumbnail span {
  125.         color: #fafafa;
  126.         display: table-cell;
  127.         font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
  128.         font-size: 32px;
  129.         font-size: 3.2rem;
  130.         font-style: italic;
  131.         line-height: 32px;
  132.         overflow: hidden;
  133.         text-align: center;
  134.         transition: background .4s ease-in-out;
  135.         -webkit-transition: background .4s ease-in-out;
  136.         -moz-transition: background .4s ease-in-out;
  137.         -o-transition: background .4s ease-in-out;
  138.         -ms-transition: background .4s ease-in-out;
  139.         vertical-align: middle;
  140.         word-wrap: break-word;
  141. }
  142. .hentry.no-thumbnail:hover {
  143.         background: #ada2a2;
  144.         color: #ffffff;
  145.         transition: background .4s ease-in-out;
  146.         -webkit-transition: background .4s ease-in-out;
  147.         -moz-transition: background .4s ease-in-out;
  148.         -o-transition: background .4s ease-in-out;
  149.         -ms-transition: background .4s ease-in-out;
  150. }
  151.  
  152.  
  153. /* =Headlines Schriftfarbe
  154. ----------------------------------------------- */
  155.  
  156. .entry-title,
  157. .entry-title a {
  158.         color: #ada2a2;
  159.         font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
  160.         font-size: 32px;
  161.         font-size: 3.2rem;
  162.         font-style: italic;
  163.         line-height: 1em;
  164.         margin: 0 0 20px 0;
  165. }
  166.  
  167.  
  168. /* =Text Schriftfarbe
  169. ----------------------------------------------- */
  170.  
  171. body,
  172. button,
  173. input,
  174. select,
  175. textarea {
  176.         color: #ada2a2;
  177.         font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
  178.         font-size: 16px;
  179.         font-size: 1.6rem;
  180.         font-weight: 300;
  181.         line-height: 1.5;
  182. }
  183.  
  184.  
  185.  
  186. /* =Button Farbe
  187. ----------------------------------------------- */
  188.  
  189.  
  190. button,
  191. html input[type="button"],
  192. input[type="reset"],
  193. input[type="submit"] {
  194.         background: #d6d0d0;
  195.         border: 0 none;
  196.         border-radius: 50px;
  197.         color: #fff;
  198.         cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
  199.         font-size: 12px;
  200.         font-size: 1.2rem;
  201.         line-height: 1;
  202.         margin: 0;
  203.         padding: .65em 1em;
  204.         text-transform: uppercase;
  205.         transition: all .3s ease-in-out;
  206.         -webkit-transition: all .3s ease-in-out;
  207.         -moz-transition: all .3s ease-in-out;
  208.         -o-transition: all .3s ease-in-out;
  209. }
  210. button:hover,
  211. html input[type="button"]:hover,
  212. input[type="reset"]:hover,
  213. input[type="submit"]:hover {
  214.         background: #ada2a2;
  215.         color: #fafafa;
  216.         transition: all .3s ease-in-out;
  217.         -webkit-transition: all .3s ease-in-out;
  218.         -moz-transition: all .3s ease-in-out;
  219.         -o-transition: all .3s ease-in-out;
  220. }
  221.  
  222.  
  223. /* =Footer Farbe
  224. ----------------------------------------------- */
  225.  
  226. #colophon {
  227.         color: #d6d0d0;
  228.         clear: both;
  229.         font-family: Quicksand, Helvetica, Arial, sans-serif;
  230.         -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
  231.         font-size: 12px;
  232.         font-size: 1.2rem;
  233.         padding: 100px 0 50px;
  234.         text-align: left;
  235.         text-transform: uppercase;
  236.         width: 100%;
  237. }
  238. #colophon a {
  239.         color: #d6d0d0;
  240. }
  241. #colophon:hover a {
  242.         color: #ada2a2;
  243. }
  244.  
  245.  
  246. /* =Widget Plus Zeichen
  247. ----------------------------------------------- */
  248.  
  249. .sidebar-link {
  250.         background: #fafafa;
  251.         border-radius: 40px;
  252.         clear: both;
  253.         color: #d6d0d0;
  254.         cursor: pointer;
  255.         display: block;
  256.         font-size: 18px;
  257.         font-size: 1.8rem;
  258.         line-height: 40px;
  259.         margin: 2em auto 0;
  260.         text-align: center;
  261.         transition: background .4s ease-in-out, color .4s ease-in-out;
  262.         -webkit-transition: background .4s ease-in-out, color .4s ease-in-out;
  263.         -moz-transition: background .4s ease-in-out, color .4s ease-in-out;
  264.         -o-transition: background .4s ease-in-out, color .4s ease-in-out;
  265.         -ms-transition: background .4s ease-in-out, color .4s ease-in-out;
  266.         width: 40px;
  267.         height: 40px;
  268. }
  269.  
  270. .sidebar-link:hover {
  271.         background-color: #ada2a2;
  272.         color: #fafafa;
  273.         transition: all .4s ease-in-out;
  274.         -webkit-transition: all .4s ease-in-out;
  275.         -moz-transition: all .4s ease-in-out;
  276.         -o-transition: all .4s ease-in-out;
  277.         -ms-transition: all .4s ease-in-out;
  278. }
clone this paste RAW Paste Data