1 @import url('../diabook/style.css');
3 /* Why are these paths so long? They should probably become ../icons/ in the next revision */
6 background-image: url("../../../view/theme/diabook/diabook-aerith/icons/bb-url.png");}
8 background-image: url("../../../view/theme/diabook/diabook-aerith/icons/quote.png");}
10 background-image: url("../../../view/theme/diabook/diabook-aerith/icons/bold.png");}
12 background-image: url("../../../view/theme/diabook/diabook-aerith/icons/underline.png");}
14 background-image: url("../../../view/theme/diabook/diabook-aerith/icons/italic.png");}
16 background-image: url("../../../view/theme/diabook/diabook-aerith/icons/bb-image.png");}
18 background-image: url("../../../view/theme/diabook/diabook-aerith/icons/bb-video.png");}
20 background-image: url("../../../view/theme/diabook/diabook-aerith/icons/contacts.png");}
22 background-image: url("../../../view/theme/diabook/diabook-aerith/icons/notifications.png");}
24 background-image: url("../../../view/theme/diabook/diabook-aerith/icons/notify.png");}
26 background-image: url("../../../view/theme/diabook/diabook-aerith/icons/messages.png");}
28 background-image: url("../../../view/theme/diabook/diabook-aerith/icons/community.png");}
30 .icon.drop { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/drop.png");}
31 .icon.drophide { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/drop.png");}
32 .icon.dislike { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/dislike.png");}
33 .icon.like { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/like.png");}
34 .icon.pencil { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/pencil.png");}
35 .icon.recycle { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/recycle.png");}
36 .icon.remote-link { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/remote.png");}
37 .icon.tagged { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/tagged.png");}
38 .icon.file-as { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/file_as.png");}
39 .star-item.icon.unstarred { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/unstarred.png");}
40 .star-item.icon.starred { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/starred.png");}
41 .icon.link { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/link.png");}
42 .icon.lock { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/lock.png");}
43 .icon.unlock { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/unlock.png");}
44 .icon.language { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/language.png");}
45 .camera { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/camera.png");}
46 .attach { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/attach.png");}
47 .video2 { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/video.png"); }
48 .video { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/video.png");}
49 .audio2 { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/audio.png");}
50 .audio { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/audio.png");}
51 .weblink { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/weblink.png");}
52 .globe { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/globe.png");}
53 .unglobe { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/unglobe.png");}
54 .edit {background-image: url("../../../view/theme/diabook/diabook-aerith/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-aerith/icons/toogle_on.png"); background-repeat: no-repeat;}
59 .icon.off { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/toogle_off.png"); background-repeat: no-repeat;}
60 .icon.prev { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/prev.png"); background-repeat: no-repeat;}
61 .icon.next { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/next.png"); background-repeat: no-repeat;}
62 icon.border.camera{background-image: url("../../../view/theme/diabook/diabook-aerith/icons/camera.png");}
63 .icon.border.link{background-image: url("../../../view/theme/diabook/diabook-aerith/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-aerith/icons/messages.png");}
66 .on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{
67 background-image: url("../../../view/theme/diabook/diabook-aerith/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-aerith/icons/contacts.png");}
70 .menu-profile-icon.home{
71 background: url("../../../view/theme/diabook/diabook-aerith/icons/home.png") no-repeat;}
72 .menu-profile-icon.photos{
73 background: url("../../../view/theme/diabook/diabook-aerith/icons/mess_side.png") no-repeat;}
74 .menu-profile-icon.events{
75 background: url("../../../view/theme/diabook/diabook-aerith/icons/events.png") no-repeat;}
76 .menu-profile-icon.notes{
77 background: url("../../../view/theme/diabook/diabook-aerith/icons/notes.png") no-repeat;}
78 .menu-profile-icon.foren{
79 background: url("../../../view/theme/diabook/diabook-aerith/icons/pubgroups.png") no-repeat;}
80 .menu-profile-icon.com_side{
81 background: url("../../../view/theme/diabook/diabook-aerith/icons/com_side.png") no-repeat;}
82 .menu-profile-icon.pscontacts{
83 background: url("../../../view/theme/diabook/diabook-aerith/icons/pscontacts.png") no-repeat;}
90 #fileas-sidebar .tool:hover {background: aliceBlue;}
95 background-color: #ff500f;
97 border-bottom-color: black;
98 border-bottom-style: inset;
99 background-image: linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
100 background-image: -o-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
101 background-image: -moz-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
102 background-image: -webkit-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
103 background-image: -ms-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
104 background-image: -webkit-gradient(
108 color-stop(0.26, rgb(215,227,241)),
109 color-stop(0.82, rgb(255,255,255))
114 header #banner a:active,
115 header #banner a:visited,
116 header #banner a:link,
117 header #banner a:hover {
122 header #banner #logo-text {
123 font-size: 20px!important;position: relative!important;top: -4px!important;
129 border: 1px solid #333;
133 nav { background: #ff500f;
136 border-bottom-color: black;
137 border-bottom-style: inset;
138 background-image: linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
139 background-image: -o-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
140 background-image: -moz-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
141 background-image: -webkit-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
142 background-image: -ms-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
144 background-image: -webkit-gradient(
148 color-stop(0.26, rgb(215,227,241)),
149 color-stop(0.82, rgb(255,255,255))
161 nav .nav-menu-icon:hover {
166 -moz-border-radius: 5px 5px 0 0;
167 -webkit-border-radius: 5px 5px 0 0;
168 border-radius: 5px 5px 0 0;
172 background-color: #fff;
173 border: 1px solid black;
176 nav #nav-home-link, #nav-directory-link, #nav-apps-link{
180 nav #nav-apps-link.selected {
181 background-color: #fff;
182 moz-border-radius: 5px 5px 0 0;
183 -webkit-border-radius: 5px 5px 0 0;
184 border-radius: 5px 5px 0 0;
190 ul.menu-popup a:hover {
191 background-color: #3465A4; /*bdcdd4;*/
195 .menu-profile-list:hover{
196 background: aliceBlue;
199 aside #likes a, a:visited, a:link {
201 text-decoration: none;
205 aside #likes a:hover{
206 text-decoration: underline;
212 background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center;
218 background: url("../../../view/theme/diabook/icons/unselected.png") no-repeat left center;
224 background-image: url("../../../images/icons/16/add.png");
229 .icon.text_add:hover {
230 background-image: url("../../../images/icons/16/add.png");
235 -webkit-transition: all 0.2s ease-in-out;
236 -moz-transition: all 0.2s ease-in-out;
237 -o-transition: all 0.2s ease-in-out;
238 -ms-transition: all 0.2s ease-in-out;
239 transition: all 0.2s ease-in-out;
242 background-image: url("../../../images/icons/10/edit.png");
248 .icon.text_edit:hover {
249 background-image: url("../../../images/icons/10/edit.png");
256 #side-bar-photos-albums ul li{
260 #side-bar-photos-albums ul li a{
263 .widget .tool.selected {
264 background: url("../../../view/theme/diabook/diabook-aerith/icons/selected.png") no-repeat left center;}
266 #birthday-wrapper a {
274 .wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
280 .wall-item-container .wall-item-bottom {
282 -webkit-transition: all 0.2s ease-in-out;
283 -moz-transition: all 0.2s ease-in-out;
284 -o-transition: all 0.2s ease-in-out;
285 -ms-transition: all 0.2s ease-in-out;
286 transition: all 0.2s ease-in-out; */
288 .wall-item-container:hover .wall-item-bottom {
290 -webkit-transition: all 0.2s ease-in-out;
291 -moz-transition: all 0.2s ease-in-out;
292 -o-transition: all 0.2s ease-in-out;
293 -ms-transition: all 0.2s ease-in-out;
294 transition: all 0.2s ease-in-out; */
296 .wall-item-container .wall-item-info {
302 .wall-item-container .wall-item-location {
306 .wall-item-container .wall-item-ago {
307 word-wrap: break-word;
312 .wall-item-location {
320 .wall-item-container .wall-item-content {
323 word-wrap: break-word;
328 .wall-item-container .wall-item-content img {
331 .wall-item-container .wall-item-links, .wall-item-container .wall-item-actions {
333 vertical-align: middle;
335 .wall-item-container .wall-item-links .icon, .wall-item-container .wall-item-actions .icon {
337 -webkit-transition: all 0.2s ease-in-out;
338 -moz-transition: all 0.2s ease-in-out;
339 -o-transition: all 0.2s ease-in-out;
340 -ms-transition: all 0.2s ease-in-out;
341 transition: all 0.2s ease-in-out;
343 .wall-item-container .wall-item-links .icon:hover, .wall-item-container .wall-item-actions .icon:hover {
345 -webkit-transition: all 0.2s ease-in-out;
346 -moz-transition: all 0.2s ease-in-out;
347 -o-transition: all 0.2s ease-in-out;
348 -ms-transition: all 0.2s ease-in-out;
349 transition: all 0.2s ease-in-out;
351 .wall-item-container .wall-item-name {
354 .wall-item-container .wall-item-actions-author {
356 margin-bottom: 0.3em;
358 .wall-item-container .wall-item-actions-social {
363 .wall-item-container .wall-item-actions-social a {
366 .wall-item-actions-social a {
369 .wall-item-container .wall-item-actions-tools {
372 display: table-cell;done
374 .wall-item-container .wall-item-actions-tools a {
377 .wall-item-container .wall-item-actions-tools input {
380 .wall-item-container.comment {
385 border-bottom: 1px solid hsl(198, 21%, 79%);
389 .comment-edit-preview {
392 background-color: #fff797;
396 background-color: #3465A4;
404 background-color: #3465A4;
405 box-shadow: 2px 2px 2px #CFCFCF;}
407 ul.rs_tabs li .selected {
408 background-color: #3465A4;}
413 box-shadow: 2px 2px 5px 0px #000000;
418 .calendar.eventcal a {
422 .photo-top-album-name {
427 background-color: #EEE;
429 .photo-top-album-link{