Projet

Général

Profil

Paste
Télécharger (2,14 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / corolla / css / responsive.smartphone.portrait.css @ 87dbc3bf

1
/**
2
 * Smalltouch / Smartphone portrait
3
 */
4

    
5
#admin-menu-wrapper {display: none;}
6

    
7
#branding {
8
  padding: 10px 0 10px;
9
}
10

    
11
.region-header {
12
  padding: 0 0 10px;
13
}
14

    
15
#branding,
16
.region-header {
17
  float: none;
18
  margin: auto;
19
  text-align: center;
20
  display: table;
21
}
22

    
23
#logo,
24
#site-name,
25
#site-slogan {
26
  display: block;
27
  float: none;
28
  margin-left: 0;
29
  margin-right: 0;
30
  padding: 0;
31
}
32

    
33
#site-name {
34
  font-size: 3em;
35
}
36

    
37
.content-style {
38
  padding: 10px;
39
}
40

    
41
#secondary-content-wrapper,
42
#top-panels-wrapper,
43
#content-wrapper,
44
#footer-panels-wrapper,
45
#tertiary-content-wrapper {
46
  margin-bottom: 10px;
47
}
48

    
49
.region-secondary-content .block {
50
  margin-bottom: 0;
51
  font-size: 1em;
52
}
53

    
54
/* Menu bar */
55
#menu-bar .block > ul > li {
56
  margin: 0 1px 1px 0;
57
}
58

    
59
#menu-bar-wrapper .nav .block-menu li a,
60
#menu-bar-wrapper #menu-bar li.sf-depth-1,
61
#menu-bar-wrapper #menu-bar li.sf-depth-1 > a,
62
#menu-bar-wrapper .region-header .block-content > ul > li > a {
63
  border-radius: 6px 6px 6px 0;
64
}
65

    
66
.at-mt #menu-bar .block.at-menu-toggle.block,
67
.at-mt #menu-bar .block.at-menu-toggle ul li,
68
.at-mt #menu-bar .block.at-menu-toggle ul {
69
  float: none;
70
}
71

    
72
.at-mt #menu-bar-wrapper .container,
73
.at-mt #menu-bar .block-menu.at-menu-toggle.block {
74
  overflow-x: hidden;
75
  -moz-box-sizing: border-box;
76
  -webkit-box-sizing: border-box;
77
  box-sizing: border-box;
78
}
79

    
80
.at-mt #menu-bar-wrapper .at-menu-toggle-button-link {
81
  padding: 3px 15px;
82
}
83

    
84
/* Header region */
85
.region-header .block {
86
  overflow: hidden;
87
}
88

    
89
.region-header .block ul li {
90
  display: block;
91
  text-align: center;
92
  float: none;
93
}
94

    
95
.region-header .block ul li a {
96
  -moz-border-radius: 0 !important;
97
  -webkit-border-radius: 0 !important;
98
  border-radius: 0 !important;
99
}
100

    
101

    
102
.at-mt .region-header .block.at-menu-toggle.block,
103
.at-mt .region-header .block.at-menu-toggle ul li,
104
.at-mt .region-header .block.at-menu-toggle ul {
105
  float: none;
106
}
107

    
108
.node-title {
109
  font-size: 1.5em;
110
}
111

    
112
#tasks {
113
  margin: 10px 10px 2px;
114
}
115

    
116
ul.primary {
117
  white-space: normal;
118
  border: 0;
119
}
120

    
121
ul.primary li a {
122
  border-radius: 6px;
123
  line-height: 2em;
124
  padding: 0 10px;
125
  white-space: nowrap;
126
  border: 0 !important;
127
  display: block;
128
  float: left;
129
  margin: 0 5px 5px 0;
130
}