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   padding: .5em 0;
  54   line-height: 1.35;
  55 }
  56 .mkws-summary:last-child {
  57   padding-bottom: 0;
  58 }
  59
  60 .container .jumbotron {
  61   background: none;
  62   padding: 0 2em 0 0;
  63   box-shadow: none;
  64   color: black;
  65 }
  66   .jumbotron .mkws-summary {
  67     line-height: 1.5;
  68   }
  69   .jumbotron p{
  70     font-size: 150%;
  71   }
  72   .mkws-credit {
  73     font-size: 125% !important;
  74     font-style: italic;
  75   }
  76
  77 .mkws-googleimage .mkws-summary {
  78   padding: 0;
  79   font-weight: 400;
  80 }
  81   .mkws-googleimage img {
  82     max-width: 100%;
  83     max-height: 200px;
  84     padding: 1em 0 .5em;
  85   }
  86 .list-group-item {
  87   padding: 10px 15px !important;
  88 }
  89 .list-group {
  90   box-shadow: none;
  91   -webkit-box-shadow: none;
  92 }
  93 @media screen and (min-width:700px) {
  94   .multicol {
  95     column-count: 2;
  96     column-gap: 20px;
  97     -moz-column-count: 2;
  98     -moz-column-gap: 20px;
  99     -webkit-column-count: 2;
 100     -webkit-column-gap: 20px;
 101   }
 102 }