Want more features on Pastebin? Sign Up, it's FREE!
Guest

[Spun] Styles to vertically center titles in circles

By: a guest on Aug 11th, 2013  |  syntax: CSS  |  size: 0.79 KB  |  views: 467  |  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. .blog .hentry span.hometitle {
  2.  width: 100%;
  3.  position: absolute;
  4.  top: 73px;
  5.  display: table-cell;
  6.  
  7.  font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
  8.  font-size: 32px;
  9.  font-size: 3.2rem;
  10.  font-style: italic;
  11.  text-shadow: 0 0 10px #fff;
  12.  text-align: center;
  13.  
  14.  line-height: 1.2;
  15.  vertical-align: middle;
  16.  word-wrap: break-word;
  17.  color: #111;
  18.  
  19.  overflow: hidden;
  20.  
  21.  transition: background .4s ease-in-out;
  22.  -webkit-transition: background .4s ease-in-out;
  23.  -moz-transition: background .4s ease-in-out;
  24.  -o-transition: background .4s ease-in-out;
  25.  -ms-transition: background .4s ease-in-out;
  26. }
  27.  
  28. .blog .hentry {
  29.  position: relative;
  30. }
  31.  
  32. @media screen and ( max-width: 800px ) {
  33.         .blog .hentry span.hometitle {
  34.                 font-size: 24px;
  35.                 font-size: 2.4rem;
  36.         }
  37. }
clone this paste RAW Paste Data