]> git.mxchange.org Git - friendica.git/blob - view/theme/diabook/diabook-pink/style.css
Diabook pink
[friendica.git] / view / theme / diabook / diabook-pink / style.css
1 @import url('../diabook/style.css');
2
3 /* Why are these paths so long?  They should probably become ../icons/ in the next revision */
4
5 .icon.bb-url{
6   background-image: url("../../../view/theme/diabook/diabook-pink/icons/bb-url.png");}
7 .icon.quote{
8   background-image: url("../../../view/theme/diabook/diabook-pink/icons/quote.png");}
9 .icon.bold{
10   background-image: url("../../../view/theme/diabook/diabook-pink/icons/bold.png");}
11 .icon.underline{
12   background-image: url("../../../view/theme/diabook/diabook-pink/icons/underline.png");}
13 .icon.italic{
14   background-image: url("../../../view/theme/diabook/diabook-pink/icons/italic.png");}
15 .icon.bb-image{
16   background-image: url("../../../view/theme/diabook/diabook-pink/icons/bb-image.png");}
17 .icon.bb-video{
18   background-image: url("../../../view/theme/diabook/diabook-pink/icons/bb-video.png");}
19  .icon.contacts {
20   background-image: url("../../../view/theme/diabook/diabook-pink/icons/contacts.png");}
21 .icon.notifications {
22   background-image: url("../../../view/theme/diabook/diabook-pink/icons/notifications.png");}
23 .icon.notify {
24   background-image: url("../../../view/theme/diabook/diabook-pink/icons/notify.png");}
25 .icon.messages {
26   background-image: url("../../../view/theme/diabook/diabook-pink/icons/messages.png");}
27 .icon.community {
28   background-image: url("../../../view/theme/diabook/diabook-pink/icons/community.png");}
29   
30 .icon.drop      { background-image: url("../../../view/theme/diabook/diabook-pink/icons/drop.png");}
31 .icon.drophide  { background-image: url("../../../view/theme/diabook/diabook-pink/icons/drop.png");}
32 .icon.dislike   { background-image: url("../../../view/theme/diabook/diabook-pink/icons/dislike.png");}
33 .icon.like      { background-image: url("../../../view/theme/diabook/diabook-pink/icons/like.png");}
34 .icon.pencil    { background-image: url("../../../view/theme/diabook/diabook-pink/icons/pencil.png");}
35 .icon.recycle   { background-image: url("../../../view/theme/diabook/diabook-pink/icons/recycle.png");}
36 .icon.remote-link { background-image: url("../../../view/theme/diabook/diabook-pink/icons/remote.png");}
37 .icon.tagged    { background-image: url("../../../view/theme/diabook/diabook-pink/icons/tagged.png");}
38 .icon.file-as { background-image: url("../../../view/theme/diabook/diabook-pink/icons/file_as.png");}
39 .star-item.icon.unstarred { background-image: url("../../../view/theme/diabook/diabook-pink/icons/unstarred.png");}
40 .star-item.icon.starred { background-image: url("../../../view/theme/diabook/diabook-pink/icons/starred.png");}
41 .icon.link              { background-image: url("../../../view/theme/diabook/diabook-pink/icons/link.png");}
42 .icon.lock              { background-image: url("../../../view/theme/diabook/diabook-pink/icons/lock.png");}
43 .icon.unlock            { background-image: url("../../../view/theme/diabook/diabook-pink/icons/unlock.png");}
44 .icon.language    { background-image: url("../../../view/theme/diabook/diabook-pink/icons/language.png");}
45 .camera         { background-image: url("../../../view/theme/diabook/diabook-pink/icons/camera.png");}
46 .attach         { background-image: url("../../../view/theme/diabook/diabook-pink/icons/attach.png");}
47 .video2         { background-image: url("../../../view/theme/diabook/diabook-pink/icons/video.png"); }  
48 .video  { background-image: url("../../../view/theme/diabook/diabook-pink/icons/video.png");}
49 .audio2         { background-image: url("../../../view/theme/diabook/diabook-pink/icons/audio.png");}
50 .audio  { background-image: url("../../../view/theme/diabook/diabook-pink/icons/audio.png");}
51 .weblink        { background-image: url("../../../view/theme/diabook/diabook-pink/icons/weblink.png");}
52 .globe  { background-image: url("../../../view/theme/diabook/diabook-pink/icons/globe.png");}
53 .unglobe        { background-image: url("../../../view/theme/diabook/diabook-pink/icons/unglobe.png");}
54 .edit    {background-image: url("../../../view/theme/diabook/diabook-pink/icons/pencil2.png");}
55 .icon.block   {background-image: url("../../../view/theme/diabook/icons/block.png");}
56 .icon.block.dim  {background-image: url("../../../view/theme/diabook/icons/block.png");}
57 .icon.ad_drop   { background-image: url("../../../view/theme/diabook/icons/drop.png");}                   
58 .icon.on             { background-image: url("../../../view/theme/diabook/diabook-pink/icons/toogle_on.png"); background-repeat: no-repeat;}
59 .icon.off            { background-image: url("../../../view/theme/diabook/diabook-pink/icons/toogle_off.png"); background-repeat: no-repeat;}
60 .icon.prev           { background-image: url("../../../view/theme/diabook/diabook-pink/icons/prev.png"); background-repeat: no-repeat;}
61 .icon.next           { background-image: url("../../../view/theme/diabook/diabook-pink/icons/next.png"); background-repeat: no-repeat;}
62 icon.border.camera{background-image: url("../../../view/theme/diabook/diabook-pink/icons/camera.png");}
63 .icon.border.link{background-image: url("../../../view/theme/diabook/diabook-pink/icons/weblink.png");}
64 av #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{
65         background-image: url("../../../view/theme/diabook/diabook-pink/icons/messages.png");}
66 .on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{
67         background-image: url("../../../view/theme/diabook/diabook-pink/icons/notify.png");}
68 nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{background-image: url("../../../view/theme/diabook/diabook-pink/icons/contacts.png");}
69
70 .menu-profile-icon.home{
71         background: url("../../../view/theme/diabook/diabook-pink/icons/home.png") no-repeat;}
72 .menu-profile-icon.photos{
73         background: url("../../../view/theme/diabook/diabook-pink/icons/mess_side.png") no-repeat;}
74 .menu-profile-icon.events{
75         background: url("../../../view/theme/diabook/diabook-pink/icons/events.png") no-repeat;}
76 .menu-profile-icon.notes{
77         background: url("../../../view/theme/diabook/diabook-pink/icons/notes.png") no-repeat;}
78 .menu-profile-icon.foren{
79         background: url("../../../view/theme/diabook/diabook-pink/icons/pubgroups.png") no-repeat;}
80 .menu-profile-icon.com_side{
81         background: url("../../../view/theme/diabook/diabook-pink/icons/com_side.png") no-repeat;}
82 .menu-profile-icon.pscontacts{
83         background: url("../../../view/theme/diabook/diabook-pink/icons/pscontacts.png") no-repeat;}
84
85
86
87
88 a {color: #333333;}
89
90 /*bug?  This is probably supposed to be green, but we'll keep the original for now and fix later if it is wrong. */
91
92 #fileas-sidebar .tool:hover  {background: #aliceBlue;}
93
94 /* header */
95 header {
96   background: #ffc1ca;
97   background-color: #ffc1ca;
98   border-bottom: 1px;
99   border-bottom-color: black;
100   border-bottom-style: inset;
101 }
102
103 header #banner a,
104 header #banner a:active,
105 header #banner a:visited,
106 header #banner a:link,
107 header #banner a:hover {
108   color: #1f1f1f;
109   font-weight: bolder;
110 }
111
112 header #banner #logo-text {
113  font-size: 20px!important;position: relative!important;top: -4px!important;
114 }
115
116 /* messages */
117 #message-new {
118   background: #d02b55;
119   border: 1px solid #333;
120 }
121
122 /* nav */
123 nav { background: #ffc1ca;
124   color: #1f1f1f;
125  border-bottom: 1px;
126   border-bottom-color: black;
127   border-bottom-style: inset;
128 }
129
130 nav a,
131 nav a:active,
132 nav a:visited,
133 nav a:link,
134 nav a:hover {
135   color: #1f1f1f;
136 }
137
138 nav .nav-menu-icon:hover {
139   position: relative;
140   height: 22px;
141   padding: 5px;
142   margin: 0px 5px;
143   -moz-border-radius: 5px 5px 0 0;
144   -webkit-border-radius: 5px 5px 0 0;
145   border-radius: 5px 5px 0 0;
146 }
147
148 nav .nav-notify {
149 background-color: #fff;
150   border: 1px solid black;
151 }
152
153 nav #nav-home-link, #nav-directory-link, #nav-apps-link{
154 font-size: 14px;
155 }
156
157 nav #nav-apps-link.selected {
158  background-color: #fff;
159   moz-border-radius: 5px 5px 0 0;
160 -webkit-border-radius: 5px 5px 0 0;
161 border-radius: 5px 5px 0 0;
162 }
163
164 ul.menu-popup {
165   background: #ffe9ec;}
166
167 ul.menu-popup a:hover {
168   background-color: #d02b55; 
169   color: #fff;
170 }
171
172 .menu-profile-list:hover{
173         background: #fff4f6; 
174 }
175
176 aside #likes a, a:visited, a:link {
177                 color: #d02b55;
178                 text-decoration: none;
179                 cursor: pointer;
180                 
181 }
182 aside #likes a:hover{
183         text-decoration: underline;
184         }
185
186
187
188 .group_selected {
189   background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center;
190   float: left;
191   height: 22px;
192   width: 22px;
193 }
194 .group_unselected {
195   background: url("../../../view/theme/diabook/icons/unselected.png") no-repeat left center;
196   float: left;
197   height: 22px;
198   width: 22px;
199 }
200 .icon.text_add          { 
201                 background-image: url("../../../images/icons/16/add.png");
202                 float: right;
203                 opacity: 0.2;
204                 margin-right: 14px;
205                 }
206 .icon.text_add:hover    { 
207                 background-image: url("../../../images/icons/16/add.png");
208                 float: right;
209                 cursor: pointer;
210                 margin-right: 14px;
211                 opacity: 1;
212 -webkit-transition: all 0.2s ease-in-out;
213 -moz-transition: all 0.2s ease-in-out;
214 -o-transition: all 0.2s ease-in-out;
215 -ms-transition: all 0.2s ease-in-out;
216 transition: all 0.2s ease-in-out;
217                 }
218 .icon.text_edit {
219   background-image: url("../../../images/icons/10/edit.png");
220   opacity: 0.2;
221   margin-top: 6px;
222   float: right;
223   height: 10px;
224 }
225 .icon.text_edit:hover {
226   background-image: url("../../../images/icons/10/edit.png");
227   opacity: 1;
228   margin-top: 6px;
229   float: right;
230   height: 10px;
231 }
232
233 #side-bar-photos-albums ul li{
234   margin-left: 30px;
235   padding-left: 0px;
236         }
237 #side-bar-photos-albums ul li a{
238   color: #3465a4;
239 }
240
241 .widget .tool.selected {
242   background: url("../../../view/theme/diabook/diabook-pink/icons/selected.png") no-repeat left center;}
243
244 #birthday-wrapper a {
245         color: #3465a4;
246         }
247
248 .tread-wrapper a{
249   color: #d02b55;
250 }
251
252 .wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
253   display: table-row;
254 }
255 .wall-item-bottom {
256   font-size: 13px;
257 }
258 .wall-item-container .wall-item-bottom {
259 /*  opacity: 0.5;
260   -webkit-transition: all 0.2s ease-in-out;
261   -moz-transition: all 0.2s ease-in-out;
262   -o-transition: all 0.2s ease-in-out;
263   -ms-transition: all 0.2s ease-in-out;
264   transition: all 0.2s ease-in-out; */
265 }
266 .wall-item-container:hover .wall-item-bottom {
267 /*  opacity: 1;
268   -webkit-transition: all 0.2s ease-in-out;
269   -moz-transition: all 0.2s ease-in-out;
270   -o-transition: all 0.2s ease-in-out;
271   -ms-transition: all 0.2s ease-in-out;
272   transition: all 0.2s ease-in-out; */
273 }
274 .wall-item-container .wall-item-info {
275   display: table-cell;
276   vertical-align: top;
277   text-align: left;
278   width: 80px;
279 }
280 .wall-item-container .wall-item-location {
281   padding-right: 40px;
282   display: table-cell;
283 }
284 .wall-item-container .wall-item-ago {
285   word-wrap: break-word;
286   width: 50px;
287   margin-left: 10px;
288   color: #999;
289 }
290 .wall-item-location {
291   
292   clear: both;
293   overflow: hidden;
294   
295   margin-bottom: 5px;
296 }
297
298 .wall-item-container .wall-item-content {
299
300   max-width: 720px;
301   word-wrap: break-word;
302
303
304 }
305
306 .wall-item-container .wall-item-content img {
307   max-width: 700px;
308 }
309 .wall-item-container .wall-item-links, .wall-item-container .wall-item-actions {
310   display: table-cell;
311   vertical-align: middle;
312 }
313 .wall-item-container .wall-item-links .icon, .wall-item-container .wall-item-actions .icon {
314   opacity: 0.5;
315   -webkit-transition: all 0.2s ease-in-out;
316   -moz-transition: all 0.2s ease-in-out;
317   -o-transition: all 0.2s ease-in-out;
318   -ms-transition: all 0.2s ease-in-out;
319   transition: all 0.2s ease-in-out;
320 }
321 .wall-item-container .wall-item-links .icon:hover, .wall-item-container .wall-item-actions .icon:hover {
322   opacity: 1;
323   -webkit-transition: all 0.2s ease-in-out;
324   -moz-transition: all 0.2s ease-in-out;
325   -o-transition: all 0.2s ease-in-out;
326   -ms-transition: all 0.2s ease-in-out;
327   transition: all 0.2s ease-in-out;
328 }
329 .wall-item-container .wall-item-name {
330   font-weight: bold;
331 }
332 .wall-item-container .wall-item-actions-author {
333   width: 100%;
334   margin-bottom: 0.3em;
335 }
336 .wall-item-container .wall-item-actions-social {
337   float: left;
338   margin-bottom: 1px;
339   display: table-cell;
340 }
341 .wall-item-container .wall-item-actions-social a {
342   margin-right: 1em;
343 }
344 .wall-item-actions-social a {
345   float: left;
346 }
347 .wall-item-container .wall-item-actions-tools {
348   float: right;
349   width: 80px;
350   display: table-cell;
351 }
352 .wall-item-container .wall-item-actions-tools a {
353   float: right;
354 }
355 .wall-item-container .wall-item-actions-tools input {
356   float: right;
357 }
358 .wall-item-container.comment {
359   margin-top: 5px;
360   margin-bottom: 5px;
361   margin-left: 80px;
362   width: 700px;
363   border-bottom: 1px solid hsl(198, 21%, 79%);
364 }
365
366
367 .comment-edit-preview {
368   width: 500px;
369   margin-top: 10px;
370 }
371
372 .button.creation2 {
373     background-color: #d02b55;
374          cursor: pointer;
375 }
376
377
378 /*ACL*/
379
380 ul.tabs li .active {
381     background-color: #d02b55;
382     box-shadow: 2px 2px 2px #CFCFCF;}
383
384 ul.rs_tabs li .selected {
385     background-color: #d02b55;}
386
387 /*Photo */
388
389 .photo {
390 box-shadow: 2px 2px 5px 0px #000000;
391 margin: 0px;
392 border-radius: 10px;
393 }
394
395 .calendar.eventcal a {
396   color: #3465a4;       
397 }
398
399 .photo-top-album-name {
400         width: 100%;
401         position: absolute; 
402         bottom: 0px; 
403         padding-left: 3px;
404         background-color: #EEE;
405 }
406 .photo-top-album-link{
407   color: #3465a4;
408 }