view/theme/diabook/diabook-aerith/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-aerith/icons/bb-url.png");}
   7 .icon.quote{
   8   background-image: url("../../../view/theme/diabook/diabook-aerith/icons/quote.png");}
   9 .icon.bold{
  10   background-image: url("../../../view/theme/diabook/diabook-aerith/icons/bold.png");}
  11 .icon.underline{
  12   background-image: url("../../../view/theme/diabook/diabook-aerith/icons/underline.png");}
  13 .icon.italic{
  14   background-image: url("../../../view/theme/diabook/diabook-aerith/icons/italic.png");}
  15 .icon.bb-image{
  16   background-image: url("../../../view/theme/diabook/diabook-aerith/icons/bb-image.png");}
  17 .icon.bb-video{
  18   background-image: url("../../../view/theme/diabook/diabook-aerith/icons/bb-video.png");}
  19  .icon.contacts {
  20   background-image: url("../../../view/theme/diabook/diabook-aerith/icons/contacts.png");}
  21 .icon.notifications {
  22   background-image: url("../../../view/theme/diabook/diabook-aerith/icons/notifications.png");}
  23 .icon.notify {
  24   background-image: url("../../../view/theme/diabook/diabook-aerith/icons/notify.png");}
  25 .icon.messages {
  26   background-image: url("../../../view/theme/diabook/diabook-aerith/icons/messages.png");}
  27 .icon.community {
  28   background-image: url("../../../view/theme/diabook/diabook-aerith/icons/community.png");}
  29
  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");}
  69
  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;}
  84
  85
  86
  87
  88 a {color: #333333;}
  89
  90 #fileas-sidebar .tool:hover  {background: aliceBlue;}
  91
  92 /* header */
  93 header {
  94   background: #ff500f;
  95   background-color: #ff500f;
  96   border-bottom: 1px;
  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(
 105         linear,
 106         left bottom,
 107         left top,
 108         color-stop(0.26, rgb(215,227,241)),
 109         color-stop(0.82, rgb(255,255,255))
 110 );
 111 }
 112
 113 header #banner a,
 114 header #banner a:active,
 115 header #banner a:visited,
 116 header #banner a:link,
 117 header #banner a:hover {
 118   color: #1f1f1f;
 119   font-weight: bolder;
 120 }
 121
 122 header #banner #logo-text {
 123  font-size: 20px!important;position: relative!important;top: -4px!important;
 124 }
 125
 126 /* messages */
 127 #message-new {
 128   background: #3465A4;
 129   border: 1px solid #333;
 130 }
 131
 132 /* nav */
 133 nav { background: #ff500f;
 134   color: #1f1f1f;
 135  border-bottom: 1px;
 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%);
 143
 144 background-image: -webkit-gradient(
 145         linear,
 146         left bottom,
 147         left top,
 148         color-stop(0.26, rgb(215,227,241)),
 149         color-stop(0.82, rgb(255,255,255))
 150 );
 151 }
 152
 153 nav a,
 154 nav a:active,
 155 nav a:visited,
 156 nav a:link,
 157 nav a:hover {
 158   color: #1f1f1f;
 159 }
 160
 161 nav .nav-menu-icon:hover {
 162   position: relative;
 163   height: 22px;
 164   padding: 5px;
 165   margin: 0px 5px;
 166   -moz-border-radius: 5px 5px 0 0;
 167   -webkit-border-radius: 5px 5px 0 0;
 168   border-radius: 5px 5px 0 0;
 169 }
 170
 171 nav .nav-notify {
 172 background-color: #fff;
 173   border: 1px solid black;
 174 }
 175
 176 nav #nav-home-link, #nav-directory-link, #nav-apps-link{
 177 font-size: 14px;
 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 {
 188   background: #fff;}
 189
 190 ul.menu-popup a:hover {
 191   background-color: #3465A4; /*bdcdd4;*/
 192   color: #fff;
 193 }
 194
 195 .menu-profile-list:hover{
 196         background: aliceBlue;
 197 }
 198
 199 aside #likes a, a:visited, a:link {
 200                 color: #3465A4;
 201                 text-decoration: none;
 202                 cursor: pointer;
 203
 204 }
 205 aside #likes a:hover{
 206         text-decoration: underline;
 207         }
 208
 209
 210
 211 .group_selected {
 212   background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center;
 213   float: left;
 214   height: 22px;
 215   width: 22px;
 216 }
 217 .group_unselected {
 218   background: url("../../../view/theme/diabook/icons/unselected.png") no-repeat left center;
 219   float: left;
 220   height: 22px;
 221   width: 22px;
 222 }
 223 .icon.text_add          {
 224                 background-image: url("../../../images/icons/16/add.png");
 225                 float: right;
 226                 opacity: 0.2;
 227                 margin-right: 14px;
 228                 }
 229 .icon.text_add:hover    {
 230                 background-image: url("../../../images/icons/16/add.png");
 231                 float: right;
 232                 cursor: pointer;
 233                 margin-right: 14px;
 234                 opacity: 1;
 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;
 240                 }
 241 .icon.text_edit {
 242   background-image: url("../../../images/icons/10/edit.png");
 243   opacity: 0.2;
 244   margin-top: 6px;
 245   float: right;
 246   height: 10px;
 247 }
 248 .icon.text_edit:hover {
 249   background-image: url("../../../images/icons/10/edit.png");
 250   opacity: 1;
 251   margin-top: 6px;
 252   float: right;
 253   height: 10px;
 254 }
 255
 256 #side-bar-photos-albums ul li{
 257   margin-left: 30px;
 258   padding-left: 0px;
 259         }
 260 #side-bar-photos-albums ul li a{
 261   color: #3465A4;
 262
 263 .widget .tool.selected {
 264   background: url("../../../view/theme/diabook/diabook-aerith/icons/selected.png") no-repeat left center;}
 265
 266 #birthday-wrapper a {
 267         color: #3465A4;
 268         }
 269
 270 .tread-wrapper a{
 271   color: #3465A4;
 272 }
 273
 274 .wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
 275   display: table-row;
 276 }
 277 .wall-item-bottom {
 278   font-size: 13px;
 279 }
 280 .wall-item-container .wall-item-bottom {
 281 /*  opacity: 0.5;
 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; */
 287 }
 288 .wall-item-container:hover .wall-item-bottom {
 289 /*  opacity: 1;
 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; */
 295 }
 296 .wall-item-container .wall-item-info {
 297   display: table-cell;
 298   vertical-align: top;
 299   text-align: left;
 300   width: 80px;
 301 }
 302 .wall-item-container .wall-item-location {
 303   padding-right: 40px;
 304   display: table-cell;
 305 }
 306 .wall-item-container .wall-item-ago {
 307   word-wrap: break-word;
 308   width: 50px;
 309   margin-left: 10px;
 310   color: #999;
 311 }
 312 .wall-item-location {
 313
 314   clear: both;
 315   overflow: hidden;
 316
 317   margin-bottom: 5px;
 318 }
 319
 320 .wall-item-container .wall-item-content {
 321
 322   max-width: 720px;
 323   word-wrap: break-word;
 324
 325
 326 }
 327
 328 .wall-item-container .wall-item-content img {
 329   max-width: 700px;
 330 }
 331 .wall-item-container .wall-item-links, .wall-item-container .wall-item-actions {
 332   display: table-cell;
 333   vertical-align: middle;
 334 }
 335 .wall-item-container .wall-item-links .icon, .wall-item-container .wall-item-actions .icon {
 336   opacity: 0.5;
 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;
 342 }
 343 .wall-item-container .wall-item-links .icon:hover, .wall-item-container .wall-item-actions .icon:hover {
 344   opacity: 1;
 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;
 350 }
 351 .wall-item-container .wall-item-name {
 352   font-weight: bold;
 353 }
 354 .wall-item-container .wall-item-actions-author {
 355   width: 100%;
 356   margin-bottom: 0.3em;
 357 }
 358 .wall-item-container .wall-item-actions-social {
 359   float: left;
 360   margin-bottom: 1px;
 361   display: table-cell;
 362 }
 363 .wall-item-container .wall-item-actions-social a {
 364   margin-right: 1em;
 365 }
 366 .wall-item-actions-social a {
 367   float: left;
 368 }
 369 .wall-item-container .wall-item-actions-tools {
 370   float: right;
 371   width: 80px;
 372   display: table-cell;done
 373 }
 374 .wall-item-container .wall-item-actions-tools a {
 375   float: right;
 376 }
 377 .wall-item-container .wall-item-actions-tools input {
 378   float: right;
 379 }
 380 .wall-item-container.comment {
 381   margin-top: 5px;
 382   margin-bottom: 5px;
 383   margin-left: 80px;
 384   width: 700px;
 385   border-bottom: 1px solid hsl(198, 21%, 79%);
 386 }
 387
 388
 389 .comment-edit-preview {
 390   width: 500px;
 391   margin-top: 10px;
 392   background-color:  #fff797;
 393 }
 394
 395 .button.creation2 {
 396     background-color: #3465A4;
 397          cursor: pointer;
 398 }
 399
 400
 401 /*ACL*/
 402
 403 ul.tabs li .active {
 404     background-color: #3465A4;
 405     box-shadow: 2px 2px 2px #CFCFCF;}
 406
 407 ul.rs_tabs li .selected {
 408     background-color: #3465A4;}
 409
 410 /*Photo */
 411
 412 .photo {
 413 box-shadow: 2px 2px 5px 0px #000000;
 414 margin: 0px;
 415 border-radius: 10px;
 416 }
 417
 418 .calendar.eventcal a {
 419   color: #3465A4;
 420 }
 421
 422 .photo-top-album-name {
 423         width: 100%;
 424         position: absolute;
 425         bottom: 0px;
 426         padding-left: 3px;
 427         background-color: #EEE;
 428 }
 429 .photo-top-album-link{
 430   color: #3465A4;
 431 }