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

   1 @import url('../../diabook/style-network.css');
   2
   3 /* There seem to be a stupid number of icons.  Can we do this better? Are they all actually used? */
   4 .icon.contacts {
   5   background-image: url("../diabook-aerith/icons/contacts.png");}
   6 .icon.notifications {
   7   background-image: url("../diabook-aerith/icons/notifications.png");}
   8 .icon.notify {
   9   background-image: url("../diabook-aerith/icons/notify.png");}
  10 .icon.messages {
  11   background-image: url("../diabook-aerith/icons/messages.png");}
  12 .icon.community {
  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');}
  44 .icon.border.camera{
  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");}
  85
  86
  87 .hide-comments-outer {background-color: #fff;}
  88
  89 a {color: #333333;}
  90
  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;
  96 }
  97
  98 .tool a {
  99   color: #3465A4;
 100 }
 101
 102 nav a, nav a:active, nav a:visited, nav a:link, nav a:hover {
 103 color: #000;
 104 }
 105
 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;}
 109
 110
 111 header {
 112   background: #ff500f;
 113   background-color: #ff500f;
 114   border-bottom: 1px;
 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%);
 122
 123 background-image: -webkit-gradient(
 124         linear,
 125         left bottom,
 126         left top,
 127         color-stop(0.26, rgb(215,227,241)),
 128         color-stop(0.82, rgb(255,255,255))
 129 );
 130 }
 131
 132 header #site-location {display: none;}
 133
 134 header #banner a,
 135 header #banner a:active,
 136 header #banner a:visited,
 137 header #banner a:link,
 138 header #banner a:hover {
 139   color: black;
 140   font-weight: bolder;
 141 }
 142
 143 nav {
 144   background: #ff500f;
 145   color: #000;
 146   border-bottom: 1px;
 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%);
 154
 155 background-image: -webkit-gradient(
 156         linear,
 157         left bottom,
 158         left top,
 159         color-stop(0.26, rgb(215,227,241)),
 160         color-stop(0.82, rgb(255,255,255))
 161 );
 162 }
 163
 164 nav .nav-menu-icon:hover {
 165   position: relative;
 166   height: 22px;
 167   padding: 5px;
 168   margin: 0px 5px;
 169   -moz-border-radius: 5px 5px 0 0;
 170   -webkit-border-radius: 5px 5px 0 0;
 171   border-radius: 5px 5px 0 0;
 172 }
 173
 174  nav .nav-notify {
 175   background-color: #fff;
 176   border: 1px solid black;
 177 }
 178
 179 nav #nav-home-link, #nav-directory-link, #nav-apps-link{font-size: 14px;}
 180
 181 nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{
 182         background-image: url("../diabook-aerith/icons/messages.png");}
 183
 184 /*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{
 185         background-image: url("../diabook-aerith/icons/notify.png");}
 186
 187 nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{
 188         background-image: url("../diabook-aerith/icons/contacts.png");}
 189
 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;
 195 }
 196
 197 ul.menu-popup a:hover {
 198   background-color: #3465A4;
 199   color: #fff;
 200 }
 201
 202 #profile_side a{
 203   color: #333;
 204 }
 205
 206 .menu-profile-list:hover{background: aliceBlue;}
 207
 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;}
 215
 216 aside #dfrn-request-link {background: #005c94 url('../../../../images/connect-bg.png') no-repeat left center;}
 217
 218 #side-bar-photos-albums li{list-style-type: disc;}
 219 #side-bar-photos-albums ul li{margin-left: 30px;
 220   padding-left: 0px;}
 221 #side-bar-photos-albums ul li a{color: #3465A4;}
 222
 223
 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;}
 230
 231 .close_box              {
 232                 background-image: url("../diabook-aerith/icons/close_box.png");
 233                 cursor: pointer;}
 234
 235 .close_box:hover {background-image: url("../diabook-aerith/icons/close_box.png");}
 236
 237 .tread-wrapper a{color: #3465A4;}
 238
 239 .wall-item-comment-wrapper {background-color: #fff;
 240   width: 500px;}
 241
 242 .button.creation2 {background-color: #3465A4;}
 243
 244 #acl-search {background: #ffffff url("../../../../images/search_18.png") no-repeat right center;}
 245
 246 #acl-showall {background-image: url("../../../../images/show_all_off.png");}
 247
 248 #acl-showall.selected {background-image: url("../../../../images/show_all_on.png");}
 249
 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");}
 254
 255 ul.tabs li .active {background-color: #3465A4;}
 256
 257 .field .onoff a {background-image: url("../../../../images/onoff.jpg");}
 258
 259 .oauthapp img.noicon {background-image: url("../../../../images/icons/48/plugin.png");}
 260
 261 .photo {
 262 box-shadow: 2px 2px 5px 0px #000000;
 263 margin: 0px;
 264 border-radius: 10px;
 265 height: 145px !important;
 266 width: 145px !important;
 267 }
 268
 269 .lframe {
 270   float: left;
 271 }
 272
 273 .contact-photo-menu-button {background-image: url("../../../../images/icons/16/menu.png");}
 274
 275 .event-description:before {content: url('../../../../images/calendar.png');}
 276
 277 .calendar.eventcal a {color: #3465A4;}
 278
 279 .photo-top-album-name {
 280         width: 100%;
 281         position: absolute;
 282         bottom: 0px;
 283         padding-left: 3px;
 284         background-color: #EEE;
 285 }
 286 .photo-top-album-link{color: #3465A4;}
 287