-51 Removals
+59 Additions

Created by:phpboost

1/*
2* Surchargez ce fichier dans votre thème pour personnaliser le module
3* https://www.phpboost.com/wiki/structure-d-un-theme#paragraph-le-repertoire-modules
4*/
5
6input#login {
7 cursor: help;
8}
9
1/* -- Connected & not-connected --*/ 10/* -- Connected & not-connected --*/
2#module-connect .horizontal-fieldset { 11#module-connect .horizontal-fieldset {
3 margin: 0; 12 margin: 0;
4} 13}
5 14
6#sub-header #module-connect { 15#module-connect .horizontal-fieldset label {
7 min-height: 35px; 16 padding: 0;
8} 17}
9 18
10#sub-header #module-connect .connect-contents { 19#module-connect .horizontal-fieldset button {
11 padding-top: 3px; 20 margin: 0.309em;
12} 21}
13 22
14.connect-register a > i, 23.connect-register a > i,
15.connect-element a > i, 24.connect-element a > i,
16.forget-pass-container a > i { 25.forget-pass-container a > i {
17 vertical-align: 0; 26 vertical-align: 0;
18} 27}
19 28
20#module-connect a > span { 29#module-connect a > span {
21 margin: 0 0 0 5px; 30 margin: 0 0 0 0.309em;
22} 31}
23 32
24.js-menu-button { 33.js-menu-button {
25 display: none; 34 display: inline-block;
35 padding: 0.309em 0.809em;
26} 36}
27 37
28@media (max-width: 768px) { 38.js-menu-button span {
39 padding: 0 0 0 0.456em;
40}
41
42@media (min-width: 768px) {
29 .js-menu-button { 43 .js-menu-button {
30 display: inline-block; 44 display: none;
31 padding: 5px 10px 5px 12px;
32 }
33
34 .js-menu-button span {
35 padding: 0 0 0 7px;
36 } 45 }
37} 46}
38 47
39/* -- not-connected --*/ 48/* -- not-connected --*/
40.connect-register-container form { 49@media (min-width: 469px) {
41 display: inline-block; 50 .connect-register-container form {
42} 51 display: inline-block;
43 52 }
44.connect-register a.fb {
45 padding: 6px 0 0 4px;
46}
47
48a.social-connect {
49 margin: -2px 0;
50 vertical-align: middle;
51} 53}
52 54
53@media (max-width: 768px) { 55@media (max-width: 768px) {
54 .connect-input-container label, 56 .connect-input-container label,
55 .connect-input-container label > span, 57 .connect-input-container label > span,
56 .connect-input-container button { 58 .connect-input-container button {
57 display: block; 59 display: block;
58 } 60 }
59 61
60 .connect-register-container { 62 .connect-register-container {
61 margin: 0.5em 0.6em 0.5em 0.6em; 63 margin: 0 0 0.618em 0;
62 } 64 }
63 65
64 .forget-pass-container { 66 .forget-pass-container {
65 margin: 0 0.6em 0.5em 0.6em; 67 margin: 0 0.6em 0.5em 0.6em;
66 } 68 }
67 69
68 .connect-input-container button { 70 .connect-input-container button {
69 margin: 5px 0 0 0; 71 margin: 0.309em 0 0 0;
70 } 72 }
71 73
72 .active.not-connected.horizontal .connect-containers { 74 .active-connect.not-connected.horizontal .connect-containers {
73 height: 300px; 75 height: 320px;
74 } 76 }
75 77
76 .module-mini-contents.connect-contents, 78 .module-mini-contents.connect-contents,
77 .connect-contents label, 79 .connect-contents label,
78 .connect-contents button { 80 .connect-contents button {
79 text-align: center; 81 text-align: center;
80 margin: 0 0 5px 0;
81 } 82 }
82 83
83 .connect-contents button { 84 .connect-contents button {
84 display: inline-block; 85 display: inline-block;
85 margin: 10px 0 10px 0;
86 } 86 }
87} 87}
88 88
89@media (min-width: 769px) { 89@media (min-width: 769px) {
90 .connect-input-container, 90 .connect-input-container,
91 .connect-register-container, 91 .connect-register-container,
92 .forget-pass-container { 92 .forget-pass-container {
93 display: inline-block; 93 display: inline-block;
94 } 94 }
95 95
96 .horizontal-fieldset.connect-input-container label > span { 96 .horizontal-fieldset.connect-input-container label > span {
97 display: none; 97 display: none;
98 } 98 }
99 99
100 .vertical-fieldset form label { 100 .vertical-fieldset form label {
101 margin-bottom: 10px; 101 margin-bottom: 0.618em;
102 } 102 }
103 103
104 .module-mini-contents .connect-register-container a { 104 .module-mini-contents .connect-register-container a {
105 display: inline-block; 105 display: inline-block;
106 } 106 }
107 .module-mini-contents .connect-register { 107 .module-mini-contents .connect-register {
108 padding: 5px 0 0 0; 108 padding: 0.309em 0 0 0;
109 } 109 }
110 110
111 .module-mini-contents .forget-pass-container { 111 .module-mini-contents .forget-pass-container {
112 display: block; 112 display: block;
113 margin: 10px; 113 margin: 0.618em;
114 } 114 }
115 115
116 .connect-register a.fb { 116 .connect-register a.facebook {
117 padding: 7px 0 0 4px; 117 padding: 0.456em 0 0 0.228em;
118 } 118 }
119 119
120} 120}
121 121
122/* -- connected -- */ 122/* -- connected -- */
123.connect-elements-container { 123.connect-elements-container {
124 margin: 0; 124 margin: 0;
125 padding: 0; 125 padding: 0;
126} 126}
127 127
128.module-mini-contents.connect-contents .connect-elements-container {
129 text-align: left;
130 display: table;
131 margin: auto;
132}
133
134@media (min-width: 769px) {
135 .module-mini-contents.connect-contents .connect-elements-container {
136 margin: 0;
137 }
138}
139
128.connect-element { 140.connect-element {
129 list-style-type: none; 141 list-style-type: none;
130} 142}
131 143
132.connect-element a { 144.connect-element a {
133 display: block; 145 display: block;
134 margin: 0 10px 0 0; 146 font-size: 1em;
135} 147}
136 148
137.horizontal .connect-element a { padding: 7px 0 7px 0; } 149.horizontal .connect-element a { padding: 0.456em 0 0.456em 0.456em; }
138.vertical .connect-element a { padding: 5px 0 5px 0; } 150.vertical .connect-element a { padding: 0.309em 0; }
139 151
140@media (min-width: 769px) { 152@media (min-width: 769px) {
141 .horizontal .connect-contents { 153 .horizontal .connect-contents {
142 text-align: center; 154 text-align: center;
143 } 155 }
144 156
145 .connected .vertical .connect-contents { 157 .connected .vertical .connect-contents {
146 text-align: left; 158 text-align: left;
147 } 159 }
148 160
149 .horizontal .connect-element { 161 .horizontal .connect-element {
150 display: inline-block; 162 display: inline-block;
151 } 163 }
152} 164}
153 165
154@media (max-width: 768px) { 166@media (max-width: 768px) {
155 .horizontal .connect-containers, 167 .horizontal .connect-containers,
156 .horizontal .connect-containers label { 168 .horizontal .connect-containers label {
157 text-align: center; 169 text-align: center;
158 } 170 }
159 171
160 .horizontal .connect-containers label { 172 .horizontal .connect-containers label {
161 display: block; 173 display: block;
162 } 174 }
163 175
164 .horizontal .connect-elements-container, 176 .horizontal .connect-elements-container,
165 .horizontal .connect-containers { 177 .horizontal .connect-containers {
166 height: 0; 178 height: 0;
167 overflow: hidden; 179 overflow: hidden;
168 transition: height 0.3s; 180 transition: height 0.3s;
169 padding: 0 0 0 12px; 181 padding: 0 0 0 0.809em;
170 } 182 }
171 183
172 .active.horizontal .connect-elements-container, 184 .active-connect.horizontal .connect-elements-container,
173 .active.horizontal .connect-containers { 185 .active-connect.horizontal .connect-containers {
174 position: relative; 186 position: relative;
175 z-index: 200; 187 z-index: 200;
176 width: 100%; 188 width: 100%;
177 transition: height 0.3s; 189 transition: height 0.3s;
178 } 190 }
179 191
180 .active.horizontal .connect-elements-container { 192 .active-connect.horizontal .connect-elements-container {
181 height: 190px; 193 height: 210px;
182 } 194 }
183 195}
184 .vertical .connect-element a {
185 padding: 9px 0 9px 0;
186 margin: 3px 0 3px 0;
187 }
188}
Editor
Original Text
Changed Text
Recommended videos