public/assets/bootstrap-rtl-3-3-4/examples/originals/examples/blog/blog.css

   1 /*
   2  * Globals
   3  */
   4
   5 body {
   6   font-family: Georgia, "Times New Roman", Times, serif;
   7   color: #555;
   8 }
   9
  10 h1, .h1,
  11 h2, .h2,
  12 h3, .h3,
  13 h4, .h4,
  14 h5, .h5,
  15 h6, .h6 {
  16   margin-top: 0;
  17   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  18   font-weight: normal;
  19   color: #333;
  20 }
  21
  22
  23 /*
  24  * Override Bootstrap's default container.
  25  */
  26
  27 @media (min-width: 1200px) {
  28   .container {
  29     width: 970px;
  30   }
  31 }
  32
  33
  34 /*
  35  * Masthead for nav
  36  */
  37
  38 .blog-masthead {
  39   background-color: #428bca;
  40   -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
  41           box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
  42 }
  43
  44 /* Nav links */
  45 .blog-nav-item {
  46   position: relative;
  47   display: inline-block;
  48   padding: 10px;
  49   font-weight: 500;
  50   color: #cdddeb;
  51 }
  52 .blog-nav-item:hover,
  53 .blog-nav-item:focus {
  54   color: #fff;
  55   text-decoration: none;
  56 }
  57
  58 /* Active state gets a caret at the bottom */
  59 .blog-nav .active {
  60   color: #fff;
  61 }
  62 .blog-nav .active:after {
  63   position: absolute;
  64   bottom: 0;
  65   left: 50%;
  66   width: 0;
  67   height: 0;
  68   margin-left: -5px;
  69   vertical-align: middle;
  70   content: " ";
  71   border-right: 5px solid transparent;
  72   border-bottom: 5px solid;
  73   border-left: 5px solid transparent;
  74 }
  75
  76
  77 /*
  78  * Blog name and description
  79  */
  80
  81 .blog-header {
  82   padding-top: 20px;
  83   padding-bottom: 20px;
  84 }
  85 .blog-title {
  86   margin-top: 30px;
  87   margin-bottom: 0;
  88   font-size: 60px;
  89   font-weight: normal;
  90 }
  91 .blog-description {
  92   font-size: 20px;
  93   color: #999;
  94 }
  95
  96
  97 /*
  98  * Main column and sidebar layout
  99  */
 100
 101 .blog-main {
 102   font-size: 18px;
 103   line-height: 1.5;
 104 }
 105
 106 /* Sidebar modules for boxing content */
 107 .sidebar-module {
 108   padding: 15px;
 109   margin: 0 -15px 15px;
 110 }
 111 .sidebar-module-inset {
 112   padding: 15px;
 113   background-color: #f5f5f5;
 114   border-radius: 4px;
 115 }
 116 .sidebar-module-inset p:last-child,
 117 .sidebar-module-inset ul:last-child,
 118 .sidebar-module-inset ol:last-child {
 119   margin-bottom: 0;
 120 }
 121
 122
 123 /* Pagination */
 124 .pager {
 125   margin-bottom: 60px;
 126   text-align: left;
 127 }
 128 .pager > li > a {
 129   width: 140px;
 130   padding: 10px 20px;
 131   text-align: center;
 132   border-radius: 30px;
 133 }
 134
 135
 136 /*
 137  * Blog posts
 138  */
 139
 140 .blog-post {
 141   margin-bottom: 60px;
 142 }
 143 .blog-post-title {
 144   margin-bottom: 5px;
 145   font-size: 40px;
 146 }
 147 .blog-post-meta {
 148   margin-bottom: 20px;
 149   color: #999;
 150 }
 151
 152
 153 /*
 154  * Footer
 155  */
 156
 157 .blog-footer {
 158   padding: 40px 0;
 159   color: #999;
 160   text-align: center;
 161   background-color: #f9f9f9;
 162   border-top: 1px solid #e5e5e5;
 163 }
 164 .blog-footer p:last-child {
 165   margin-bottom: 0;
 166 }