fixing itens menu on mobile
[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
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 {
1e7a45c4
VSB
22 width: 95%;
23 max-width: 1150px;
24 padding: 0;
25 margin: 0 auto;
bfc9c2d3
VSB
26 border: none;
27 overflow: hidden;
1e7a45c4
VSB
28}
29
bfc9c2d3
VSB
30.navbar-default .navbar-toggle { z-index: 999; }
31
1e7a45c4
VSB
32.navbar-header {
33 position: absolute;
34 top: 5px;
35}
36
37.navbar-default .navbar-nav>li>a { color: #FFF; }
38.navbar-default .navbar-nav>li>a:hover { color: #777 }
39
40#block-bootstrap-main-menu { margin-left: 200px; width: 100%; }
41
42footer { background: #333; color: #FFF; }
43footer a { color: #edd400; }
44footer a:hover { color: #FFF; }
45footer h4 { font-weight: bold; }
46footer .copyright { font-size: 0.9em; text-align: center; width: 80%; margin-top: 1em; border-top: 1px solid #111; padding: 1em; }
47
48
49.ryf-list img{max-width:100%;}
50
51.ryf-list {
52 width: 100%;
53 padding: 10px;
54 border: 1px solid #f5efef;
55 float: left;
56 margin: 15px 0;
57 border-radius: 5px;
58 box-shadow: 2px 3px 0px #e4d8d8;
59 position:relative;
60 overflow:hidden;
61}
62.ryf-list h3{
63 text-align: left;
64 color: #118991;
65 font-size: 1.5em;
66 font-weight: 500;
67 line-height: 1.2em;
68 margin: 0px;
69 padding: 0px;
70 border-bottom: 1px solid #ccc4c4;
71 margin-bottom: 5px;
72 padding-bottom: 5px;
73 }
74
75.ryf-list .tags, .ryf-list .supplier {
76 width: 100%;
77 float: left;
78 font-size: 0.9em;
79 border-top: 1px solid #ccc4c4;
80 margin-top: 5px;
81 padding-top: 5px;
82 color: #afadad;
83 }
84