video/public/less/scaffolding.less

   1 //
   2 // Scaffolding
   3 // --------------------------------------------------
   4
   5
   6 // Body reset
   7 // -------------------------
   8
   9 body {
  10   margin: 0;
  11   font-family: @baseFontFamily;
  12   font-size: @baseFontSize;
  13   line-height: @baseLineHeight;
  14   color: @textColor;
  15   background-color: @bodyBackground;
  16 }
  17
  18
  19 // Links
  20 // -------------------------
  21
  22 a {
  23   color: @linkColor;
  24   text-decoration: none;
  25 }
  26 a:hover {
  27   color: @linkColorHover;
  28   text-decoration: underline;
  29 }
  30
  31
  32 // Images
  33 // -------------------------
  34
  35 // Rounded corners
  36 .img-rounded {
  37   .border-radius(6px);
  38 }
  39
  40 // Add polaroid-esque trim
  41 .img-polaroid {
  42   padding: 4px;
  43   background-color: #fff;
  44   border: 1px solid #ccc;
  45   border: 1px solid rgba(0,0,0,.2);
  46   .box-shadow(0 1px 3px rgba(0,0,0,.1));
  47 }
  48
  49 // Perfect circle
  50 .img-circle {
  51   .border-radius(500px); // crank the border-radius so it works with most reasonably sized images
  52 }