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