Subversion-Projekte lars-tiefland.shop_ns

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
4 lars 1 
#socialshareprivacy {
2 
    margin:0 0 0 17px;
3 
}
4 
.social_share_privacy_area {
5 
    clear: both;
6 
    margin: 20px 0 !important;
7 
	list-style-type: none;
8 
	padding: 0 !important;
9 
	width: auto;
10 
	height: 25px;
11 
	display: block;
12 
}
13 
.social_share_privacy_area li {
14 
	margin: 0 !important;
15 
	padding: 0 !important;
16 
	height: 21px;
17 
	float: left;
18 
}
19 
.social_share_privacy_area li .dummy_btn {
20 
    float: left;
21 
    margin: 0 0 0 10px;
22 
    cursor: pointer;
23 
    padding: 0;
24 
    height: inherit;
25 
}
26 
.social_share_privacy_area li div iframe {
27 
    overflow: hidden;
28 
    height: inherit;
29 
    width: inherit;
30 
}
31 
/* Facebook begin */
32 
.social_share_privacy_area .facebook {
33 
    width: 180px;
34 
    display: inline-block;
35 
}
36 
.social_share_privacy_area .facebook .fb_like iframe {
37 
    width: 145px;
38 
}
39 
/* Facebook end */
40 
/* Twitter begin */
41 
.social_share_privacy_area .twitter {
42 
	width: 148px;
43 
}
44 
.social_share_privacy_area li div.tweet {
45 
	width: 115px;
46 
}
47 
/* Twitter end */
48 
/* Google+ begin */
49 
.social_share_privacy_area .gplus {
50 
	width: 123px;
51 
}
52 
.social_share_privacy_area li div.gplusone {
53 
	width: 90px;
54 
}
55 
/* Google+ end */
56 
/* Switch begin */
57 
.social_share_privacy_area li .switch {
58 
    display: inline-block;
59 
    text-indent: -9999em;
60 
    background: transparent url(images/socialshareprivacy_on_off.png) no-repeat 0 0 scroll;
61 
    width: 23px;
62 
    height: 12px;
63 
    overflow: hidden;
64 
    float: left;
65 
    margin: 4px 0 0;
66 
    padding: 0;
67 
    cursor: pointer;
68 
}
69 
.social_share_privacy_area li .switch.on {
70 
    background-position: 0 -12px;
71 
}
72 
/* Switch end */
73 
/* Tooltips begin */
74 
.social_share_privacy_area li.help_info {
75 
    position: relative;
76 
}
77 
.social_share_privacy_area li.help_info .info,
78 
.social_share_privacy_area li .help_info.icon .info {
79 
    display: none;
80 
    position: absolute;
81 
    bottom: 40px;
82 
    left: 0;
83 
    width: 290px;
84 
    padding: 10px 15px;
85 
    margin: 0;
86 
    font-size: 12px;
87 
    line-height: 16px;
88 
    font-weight: bold;
89 
    border: 1px solid #ccc;
90 
    -moz-border-radius: 4px;
91 
    -webkit-border-radius: 4px;
92 
    border-radius: 4px;
93 
    -moz-box-shadow: 0 3px 4px #999;
94 
    -webkit-box-shadow: 0 3px 4px #999;
95 
    box-shadow: 0 3px 4px #999;
96 
    background-color: #fdfbec;
97 
    color: #000;
98 
    z-index: 500;
99 
}
100 
.social_share_privacy_area li.gplus.help_info .info {
101 
    left: -60px;
102 
}
103 
.social_share_privacy_area li .help_info.icon .info {
104 
    left: -243px;
105 
    width: 350px;
106 
}
107 
.social_share_privacy_area li.help_info.display .info,
108 
.social_share_privacy_area li .help_info.icon.display .info {
109 
    display: block;
110 
}
111 
.social_share_privacy_area li.help_info.info_off.display .info {
112 
    display: none;
113 
}
114 
.social_share_privacy_area li .help_info.icon {
115 
    background: #fff url(images/socialshareprivacy_info.png) no-repeat center center scroll;
116 
    width: 25px;
117 
    height: 20px;
118 
    position: relative;
119 
    display: inline-block;
120 
	vertical-align: top;
121 
	border: 2px solid #e7e3e3;
122 
	border-right-width: 0;
123 
	-moz-border-radius: 5px 0 0 5px;
124 
	-webkit-border-radius: 5px 0 0 5px;
125 
	border-radius: 5px 0 0 5px;
126 
    margin: 0;
127 
    padding: 0;
128 
}
129 
.social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon {
130 
	border-top-width: 0;
131 
	border-left-width: 0;
132 
}
133 
.social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon {
134 
	border-right-width: 2px;
135 
	-moz-border-radius: 5px;
136 
	-webkit-border-radius: 5px;
137 
	border-radius: 5px;
138 
}
139 
/* Tooltips end */
140 
/* Settings/Info begin */
141 
.social_share_privacy_area li.settings_info {
142 
	position: relative;
143 
	top: -2px;
144 
}
145 
.social_share_privacy_area li.settings_info a {
146 
	text-decoration: none;
147 
	margin: 0 !important;
148 
}
149 
.social_share_privacy_area li.settings_info .settings_info_menu {
150 
    background-color: #f3f4f5;
151 
    border: 2px solid #e7e3e3;
152 
	-moz-border-radius: 5px;
153 
	-webkit-border-radius: 5px;
154 
    border-radius: 5px;
155 
	-moz-box-shadow: 2px 2px 3px #c1c1c1;
156 
	-webkit-box-shadow: 2px 2px 3px #c1c1c1;
157 
    box-shadow: 3px 3px 3px #c1c1c1;
158 
    left: 0;
159 
    position: absolute;
160 
    top: 0;
161 
    width: 135px;
162 
    z-index: 1000;
163 
    margin: 0;
164 
    padding: 0;
165 
}
166 
.social_share_privacy_area li.settings_info .settings_info_menu.off {
167 
	border-width: 0;
168 
	-moz-box-shadow: none;
169 
	-webkit-box-shadow: none;
170 
	box-shadow: none;
171 
	background-color: transparent;
172 
}
173 
.social_share_privacy_area li.settings_info .settings_info_menu.off form {
174 
	display: none;
175 
	margin: 0;
176 
	padding: 0;
177 
}
178 
.social_share_privacy_area li.settings_info .settings_info_menu .settings {
179 
	text-indent: -9999em;
180 
	display: inline-block;
181 
	background: #fff url(images/settings.png) no-repeat center center scroll;
182 
	width: 25px;
183 
	height: 20px;
184 
	border: 2px solid #e7e3e3;
185 
	-moz-border-radius: 0 5px 5px 0;
186 
	-webkit-border-radius: 0 5px 5px 0;
187 
	border-radius: 0 5px 5px 0;
188 
	border-left: 1px solid #ddd;
189 
	margin: 0;
190 
	padding: 0;
191 
}
192 
.social_share_privacy_area li.settings_info .settings_info_menu.on .settings {
193 
	border-top-width: 0;
194 
}
195 
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
196 
    border-width: 0;
197 
    margin: 0;
198 
    padding: 0 10px 10px;
199 
}
200 
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
201 
    font-size: 11px;
202 
    font-weight: bold;
203 
    line-height: 14px;
204 
    margin: 0;
205 
    padding: 10px 0;
206 
	width: 115px;
207 
}
208 
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
209 
	clear: both;
210 
    float: left;
211 
    margin: 4px 10px 4px 0;
212 
    padding: 0;
213 
}
214 
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
215 
    display: inline-block;
216 
    float: left;
217 
    font-size: 12px;
218 
    font-weight: bold;
219 
    line-height: 24px;
220 
	-moz-transition: color .5s ease-in;
221 
	-webkit-transition: color .5s ease-in;
222 
	transition: color .5s ease-in;
223 
	margin: 0;
224 
	padding: 0;
225 
}
226 
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
227 
	color: #090;
228 
}
229 
/* Settings/Info end */