fix border h1
[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 a { transition: 0.3s; }
9
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 {
24 width: 95%;
25 max-width: 1150px;
26 padding: 0;
27 margin: 0 auto;
28 border: none;
29 overflow: hidden;
30 }
31
32 .navbar-default .navbar-toggle { z-index: 999; }
33
34 .navbar-header {
35 position: absolute;
36 top: 5px;
37 }
38
39 .navbar-brand { text-indent: -1000px; }
40
41 #block-ryf-main-menu .navbar-nav { margin-left: 180px; }
42
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 }
63
64 .page-header {
65 border-bottom: 2px solid #000;
66 font-size: 2em;
67 }
68
69 .region-header .search-block-form {
70 width: 300px;
71 float: right;
72 }
73
74 /* RYF List */
75
76 .ryf-list {
77 float: left;
78 margin: 0;
79 padding: 0.5em;
80 position:relative;
81 list-style: none;
82 }
83
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 }
91
92 .ryf-list article:hover {
93 box-shadow: 0px 0px 5px #aaa;
94 }
95
96 .ryf-list .field--type-image {
97 width: 100%;
98 background: #fff;
99 border-radius: 10px;
100 display: flex;
101 justify-content: center;
102 }
103
104 .ryf-list img {
105 max-width: 150px;
106 min-height: 150px;
107 overflow: hidden;
108 }
109
110 .ryf-list img:hover {
111 border-radius: 0;
112 }
113
114 .ryf-list h2 {
115 text-align: left;
116 font-size: 1.5em;
117 font-weight: 500;
118 line-height: 1.2em;
119 margin: 0;
120 padding: 0;
121 padding-bottom: 1em;
122 }
123
124 .ryf-list a {
125 color: #118991;
126 text-decoration: none;
127 }
128
129 .ryf-list a:hover {
130 color: #000;
131 }
132
133 .ryf-list .node-readmore,
134 .ryf-list .tags,
135 .ryf-list .supplier {
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 }
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