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