source: main/waeup.plonetheme.ngren2/trunk/waeup/plonetheme/ngren2/static/scss/parts/_mobile.scss @ 10074

Last change on this file since 10074 was 10074, checked in by Henrik Bettermann, 11 years ago

Fill trunc.

File size: 2.1 KB
Line 
1/* ==========================================================================
2     Mobile styles
3     ========================================================================== */
4div.row {
5  float: none;
6  width: auto;
7  }
8div.cell {
9  float: none;
10  left: auto;
11  margin: 0 !important;
12  width: auto !important;
13  }
14#portal-top {
15  min-width: 0;
16  }
17#portal-header {
18  padding-left: 10px;
19  padding-right: 10px;
20}
21#portal-header-wrapper,
22#portal-columns-wrapper,
23#portal-bottom {
24  margin: 0;
25  width: auto;
26}
27#portal-personaltools {
28  float: left;
29  margin: 0;
30  padding: 0;
31}
32#portal-searchbox {
33  clear: none;
34  margin: 7px 0 15px;
35  position: relative;
36  z-index: 4;
37}
38#theme-globalnav {
39  clear: both;
40  margin: 0 0 15px;
41}
42#theme-globalnav > li > a {
43  margin-right: 10px;
44  padding: 0;
45}
46#theme-globalnav > li:hover > .hasChildrens {
47  background: none;
48}
49#theme-globalnav ul {
50  display: none !important;
51}
52#theme-globalnav.mobileMenuOn {
53  display:none;
54}
55#portal-globalnav-mobile {
56  display:block;
57  margin: 0 0 15px;
58}
59#portal-logo {
60  margin: 0 0 15px;
61  max-width: 100%;
62}
63#portal-logo img {
64  max-width: 100%;
65}
66#slogan {
67  max-width: none;
68}
69#portal-path {
70  margin: 0 10px;
71  width: auto;
72}
73#portal-column-content,
74#portal-column-one,
75#portal-column-two {
76  padding: 0 10px !important;
77}
78#portal-footer,
79#portal-colophon {
80  padding-left: 10px;
81}
82.carousel-banners,
83.carousel-slider,
84.carousel-banner {
85  max-width: 100%;
86  }
87.carousel-image img {
88  height: auto;
89  width: auto;
90  }
91#top-carousel .carousel-text {
92  bottom: 0;
93  height: 33px;
94  left: 10px;
95  overflow: hidden;
96  padding: 0;
97  top: auto;
98  right: 45px;
99}
100#top-carousel .carousel-title {
101  display: block;
102  overflow: hidden;
103  text-overflow: ellipsis;
104  white-space: nowrap;
105}
106#top-carousel .carousel-body {
107  display: none;
108}
109#top-carousel .carousel-pager {
110  left: auto;
111  right: 0;
112}
113#portlets-in-header,
114#portlets-footer {
115  margin: 0 10px;
116}
117#dashboard-portlets1,
118#dashboard-portlets2,
119#dashboard-portlets3,
120#dashboard-portlets4 {
121  margin-right:0;
122  width:100%;
123  }
Note: See TracBrowser for help on using the repository browser.