fix border h1
[ryf-theme.git] / css / style.css
CommitLineData
1e7a45c4
VSB
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
6body { margin: 0; }
7
b4ed810a
VSB
8a { transition: 0.3s; }
9
1e7a45c4
VSB
10.navbar-default {
11 background: #000;
12 color: #FFF;
13 border: none;
14 border-radius: 0px;
15 box-sizing: content-box;
16 display: flex;
17 flex-direction: column-reverse;
18 align-items: center;
19 margin-bottom: 100px;
20 min-height: 100px;
21}
22
23.navbar-header, #navbar-collapse {
1e7a45c4
VSB
24 width: 95%;
25 max-width: 1150px;
26 padding: 0;
27 margin: 0 auto;
bfc9c2d3
VSB
28 border: none;
29 overflow: hidden;
1e7a45c4
VSB
30}
31
bfc9c2d3
VSB
32.navbar-default .navbar-toggle { z-index: 999; }
33
1e7a45c4
VSB
34.navbar-header {
35 position: absolute;
36 top: 5px;
37}
38
ccc0e97e
VSB
39.navbar-brand { text-indent: -1000px; }
40
41#block-ryf-main-menu .navbar-nav { margin-left: 180px; }
42
b4ed810a
VSB
43.navbar-default .navbar-nav > .active > a:hover,
44.navbar-default .navbar-nav>li>a {
45 color: #FFF;
46 border-bottom: 2px solid transparent;
47}
48
49.navbar-default .navbar-nav > .active > a:hover,
50.navbar-default .navbar-nav > .active > a,
51.navbar-default .navbar-nav>li>a:hover {
52 color: #edd400;
53 border-bottom: 2px solid #edd400;
54 padding-bottom: 5px;
55 background: #000;
56 margin-bottom: 5px;
57}
58
59#block-bootstrap-main-menu {
60 margin-left: 200px;
61 width: 100%;
62}
1e7a45c4 63
cafdcde8 64.page-header {
357e6db1 65 border-bottom: 2px solid #000;
cafdcde8
VSB
66 font-size: 2em;
67}
68
2cbded31
VSB
69.region-header .search-block-form {
70 width: 300px;
71 float: right;
72}
73
16670121 74/* RYF List */
b4ed810a 75
16670121
VSB
76.ryf-list {
77 float: left;
78 margin: 0;
79 padding: 0.5em;
80 position:relative;
81 list-style: none;
82}
b4ed810a 83
16670121
VSB
84.ryf-list article {
85 border: 1px solid #ececec;
86 border-radius: 5px;
87 padding: 1em;
88 box-shadow: 2px 2px 5px #ddd;
89 transition: 0.3s;
90}
1e7a45c4 91
16670121
VSB
92.ryf-list article:hover {
93 box-shadow: 0px 0px 5px #aaa;
b4ed810a 94}
1e7a45c4 95
16670121
VSB
96.ryf-list .field--type-image {
97 width: 100%;
98 background: #fff;
99 border-radius: 10px;
100 display: flex;
101 justify-content: center;
1e7a45c4 102}
b4ed810a 103
16670121
VSB
104.ryf-list img {
105 max-width: 150px;
b4ed810a 106 min-height: 150px;
16670121
VSB
107 overflow: hidden;
108}
109
110.ryf-list img:hover {
111 border-radius: 0;
ccc0e97e 112}
b4ed810a 113
ccc0e97e 114.ryf-list h2 {
b4ed810a
VSB
115 text-align: left;
116 font-size: 1.5em;
117 font-weight: 500;
118 line-height: 1.2em;
16670121
VSB
119 margin: 0;
120 padding: 0;
121 padding-bottom: 1em;
b4ed810a
VSB
122}
123
124.ryf-list a {
125 color: #118991;
126 text-decoration: none;
127}
128
129.ryf-list a:hover {
130 color: #000;
131}
1e7a45c4 132
ccc0e97e
VSB
133.ryf-list .node-readmore,
134.ryf-list .tags,
135.ryf-list .supplier {
b4ed810a
VSB
136 width: 100%;
137 float: left;
138 font-size: 0.9em;
139 border-top: 1px solid #ccc4c4;
140 margin-top: 5px;
141 padding-top: 5px;
142 color: #afadad;
143}
16670121
VSB
144
145.ryf-list .node-readmore {
146 text-align: right;
147}
148
149
150/* Footer */
151
152.footer {
153 background: #333;
154 color: #FFF;
155}
156
157.footer a { color: #edd400; }
158
159.footer a:hover { color: #FFF; }
160
161.footer h4 { font-weight: bold; }
162
163.footer .copyright { font-size: 0.9em; text-align: center; width: 80%; margin-top: 1em; border-top: 1px solid #111; padding: 1em; }
164