view/theme/diabook/diabook-green/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-green/icons/bb-url.png");}
   7 .icon.quote{
   8   background-image: url("../../../view/theme/diabook/diabook-green/icons/quote.png");}
   9 .icon.bold{
  10   background-image: url("../../../view/theme/diabook/diabook-green/icons/bold.png");}
  11 .icon.underline{
  12   background-image: url("../../../view/theme/diabook/diabook-green/icons/underline.png");}
  13 .icon.italic{
  14   background-image: url("../../../view/theme/diabook/diabook-green/icons/italic.png");}
  15 .icon.bb-image{
  16   background-image: url("../../../view/theme/diabook/diabook-green/icons/bb-image.png");}
  17 .icon.bb-video{
  18   background-image: url("../../../view/theme/diabook/diabook-green/icons/bb-video.png");}
  19  .icon.contacts {
  20   background-image: url("../../../view/theme/diabook/diabook-green/icons/contacts.png");}
  21 .icon.notifications {
  22   background-image: url("../../../view/theme/diabook/diabook-green/icons/notifications.png");}
  23 .icon.notify {
  24   background-image: url("../../../view/theme/diabook/diabook-green/icons/notify.png");}
  25 .icon.messages {
  26   background-image: url("../../../view/theme/diabook/diabook-green/icons/messages.png");}
  27 .icon.community {
  28   background-image: url("../../../view/theme/diabook/diabook-green/icons/community.png");}
  29
  30 .icon.drop      { background-image: url("../../../view/theme/diabook/diabook-green/icons/drop.png");}
  31 .icon.drophide  { background-image: url("../../../view/theme/diabook/diabook-green/icons/drop.png");}
  32 .icon.dislike   { background-image: url("../../../view/theme/diabook/diabook-green/icons/dislike.png");}
  33 .icon.like      { background-image: url("../../../view/theme/diabook/diabook-green/icons/like.png");}
  34 .icon.pencil    { background-image: url("../../../view/theme/diabook/diabook-green/icons/pencil.png");}
  35 .icon.recycle   { background-image: url("../../../view/theme/diabook/diabook-green/icons/recycle.png");}
  36 .icon.remote-link { background-image: url("../../../view/theme/diabook/diabook-green/icons/remote.png");}
  37 .icon.tagged    { background-image: url("../../../view/theme/diabook/diabook-green/icons/tagged.png");}
  38 .icon.file-as { background-image: url("../../../view/theme/diabook/diabook-green/icons/file_as.png");}
  39 .star-item.icon.unstarred { background-image: url("../../../view/theme/diabook/diabook-green/icons/unstarred.png");}
  40 .star-item.icon.starred { background-image: url("../../../view/theme/diabook/diabook-green/icons/starred.png");}
  41 .icon.link              { background-image: url("../../../view/theme/diabook/diabook-green/icons/link.png");}
  42 .icon.lock              { background-image: url("../../../view/theme/diabook/diabook-green/icons/lock.png");}
  43 .icon.unlock            { background-image: url("../../../view/theme/diabook/diabook-green/icons/unlock.png");}
  44 .icon.language    { background-image: url("../../../view/theme/diabook/diabook-green/icons/language.png");}
  45 .camera         { background-image: url("../../../view/theme/diabook/diabook-green/icons/camera.png");}
  46 .attach         { background-image: url("../../../view/theme/diabook/diabook-green/icons/attach.png");}
  47 .video2         { background-image: url("../../../view/theme/diabook/diabook-green/icons/video.png"); }
  48 .video  { background-image: url("../../../view/theme/diabook/diabook-green/icons/video.png");}
  49 .audio2         { background-image: url("../../../view/theme/diabook/diabook-green/icons/audio.png");}
  50 .audio  { background-image: url("../../../view/theme/diabook/diabook-green/icons/audio.png");}
  51 .weblink        { background-image: url("../../../view/theme/diabook/diabook-green/icons/weblink.png");}
  52 .globe  { background-image: url("../../../view/theme/diabook/diabook-green/icons/globe.png");}
  53 .unglobe        { background-image: url("../../../view/theme/diabook/diabook-green/icons/unglobe.png");}
  54 .edit    {background-image: url("../../../view/theme/diabook/diabook-green/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-green/icons/toogle_on.png"); background-repeat: no-repeat;}
  59 .icon.off            { background-image: url("../../../view/theme/diabook/diabook-green/icons/toogle_off.png"); background-repeat: no-repeat;}
  60 .icon.prev           { background-image: url("../../../view/theme/diabook/diabook-green/icons/prev.png"); background-repeat: no-repeat;}
  61 .icon.next           { background-image: url("../../../view/theme/diabook/diabook-green/icons/next.png"); background-repeat: no-repeat;}
  62 icon.border.camera{background-image: url("../../../view/theme/diabook/diabook-green/icons/camera.png");}
  63 .icon.border.link{background-image: url("../../../view/theme/diabook/diabook-green/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-green/icons/messages.png");}
  66 .on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{
  67         background-image: url("../../../view/theme/diabook/diabook-green/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-green/icons/contacts.png");}
  69
  70 .menu-profile-icon.home{
  71         background: url("../../../view/theme/diabook/diabook-green/icons/home.png") no-repeat;}
  72 .menu-profile-icon.photos{
  73         background: url("../../../view/theme/diabook/diabook-green/icons/mess_side.png") no-repeat;}
  74 .menu-profile-icon.events{
  75         background: url("../../../view/theme/diabook/diabook-green/icons/events.png") no-repeat;}
  76 .menu-profile-icon.notes{
  77         background: url("../../../view/theme/diabook/diabook-green/icons/notes.png") no-repeat;}
  78 .menu-profile-icon.foren{
  79         background: url("../../../view/theme/diabook/diabook-green/icons/pubgroups.png") no-repeat;}
  80 .menu-profile-icon.com_side{
  81         background: url("../../../view/theme/diabook/diabook-green/icons/com_side.png") no-repeat;}
  82 .menu-profile-icon.pscontacts{
  83         background: url("../../../view/theme/diabook/diabook-green/icons/pscontacts.png") no-repeat;}
  84
  85
  86
  87
  88 a {color: #333333;}
  89
  90 /*bug?  This is probably supposed to be green, but we'll keep the original for now and fix later if it is wrong. */
  91
  92 #fileas-sidebar .tool:hover  {background: #aliceBlue;}
  93
  94 /* header */
  95 header {
  96   background: #5cd65c;
  97   background-color: #5cd65c;
  98   border-bottom: 1px;
  99   border-bottom-color: black;
 100   border-bottom-style: inset;
 101 }
 102
 103 header #banner a,
 104 header #banner a:active,
 105 header #banner a:visited,
 106 header #banner a:link,
 107 header #banner a:hover {
 108   color: #1f1f1f;
 109   font-weight: bolder;
 110 }
 111
 112 header #banner #logo-text {
 113  font-size: 20px!important;position: relative!important;top: -4px!important;
 114 }
 115
 116 /* messages */
 117 #message-new {
 118   background: #2c9936;
 119   border: 1px solid #333;
 120 }
 121
 122 /* nav */
 123 nav { background: #5cd65c;
 124   color: #ffffff;
 125  border-bottom: 1px;
 126   border-bottom-color: black;
 127   border-bottom-style: inset;
 128 }
 129
 130 nav a,
 131 nav a:active,
 132 nav a:visited,
 133 nav a:link,
 134 nav a:hover {
 135   color: #1f1f1f;
 136 }
 137
 138 nav .nav-menu-icon:hover {
 139   position: relative;
 140   height: 22px;
 141   padding: 5px;
 142   margin: 0px 5px;
 143   -moz-border-radius: 5px 5px 0 0;
 144   -webkit-border-radius: 5px 5px 0 0;
 145   border-radius: 5px 5px 0 0;
 146 }
 147
 148 nav .nav-notify {
 149 background-color: #fff;
 150   border: 1px solid black;
 151 }
 152
 153 nav #nav-home-link, #nav-directory-link, #nav-apps-link{
 154 font-size: 14px;
 155 }
 156
 157 nav #nav-apps-link.selected {
 158  background-color: #fff;
 159   moz-border-radius: 5px 5px 0 0;
 160 -webkit-border-radius: 5px 5px 0 0;
 161 border-radius: 5px 5px 0 0;
 162 }
 163
 164 ul.menu-popup {
 165   background: #f5fcf5;}
 166
 167 ul.menu-popup a:hover {
 168   background-color: #b8edb8;
 169   color: #000;
 170 }
 171
 172 .menu-profile-list:hover{
 173         background: #b8edb8;
 174 }
 175
 176 aside #likes a, a:visited, a:link {
 177                 color: #2c9936;
 178                 text-decoration: none;
 179                 cursor: pointer;
 180
 181 }
 182 aside #likes a:hover{
 183         text-decoration: underline;
 184         }
 185
 186
 187
 188 .group_selected {
 189   background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center;
 190   float: left;
 191   height: 22px;
 192   width: 22px;
 193 }
 194 .group_unselected {
 195   background: url("../../../view/theme/diabook/icons/unselected.png") no-repeat left center;
 196   float: left;
 197   height: 22px;
 198   width: 22px;
 199 }
 200 .icon.text_add          {
 201                 background-image: url("../../../images/icons/16/add.png");
 202                 float: right;
 203                 opacity: 0.2;
 204                 margin-right: 14px;
 205                 }
 206 .icon.text_add:hover    {
 207                 background-image: url("../../../images/icons/16/add.png");
 208                 float: right;
 209                 cursor: pointer;
 210                 margin-right: 14px;
 211                 opacity: 1;
 212 -webkit-transition: all 0.2s ease-in-out;
 213 -moz-transition: all 0.2s ease-in-out;
 214 -o-transition: all 0.2s ease-in-out;
 215 -ms-transition: all 0.2s ease-in-out;
 216 transition: all 0.2s ease-in-out;
 217                 }
 218 .icon.text_edit {
 219   background-image: url("../../../images/icons/10/edit.png");
 220   opacity: 0.2;
 221   margin-top: 6px;
 222   float: right;
 223   height: 10px;
 224 }
 225 .icon.text_edit:hover {
 226   background-image: url("../../../images/icons/10/edit.png");
 227   opacity: 1;
 228   margin-top: 6px;
 229   float: right;
 230   height: 10px;
 231 }
 232
 233 #side-bar-photos-albums ul li{
 234   margin-left: 30px;
 235   padding-left: 0px;
 236         }
 237 #side-bar-photos-albums ul li a{
 238   color: #3465a4;
 239
 240 .widget .tool.selected {
 241   background: url("../../../view/theme/diabook/diabook-green/icons/selected.png") no-repeat left center;}
 242
 243 #birthday-wrapper a {
 244         color: #3465a4;
 245         }
 246
 247 .tread-wrapper a{
 248   color: #2c9936;
 249 }
 250
 251 .wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
 252   display: table-row;
 253 }
 254 .wall-item-bottom {
 255   font-size: 13px;
 256 }
 257 .wall-item-container .wall-item-bottom {
 258 /*  opacity: 0.5;
 259   -webkit-transition: all 0.2s ease-in-out;
 260   -moz-transition: all 0.2s ease-in-out;
 261   -o-transition: all 0.2s ease-in-out;
 262   -ms-transition: all 0.2s ease-in-out;
 263   transition: all 0.2s ease-in-out; */
 264 }
 265 .wall-item-container:hover .wall-item-bottom {
 266 /*  opacity: 1;
 267   -webkit-transition: all 0.2s ease-in-out;
 268   -moz-transition: all 0.2s ease-in-out;
 269   -o-transition: all 0.2s ease-in-out;
 270   -ms-transition: all 0.2s ease-in-out;
 271   transition: all 0.2s ease-in-out; */
 272 }
 273 .wall-item-container .wall-item-info {
 274   display: table-cell;
 275   vertical-align: top;
 276   text-align: left;
 277   width: 80px;
 278 }
 279 .wall-item-container .wall-item-location {
 280   padding-right: 40px;
 281   display: table-cell;
 282 }
 283 .wall-item-container .wall-item-ago {
 284   word-wrap: break-word;
 285   width: 50px;
 286   margin-left: 10px;
 287   color: #999;
 288 }
 289 .wall-item-location {
 290
 291   clear: both;
 292   overflow: hidden;
 293
 294   margin-bottom: 5px;
 295 }
 296
 297 .wall-item-container .wall-item-content {
 298
 299   max-width: 720px;
 300   word-wrap: break-word;
 301
 302
 303 }
 304
 305 .wall-item-container .wall-item-content img {
 306   max-width: 700px;
 307 }
 308 .wall-item-container .wall-item-links, .wall-item-container .wall-item-actions {
 309   display: table-cell;
 310   vertical-align: middle;
 311 }
 312 .wall-item-container .wall-item-links .icon, .wall-item-container .wall-item-actions .icon {
 313   opacity: 0.5;
 314   -webkit-transition: all 0.2s ease-in-out;
 315   -moz-transition: all 0.2s ease-in-out;
 316   -o-transition: all 0.2s ease-in-out;
 317   -ms-transition: all 0.2s ease-in-out;
 318   transition: all 0.2s ease-in-out;
 319 }
 320 .wall-item-container .wall-item-links .icon:hover, .wall-item-container .wall-item-actions .icon:hover {
 321   opacity: 1;
 322   -webkit-transition: all 0.2s ease-in-out;
 323   -moz-transition: all 0.2s ease-in-out;
 324   -o-transition: all 0.2s ease-in-out;
 325   -ms-transition: all 0.2s ease-in-out;
 326   transition: all 0.2s ease-in-out;
 327 }
 328 .wall-item-container .wall-item-name {
 329   font-weight: bold;
 330 }
 331 .wall-item-container .wall-item-actions-author {
 332   width: 100%;
 333   margin-bottom: 0.3em;
 334 }
 335 .wall-item-container .wall-item-actions-social {
 336   float: left;
 337   margin-bottom: 1px;
 338   display: table-cell;
 339 }
 340 .wall-item-container .wall-item-actions-social a {
 341   margin-right: 1em;
 342 }
 343 .wall-item-actions-social a {
 344   float: left;
 345 }
 346 .wall-item-container .wall-item-actions-tools {
 347   float: right;
 348   width: 80px;
 349   display: table-cell;
 350 }
 351 .wall-item-container .wall-item-actions-tools a {
 352   float: right;
 353 }
 354 .wall-item-container .wall-item-actions-tools input {
 355   float: right;
 356 }
 357 .wall-item-container.comment {
 358   margin-top: 5px;
 359   margin-bottom: 5px;
 360   margin-left: 80px;
 361   width: 700px;
 362   border-bottom: 1px solid hsl(198, 21%, 79%);
 363 }
 364
 365
 366 .comment-edit-preview {
 367   width: 500px;
 368   margin-top: 10px;
 369 }
 370
 371 .button.creation2 {
 372     background-color: #2c9936;
 373          cursor: pointer;
 374 }
 375
 376
 377 /*ACL*/
 378
 379 ul.tabs li .active {
 380     background-color: #2c9936;
 381     box-shadow: 2px 2px 2px #CFCFCF;}
 382
 383 ul.rs_tabs li .selected {
 384     background-color: #2c9936;}
 385
 386 /*Photo */
 387
 388 .photo {
 389 box-shadow: 2px 2px 5px 0px #000000;
 390 margin: 0px;
 391 border-radius: 10px;
 392 }
 393
 394 .calendar.eventcal a {
 395   color: #3465a4;
 396 }
 397
 398 .photo-top-album-name {
 399         width: 100%;
 400         position: absolute;
 401         bottom: 0px;
 402         padding-left: 3px;
 403         background-color: #EEE;
 404 }
 405 .photo-top-album-link{
 406   color: #3465a4;
 407 }