examples/htdocs/topic.css

   1 body {
   2   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   3   background: radial-gradient(ellipse at center,  #ffffff 0%,#f8f8f8 100%);
   4   font-weight: 300;
   5 }
   6 b, strong {
   7   font-weight: 400;
   8 }
   9 .panel {
  10   border: none;
  11   background: white;
  12   padding: 1em .75em;
  13   border-radius: 3px;
  14   -moz-border-radius: 3px;
  15   -webkit-border-radius: 3px;
  16   color: #76868A;
  17   box-shadow: 0 0 2px rgba(0, 0, 0, 0.09);
  18   margin-bottom: 2em;
  19 }
  20
  21 .panel-default > .panel-heading {
  22   background-image: none;
  23   border: none;
  24   background-color: white;
  25 }
  26
  27 .panel-heading {
  28   padding: 0.5em 15px 0;
  29 }
  30
  31 .panel-title {
  32   font-size: 130%;
  33   color: #4A5456;
  34 }
  35
  36 .panel-body {
  37   padding: 10px 15px;
  38 }
  39
  40 .mkws-facet-title {
  41   font-style: italic;
  42   font-weight: 400;
  43 }
  44   .mkws-term {
  45     padding: .1em 0;
  46   }
  47   .mkws-term a {
  48     padding-right: .5em;
  49     font-weight: 400;
  50   }
  51
  52 .mkws-summary {
  53   margin: .5em 0;
  54   line-height: 1.35;
  55   min-height: 60px;
  56 }
  57 .articles .mkws-summary, .alltargets .mkws-summary {
  58   min-height: 0;
  59 }
  60 .articles .mkws-field-thumb, .alltargets .mkws-field-thumb {
  61   display: none;
  62 }
  63 .mkws-summary:last-child {
  64   padding-bottom: 0;
  65 }
  66
  67 .container .jumbotron {
  68   background: none;
  69   padding: 0 2em 0 0;
  70   box-shadow: none;
  71   color: black;
  72 }
  73   .jumbotron .mkws-summary {
  74     line-height: 1.5;
  75   }
  76   .jumbotron p{
  77     font-size: 150%;
  78   }
  79   .mkws-credit {
  80     font-size: 125% !important;
  81     font-style: italic;
  82   }
  83
  84 .mkws-google-image .mkws-summary {
  85   padding: 0;
  86   font-weight: 400;
  87 }
  88   .mkws-google-image img {
  89     max-width: 100%;
  90     max-height: 180px;
  91     padding: 1em 0 .5em;
  92   }
  93 .list-group-item {
  94   padding: 10px 15px !important;
  95 }
  96 .list-group {
  97   box-shadow: none;
  98   -webkit-box-shadow: none;
  99 }
 100
 101 /* Fields */
 102 .mkws-field-thumb {
 103   height: 60px;
 104   width: 80px;
 105   overflow: hidden;
 106   margin-right: 1em;
 107   float: left;
 108 }
 109 .mkws-field-thumb > img {
 110   height: 60px;
 111   max-width: 80px;
 112 }
 113 .mkws-field-description {
 114   overflow: hidden;
 115   text-overflow: ellipsis;
 116   white-space: nowrap;
 117 }
 118
 119 @media screen and (min-width:700px) {
 120   .multicol {
 121     column-count: 2;
 122     column-gap: 20px;
 123     -moz-column-count: 2;
 124     -moz-column-gap: 20px;
 125     -webkit-column-count: 2;
 126     -webkit-column-gap: 20px;
 127   }
 128 }
 129 @media screen and (min-width:900px) {
 130   .multicol {
 131     column-count: 3;
 132     column-gap: 20px;
 133     -moz-column-count: 3;
 134     -moz-column-gap: 20px;
 135     -webkit-column-count: 3;
 136     -webkit-column-gap: 20px;
 137   }
 138 }