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