New custom.css, removes coloured backgrounds.
[mkws-moved-to-github.git] / 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-google-image .mkws-summary {
78   padding: 0;
79   font-weight: 400;
80 }
81   .mkws-google-image 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 }