view/theme/diabook/diabook-aerith/style-profile.css

   1 @import url('../../diabook/style-profile.css');
   2
   3  .icon.contacts {background-image: url("../diabook-aerith/icons/contacts.png");}
   4 .icon.notifications {background-image: url("../diabook-aerith/icons/notifications.png");}
   5 .icon.notify {background-image: url("../diabook-aerith/icons/notify.png");}
   6 .icon.messages {background-image: url("../diabook-aerith/icons/messages.png");}
   7 .icon.community {background-image: url("../diabook-aerith/icons/community.png");}
   8 .icon.drop      { background-image: url("../diabook-aerith/icons/drop.png");}
   9 .icon.drophide  { background-image: url("../diabook-aerith/icons/drop.png");}
  10 .icon.dislike   { background-image: url("../diabook-aerith/icons/dislike.png");}
  11 .icon.like      { background-image: url("../diabook-aerith/icons/like.png");}
  12 .icon.pencil    { background-image: url("../diabook-aerith/icons/pencil.png");}
  13 .icon.recycle   { background-image: url("../diabook-aerith/icons/recycle.png");}
  14 .icon.remote-link { background-image: url("../diabook-aerith/icons/remote.png");}
  15 .icon.tagged    { background-image: url("../diabook-aerith/icons/tagged.png");}
  16 .icon.file-as { background-image: url("../diabook-aerith/icons/file_as.png");}
  17 .star-item.icon.unstarred { background-image: url("../diabook-aerith/icons/unstarred.png");}
  18 .star-item.icon.starred { background-image: url("../diabook-aerith/icons/starred.png");}
  19 .icon.link              { background-image: url("../diabook-aerith/icons/link.png");}
  20 .icon.lock              { background-image: url("../diabook-aerith/icons/lock.png");}
  21 .icon.unlock            { background-image: url("../diabook-aerith/icons/unlock.png");}
  22 .icon.language    { background-image: url("../diabook-aerith/icons/language.png");}
  23 .camera         { background-image: url("../diabook-aerith/icons/camera.png");}
  24 .attach         { background-image: url("../diabook-aerith/icons/attach.png");}
  25 .video2         { background-image: url("../diabook-aerith/icons/video.png");}
  26 .video  { background-image: url("../diabook-aerith/icons/video.png");}
  27 .audio2         { background-image: url("../diabook-aerith/icons/audio.png");}
  28 .audio  { background-image: url("../diabook-aerith/icons/audio.png");}
  29 .weblink        { background-image: url("../diabook-aerith/icons/weblink.png");}
  30 .globe  { background-image: url("../diabook-aerith/icons/globe.png");}
  31 .unglobe        { background-image: url("../diabook-aerith/icons/unglobe.png");}
  32 .edit    {background-image: url("../diabook-aerith/icons/pencil2.png");}
  33 .icon.on             { background-image: url("../diabook-aerith/icons/toogle_on.png"); background-repeat: no-repeat;}
  34 .icon.off            { background-image: url("../diabook-aerith/icons/toogle_off.png"); background-repeat: no-repeat;}
  35 .prev           { background-position: -90px  -60px;}
  36 .next           { background-position: -110px -60px;}
  37 .attachtype {background-image: url('../../../../images/content-types.png');}
  38 .icon.border.camera{background-image: url("../diabook-aerith/icons/camera.png");}
  39 .icon.border.link{background-image: url("../diabook-aerith/icons/weblink.png");}
  40 .icon.s10.notify {background-image: url("../../../../images/icons/10/notify_off.png");}
  41 .icon.s10.gear {background-image: url("../../../../images/icons/10/gear.png");}
  42 .icon.s10.add {background-image: url("../../../../images/icons/10/add.png");}
  43 .icon.s10.delete {background-image: url("../../../../images/icons/10/delete.png");}
  44 .icon.s10.edit {background-image: url("../../../../images/icons/10/edit.png");}
  45 .icon.s10.star {background-image: url("../../../../images/star_dummy.png");}
  46 .icon.s10.menu {background-image: url("../../../../images/icons/10/menu.png");}
  47 .icon.s10.link {background-image: url("../../../../images/icons/10/link.png");}
  48 .icon.s10.lock {background-image: url("../../../../images/icons/10/lock.png");}
  49 .icon.s10.unlock {background-image: url("../../../../images/icons/10/unlock.png");}
  50 .icon.s16.notify {background-image: url("../../../../images/icons/16/notify_off.png");}
  51 .icon.s16.gear {background-image: url("../../../../images/icons/16/gear.png");}
  52 .icon.s16.add {background-image: url("../../../../images/icons/16/add.png");}
  53 .icon.s16.delete {background-image: url("../../../../images/icons/16/delete.png");}
  54 .icon.s16.star {background-image: url("../../../../images/star_dummy.png");}
  55 .icon.s16.menu {background-image: url("../../../../images/icons/16/menu.png");}
  56 .icon.s16.lock {background-image: url("../../../../images/icons/16/lock.png");}
  57 .icon.s16.unlock {background-image: url("../../../../images/icons/16/unlock.png");}
  58 .icon.s22.notify {background-image: url("../../../../images/icons/22/notify_off.png");}
  59 .icon.s22.gear {background-image: url("../../../../images/icons/22/gear.png");}
  60 .icon.s22.add {background-image: url("../../../../images/icons/22/add.png");}
  61 .icon.s22.delete {background-image: url("../../../../images/icons/22/delete.png");}
  62 .icon.s22.edit {background-image: url("../../../../images/icons/22/edit.png");}
  63 .icon.s22.star {background-image: url("../../../../images/star_dummy.png");}
  64 .icon.s22.menu {background-image: url("../../../../images/icons/22/menu.png");}
  65 .icon.s22.link {background-image: url("../../../../images/icons/22/link.png");}
  66 .icon.s22.lock {background-image: url("../../../../images/icons/22/lock.png");}
  67 .icon.s22.unlock {background-image: url("../../../../images/icons/22/unlock.png");}
  68 .icon.s48.notify {background-image: url("../../../../images/icons/48/notify_off.png");}
  69 .icon.s48.gear {background-image: url("../../../../images/icons/48/gear.png");}
  70 .icon.s48.add {background-image: url("../../../../images/icons/48/add.png");}
  71 .icon.s48.delete {background-image: url("../../../../images/icons/48/delete.png");}
  72 .icon.s48.edit {background-image: url("../../../../images/icons/48/edit.png");}
  73 .icon.s48.star {background-image: url("../../../../images/star_dummy.png");}
  74 .icon.s48.menu {background-image: url("../../../../images/icons/48/menu.png");}
  75 .icon.s48.link {background-image: url("../../../../images/icons/48/link.png");}
  76 .icon.s48.lock {background-image: url("../../../../images/icons/48/lock.png");}
  77 .icon.s48.unlock {background-image: url("../../../../images/icons/48/unlock.png");}
  78
  79 a {color: #333333;}
  80
  81 #sidebar-group-list .tool:hover {background: #EEE;}
  82
  83 div.jGrowl div.notice {
  84   background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center;}
  85 div.jGrowl div.info {background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center;}
  86
  87 header {
  88   background: #ff500f;
  89   background-color: #ff500f;
  90   border-bottom: 1px;
  91   border-bottom-color: black;
  92   border-bottom-style: inset;
  93    background-image: linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
  94 background-image: -o-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
  95 background-image: -moz-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
  96 background-image: -webkit-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
  97 background-image: -ms-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
  98
  99 background-image: -webkit-gradient(
 100         linear,
 101         left bottom,
 102         left top,
 103         color-stop(0.26, rgb(215,227,241)),
 104         color-stop(0.82, rgb(255,255,255))
 105 );
 106 }
 107
 108 header #banner a,
 109 header #banner a:active,
 110 header #banner a:visited,
 111 header #banner a:link,
 112 header #banner a:hover {
 113   color: #1f1f1f;
 114   font-weight: bolder;}
 115
 116 nav {
 117   background: #ff500f;
 118   color: #1f1f1f;
 119   border-bottom: 1px;
 120   border-bottom-color: black;
 121   border-bottom-style: inset;
 122   background-image: linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
 123 background-image: -o-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
 124 background-image: -moz-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
 125 background-image: -webkit-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
 126 background-image: -ms-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
 127
 128 background-image: -webkit-gradient(
 129         linear,
 130         left bottom,
 131         left top,
 132         color-stop(0.26, rgb(215,227,241)),
 133         color-stop(0.82, rgb(255,255,255))
 134 );
 135 }
 136
 137 nav a,
 138 nav a:active,
 139 nav a:visited,
 140 nav a:link,
 141 nav a:hover {
 142   color: #1f1f1f;}
 143
 144 nav #banner a,
 145 nav #banner a:active,
 146 nav #banner a:visited,
 147 nav #banner a:link,
 148 nav #banner a:hover {
 149   color: #1f1f1f;
 150 }
 151
 152
 153 nav .nav-menu-icon:hover {
 154   position: relative;
 155   height: 22px;
 156   padding: 5px;
 157   margin: 0px 5px;
 158   -moz-border-radius: 5px 5px 0 0;
 159   -webkit-border-radius: 5px 5px 0 0;
 160   border-radius: 5px 5px 0 0;
 161 }
 162
 163 nav .nav-notify {
 164   background-color: #fff;
 165   border: 1px solid black;
 166 }
 167
 168 nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{
 169         background-image: url("../diabook-aerith/icons/messages.png");
 170         }
 171
 172 /*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{
 173         background-image: url("../diabook-aerith/icons/notify.png");
 174         }
 175
 176 nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{
 177         background-image: url("../diabook-aerith/icons/contacts.png");
 178         }
 179
 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;
 185 }
 186
 187 ul.menu-popup a:hover {
 188   background-color: #3465A4;
 189   color: #fff;
 190 }
 191
 192 .menu-profile-list.home{
 193         background: url("../diabook-aerith/icons/home.png") no-repeat;
 194         }
 195 .menu-profile-list.photos{
 196         background: url("../diabook-aerith/icons/mess_side.png") no-repeat;
 197         }
 198 .menu-profile-list.events{
 199         background: url("../diabook-aerith/icons/events.png") no-repeat;
 200         }
 201 .menu-profile-list.notes{
 202         background: url("../diabook-aerith/icons/notes.png") no-repeat;
 203         }
 204 .menu-profile-list.foren{
 205         background: url("../diabook-aerith/icons/pubgroups.png") no-repeat;
 206         }
 207 .menu-profile-list.com_side{
 208         background: url("../diabook-aerith/icons/com_side.png") no-repeat;
 209         }
 210
 211 aside #dfrn-request-link {
 212   background: #005c94 url('../../../../images/connect-bg.png') no-repeat left center;
 213  }
 214
 215 #side-bar-photos-albums li{
 216 list-style-type: disc;
 217 }
 218 #side-bar-photos-albums ul li{
 219   margin-left: 30px;
 220   padding-left: 0px;
 221         }
 222 #side-bar-photos-albums ul li a{
 223   color: #3465A4;
 224 }
 225
 226 .widget .tool.selected {
 227   background: url("../diabook-aerith/icons/selected.png") no-repeat left center;
 228 }
 229
 230 span.sbox_l  {
 231         background: white url('../diabook-aerith/icons/srch_l.gif') no-repeat top left;
 232 }
 233
 234 span.sbox_r  {
 235         background: white url('../diabook-aerith/icons/srch_r.gif') no-repeat top left;
 236 }
 237
 238 span.sbox input {
 239         background: white url('../diabook-aerith/icons/srch_bg.gif') repeat-x top left;
 240 }
 241
 242 #birthday-wrapper a {
 243         color: #3465A4;
 244         }
 245
 246 right_aside a{color: #3465A4;}
 247
 248 .close_box              {
 249                 background-image: url("../diabook-aerith/icons/close_box.png");
 250                 }
 251 .close_box:hover        {
 252                 background-image: url("../diabook-aerith/icons/close_box.png");
 253                 }
 254
 255
 256 .tread-wrapper a{
 257   color: #3465A4;
 258 }
 259
 260
 261 .button.creation2 {
 262     background-color: #3465A4;}
 263
 264 #acl-search {
 265    background: #ffffff url("../../../../images/search_18.png") no-repeat right center;
 266 }
 267
 268 #acl-showall {
 269   background-image: url("../../../../images/show_all_off.png");}
 270
 271 #acl-showall.selected {
 272   background-image: url("../../../../images/show_all_on.png");}
 273
 274 .acl-button-show {
 275   background-image: url("../../../../images/show_off.png");
 276 }
 277 .acl-button-hide {
 278   background-image: url("../../../../images/hide_off.png");
 279 }
 280 .acl-button-show.selected {
 281   background-image: url("../../../../images/show_on.png");
 282 }
 283 .acl-button-hide.selected {
 284   background-image: url("../../../../images/hide_on.png");
 285 }
 286
 287
 288 ul.tabs li .active {
 289     background-color: #3465A4;}
 290
 291 .field .onoff a {
 292   background-image: url("../../../../images/onoff.jpg");
 293 }
 294
 295 .oauthapp img.noicon {
 296   background-image: url("../../../../images/icons/48/plugin.png");
 297  }
 298
 299 .photo {
 300 box-shadow: 2px 2px 5px 0px #000000;
 301 margin: 0px;}
 302
 303 .contact-photo-menu-button {background-image: url("../../../../images/icons/16/menu.png");}
 304
 305 .event-description:before {
 306         content: url('../../../../images/calendar.png');}
 307
 308 .calendar.eventcal a {
 309   color: #3465A4;
 310         }
 311
 312 .photo-top-album-name {
 313         width: 100%;
 314         position: absolute;
 315         bottom: 0px;
 316         padding-left: 3px;
 317         background-color: #EEE;
 318 }
 319 .photo-top-album-link{
 320   color: #3465A4;
 321         }