1 @import url('../../diabook/style-network.css');
3 /* There seem to be a stupid number of icons. Can we do this better? Are they all actually used? */
5 background-image: url("../diabook-aerith/icons/contacts.png");}
7 background-image: url("../diabook-aerith/icons/notifications.png");}
9 background-image: url("../diabook-aerith/icons/notify.png");}
11 background-image: url("../diabook-aerith/icons/messages.png");}
13 background-image: url("../diabook-aerith/icons/community.png");}
14 .icon.drop { background-image: url("../diabook-aerith/icons/drop.png");}
15 .icon.drophide { background-image: url("../diabook-aerith/icons/drop.png");}
16 .icon.dislike { background-image: url("../diabook-aerith/icons/dislike.png");}
17 .icon.like { background-image: url("../diabook-aerith/icons/like.png");}
18 .icon.pencil { background-image: url("../diabook-aerith/icons/pencil.png");}
19 .icon.recycle { background-image: url("../diabook-aerith/icons/recycle.png");}
20 .icon.remote-link { background-image: url("../diabook-aerith/icons/remote.png");}
21 .icon.tagged { background-image: url("../diabook-aerith/icons/tagged.png");}
22 .icon.file-as { background-image: url("../diabook-aerith/icons/file_as.png");}
23 .star-item.icon.unstarred { background-image: url("../diabook-aerith/icons/unstarred.png");}
24 .star-item.icon.starred { background-image: url("../diabook-aerith/icons/starred.png");}
25 .icon.link { background-image: url("../diabook-aerith/icons/link.png");}
26 .icon.lock { background-image: url("../diabook-aerith/icons/lock.png");}
27 .icon.unlock { background-image: url("../diabook-aerith/icons/unlock.png");}
28 .icon.language { background-image: url("../diabook-aerith/icons/language.png");}
29 .camera { background-image: url("../diabook-aerith/icons/camera.png");}
30 .attach { background-image: url("../diabook-aerith/icons/attach.png");}
31 .video2 { background-image: url("../diabook-aerith/icons/video.png");}
32 .video { background-image: url("../diabook-aerith/icons/video.png");}
33 .audio2 { background-image: url("../diabook-aerith/icons/audio.png");}
34 .audio { background-image: url("../diabook-aerith/icons/audio.png");}
35 .weblink { background-image: url("../diabook-aerith/icons/weblink.png");}
36 .globe { background-image: url("../diabook-aerith/icons/globe.png");}
37 .unglobe { background-image: url("../diabook-aerith/icons/unglobe.png");}
38 .edit {background-image: url("../diabook-aerith/icons/pencil2.png");}
39 .icon.on { background-image: url("../diabook-aerith/icons/toogle_on.png"); background-repeat: no-repeat;}
40 .icon.off { background-image: url("../diabook-aerith/icons/toogle_off.png"); background-repeat: no-repeat;}
41 .prev { background-position: -90px -60px;}
42 .next { background-position: -110px -60px;}
43 .attachtype {background-image: url('../../../../images/content-types.png');}
45 background-image: url("../diabook-aerith/icons/camera.png");}
46 .icon.border.link{background-image: url("../diabook-aerith/icons/weblink.png");}
47 .icon.s10.notify {background-image: url("../../../../images/icons/10/notify_off.png");}
48 .icon.s10.gear {background-image: url("../../../../images/icons/10/gear.png");}
49 .icon.s10.add {background-image: url("../../../../images/icons/10/add.png");}
50 .icon.s10.delete {background-image: url("../../../../images/icons/10/delete.png");}
51 .icon.s10.edit {background-image: url("../../../../images/icons/10/edit.png");}
52 .icon.s10.star {background-image: url("../../../../images/star_dummy.png");}
53 .icon.s10.menu {background-image: url("../../../../images/icons/10/menu.png");}
54 .icon.s10.link {background-image: url("../../../../images/icons/10/link.png");}
55 .icon.s10.lock {background-image: url("../../../../images/icons/10/lock.png");}
56 .icon.s10.unlock {background-image: url("../../../../images/icons/10/unlock.png");}
57 .icon.s16.notify {background-image: url("../../../../images/icons/16/notify_off.png");}
58 .icon.s16.gear {background-image: url("../../../../images/icons/16/gear.png");}
59 .icon.s16.add {background-image: url("../../../../images/icons/16/add.png");}
60 .icon.s16.delete {background-image: url("../../../../images/icons/16/delete.png");}
61 .icon.s16.star {background-image: url("../../../../images/star_dummy.png");}
62 .icon.s16.menu {background-image: url("../../../../images/icons/16/menu.png");}
63 .icon.s16.lock {background-image: url("../../../../images/icons/16/lock.png");}
64 .icon.s16.unlock {background-image: url("../../../../images/icons/16/unlock.png");}
65 .icon.s22.notify {background-image: url("../../../../images/icons/22/notify_off.png");}
66 .icon.s22.gear {background-image: url("../../../../images/icons/22/gear.png");}
67 .icon.s22.add {background-image: url("../../../../images/icons/22/add.png");}
68 .icon.s22.delete {background-image: url("../../../../images/icons/22/delete.png");}
69 .icon.s22.edit {background-image: url("../../../../images/icons/22/edit.png");}
70 .icon.s22.star {background-image: url("../../../../images/star_dummy.png");}
71 .icon.s22.menu {background-image: url("../../../../images/icons/22/menu.png");}
72 .icon.s22.link {background-image: url("../../../../images/icons/22/link.png");}
73 .icon.s22.lock {background-image: url("../../../../images/icons/22/lock.png");}
74 .icon.s22.unlock {background-image: url("../../../../images/icons/22/unlock.png");}
75 .icon.s48.notify {background-image: url("../../../../images/icons/48/notify_off.png");}
76 .icon.s48.gear {background-image: url("../../../../images/icons/48/gear.png");}
77 .icon.s48.add {background-image: url("../../../../images/icons/48/add.png");}
78 .icon.s48.delete {background-image: url("../../../../images/icons/48/delete.png");}
79 .icon.s48.edit {background-image: url("../../../../images/icons/48/edit.png");}
80 .icon.s48.star {background-image: url("../../../../images/star_dummy.png");}
81 .icon.s48.menu {background-image: url("../../../../images/icons/48/menu.png");}
82 .icon.s48.link {background-image: url("../../../../images/icons/48/link.png");}
83 .icon.s48.lock {background-image: url("../../../../images/icons/48/lock.png");}
84 .icon.s48.unlock {background-image: url("../../../../images/icons/48/unlock.png");}
87 .hide-comments-outer {background-color: #fff;}
91 #saved-search-ul .tool:hover,
92 #nets-sidebar .tool:hover,
93 #sidebar-group-list .tool:hover ,
94 #fileas-sidebar .tool:hover {
95 background: aliceBlue;
102 nav a, nav a:active, nav a:visited, nav a:link, nav a:hover {
106 /* popup notifications */
107 div.jGrowl div.notice {background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center;}
108 div.jGrowl div.info {background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center;}
113 background-color: #ff500f;
115 border-bottom-color: black;
116 border-bottom-style: inset;
117 background-image: linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
118 background-image: -o-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
119 background-image: -moz-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
120 background-image: -webkit-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
121 background-image: -ms-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
123 background-image: -webkit-gradient(
127 color-stop(0.26, rgb(215,227,241)),
128 color-stop(0.82, rgb(255,255,255))
132 header #site-location {display: none;}
135 header #banner a:active,
136 header #banner a:visited,
137 header #banner a:link,
138 header #banner a:hover {
147 border-bottom-color: black;
148 border-bottom-style: inset;
149 background-image: linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
150 background-image: -o-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
151 background-image: -moz-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
152 background-image: -webkit-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
153 background-image: -ms-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
155 background-image: -webkit-gradient(
159 color-stop(0.26, rgb(215,227,241)),
160 color-stop(0.82, rgb(255,255,255))
164 nav .nav-menu-icon:hover {
169 -moz-border-radius: 5px 5px 0 0;
170 -webkit-border-radius: 5px 5px 0 0;
171 border-radius: 5px 5px 0 0;
175 background-color: #fff;
176 border: 1px solid black;
179 nav #nav-home-link, #nav-directory-link, #nav-apps-link{font-size: 14px;}
181 nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{
182 background-image: url("../diabook-aerith/icons/messages.png");}
184 /*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{
185 background-image: url("../diabook-aerith/icons/notify.png");}
187 nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{
188 background-image: url("../diabook-aerith/icons/contacts.png");}
190 nav #nav-apps-link.selected {
191 background-color: #fff;
192 moz-border-radius: 5px 5px 0 0;
193 -webkit-border-radius: 5px 5px 0 0;
194 border-radius: 5px 5px 0 0;
197 ul.menu-popup a:hover {
198 background-color: #3465A4;
206 .menu-profile-list:hover{background: aliceBlue;}
208 .menu-profile-icon.home{background: url("../diabook-aerith/icons/home.png") no-repeat;}
209 .menu-profile-icon.photos{background: url("../diabook-aerith/icons/mess_side.png") no-repeat;}
210 .menu-profile-icon.events{background: url("../diabook-aerith/icons/events.png") no-repeat;}
211 .menu-profile-icon.notes{background: url("../diabook-aerith/icons/notes.png") no-repeat;}
212 .menu-profile-icon.foren{background: url("../diabook-aerith/icons/pubgroups.png") no-repeat;}
213 .menu-profile-icon.com_side{background: url("../diabook-aerith/icons/com_side.png") no-repeat;}
214 .menu-profile-icon.pscontacts{background: url("../diabook-aerith/icons/pscontacts.png") no-repeat;}
216 aside #dfrn-request-link {background: #005c94 url('../../../../images/connect-bg.png') no-repeat left center;}
218 #side-bar-photos-albums li{list-style-type: disc;}
219 #side-bar-photos-albums ul li{margin-left: 30px;
221 #side-bar-photos-albums ul li a{color: #3465A4;}
224 .widget .tool.selected {background: url("../diabook-aerith/icons/selected.png") no-repeat left center;}
225 span.sbox_l {background: white url('../diabook-aerith/icons/srch_l.gif') no-repeat top left;}
226 span.sbox_r {background: white url('../diabook-aerith/icons/srch_r.gif') no-repeat top left;}
227 span.sbox input {background: white url('../diabook-aerith/icons/srch_bg.gif') repeat-x top left;}
228 #birthday-wrapper a {color: #3465A4;}
229 right_aside a{color: #3465A4;}
232 background-image: url("../diabook-aerith/icons/close_box.png");
235 .close_box:hover {background-image: url("../diabook-aerith/icons/close_box.png");}
237 .tread-wrapper a{color: #3465A4;}
239 .wall-item-comment-wrapper {background-color: #fff;
242 .button.creation2 {background-color: #3465A4;}
244 #acl-search {background: #ffffff url("../../../../images/search_18.png") no-repeat right center;}
246 #acl-showall {background-image: url("../../../../images/show_all_off.png");}
248 #acl-showall.selected {background-image: url("../../../../images/show_all_on.png");}
250 .acl-button-show {background-image: url("../../../../images/show_off.png");}
251 .acl-button-hide {background-image: url("../../../../images/hide_off.png");}
252 .acl-button-show.selected {background-image: url("../../../../images/show_on.png");}
253 .acl-button-hide.selected {background-image: url("../../../../images/hide_on.png");}
255 ul.tabs li .active {background-color: #3465A4;}
257 .field .onoff a {background-image: url("../../../../images/onoff.jpg");}
259 .oauthapp img.noicon {background-image: url("../../../../images/icons/48/plugin.png");}
262 box-shadow: 2px 2px 5px 0px #000000;
265 height: 145px !important;
266 width: 145px !important;
273 .contact-photo-menu-button {background-image: url("../../../../images/icons/16/menu.png");}
275 .event-description:before {content: url('../../../../images/calendar.png');}
277 .calendar.eventcal a {color: #3465A4;}
279 .photo-top-album-name {
284 background-color: #EEE;
286 .photo-top-album-link{color: #3465A4;}