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

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