fixing itens menu on mobile
[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-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
42 footer { background: #333; color: #FFF; }
43 footer a { color: #edd400; }
44 footer a:hover { color: #FFF; }
45 footer h4 { font-weight: bold; }
46 footer .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