98323cb7f9d9c9a529b03bda4d4a7da1742ca3f6
[ryf-theme.git] / css / style.css
1 /**
2 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
3 * your custom CSS modifications here.
4 */
5
6 body { margin: 0; }
7
8 .navbar-default {
9 background: #000;
10 color: #FFF;
11 border: none;
12 border-radius: 0px;
13 box-sizing: content-box;
14 display: flex;
15 flex-direction: column-reverse;
16 align-items: center;
17 margin-bottom: 100px;
18 min-height: 100px;
19 }
20
21 .navbar-header, #navbar-collapse {
22 width: 95%;
23 max-width: 1150px;
24 padding: 0;
25 margin: 0 auto;
26 border: none;
27 overflow: hidden;
28 }
29
30 .navbar-default .navbar-toggle { z-index: 999; }
31
32 .navbar-header {
33 position: absolute;
34 top: 5px;
35 }
36
37 .navbar-brand { text-indent: -1000px; }
38
39 #block-ryf-main-menu .navbar-nav { margin-left: 180px; }
40
41 .navbar-default .navbar-nav>li>a { color: #FFF; }
42 .navbar-default .navbar-nav>li>a:hover { color: #777 }
43
44 #block-bootstrap-main-menu { margin-left: 200px; width: 100%; }
45
46 .footer { background: #333; color: #FFF; }
47 .footer a { color: #edd400; }
48 .footer a:hover { color: #FFF; }
49 .footer h4 { font-weight: bold; }
50 .footer .copyright { font-size: 0.9em; text-align: center; width: 80%; margin-top: 1em; border-top: 1px solid #111; padding: 1em; }
51
52 .ryf-list img{max-width:100%;}
53
54 .ryf-list {
55 padding: 10px;
56 border: 1px solid #f5efef;
57 float: left;
58 margin: 5px 0;
59 border-radius: 5px;
60 box-shadow: 2px 3px 0px #e4d8d8;
61 position:relative;
62 overflow:hidden;
63 }
64 .ryf-list .field {
65 min-height: 150px;
66 }
67 .ryf-list h2 {
68 text-align: left;
69 color: #118991;
70 font-size: 1.5em;
71 font-weight: 500;
72 line-height: 1.2em;
73 margin: 0px;
74 padding: 0px;
75 border-bottom: 1px solid #ccc4c4;
76 margin-bottom: 5px;
77 padding-bottom: 5px;
78 }
79
80 .ryf-list .node-readmore,
81 .ryf-list .tags,
82 .ryf-list .supplier {
83 width: 100%;
84 float: left;
85 font-size: 0.9em;
86 border-top: 1px solid #ccc4c4;
87 margin-top: 5px;
88 padding-top: 5px;
89 color: #afadad;
90 }
91