]> git.mxchange.org Git - friendica.git/commitdiff
Merge branch 'develop' into issue-1574
authorfabrixxm <fabrix.xm@gmail.com>
Sun, 24 May 2015 08:26:21 +0000 (10:26 +0200)
committerfabrixxm <fabrix.xm@gmail.com>
Sun, 24 May 2015 08:26:21 +0000 (10:26 +0200)
1  2 
include/items.php
view/theme/quattro/quattro.less

diff --combined include/items.php
index c5de29a6de59aa4a24f9a6cd4496e10adc57e1b8,85d02ab60d55ef4a1eba1e3c392ed38c7c001bab..66307573d964a5fb5a672bed33ec37590c13f5e9
@@@ -4745,18 -4745,6 +4745,18 @@@ function drop_item($id,$interactive = t
                        // ignore the result
                }
  
 +              // If item has attachments, drop them
 +
 +              foreach(explode(",",$item['attach']) as $attach){
 +                      preg_match("|attach/(\d+)|", $attach, $matches);
 +                      q("DELETE FROM `attach` WHERE `id` = %d AND `uid` = %d",
 +                              intval($matches[1]),
 +                              local_user()
 +                      );
 +                      // ignore the result
 +              }
 +
 +
                // clean up item_id and sign meta-data tables
  
                /*
                        // Add a relayable_retraction signature for Diaspora.
                        store_diaspora_retract_sig($item, $a->user, $a->get_baseurl());
                }
 +
                $drop_id = intval($item['id']);
  
                // send the notification upstream/downstream as the case may be
@@@ -4871,6 -4858,37 +4871,37 @@@ function first_post_date($uid,$wall = f
        return false;
  }
  
+ /* modified posted_dates() {below} to arrange the list in years */
+ function list_post_dates($uid, $wall) {
+       $dnow = datetime_convert('',date_default_timezone_get(),'now','Y-m-d');
+       
+       $dthen = first_post_date($uid, $wall);        
+       if(! $dthen)
+               return array();
+         
+       // Set the start and end date to the beginning of the month
+         $dnow = substr($dnow,0,8).'01';
+       $dthen = substr($dthen,0,8).'01';
+         
+       $ret = array();
+         
+       // Starting with the current month, get the first and last days of every
+       // month down to and including the month of the first post
+       while(substr($dnow, 0, 7) >= substr($dthen, 0, 7)) {
+               $dyear = intval(substr($dnow,0,4));
+               $dstart = substr($dnow,0,8) . '01';
+               $dend = substr($dnow,0,8) . get_dim(intval($dnow),intval(substr($dnow,5)));
+               $start_month = datetime_convert('','',$dstart,'Y-m-d');
+               $end_month = datetime_convert('','',$dend,'Y-m-d');
+               $str = day_translate(datetime_convert('','',$dnow,'F'));
+               if(! $ret[$dyear])
+                       $ret[$dyear] = array();
+               $ret[$dyear][] = array($str,$end_month,$start_month);
+               $dnow = datetime_convert('','',$dnow . ' -1 month', 'Y-m-d');
+       }
+       return $ret;
+ }
  function posted_dates($uid,$wall) {
        $dnow = datetime_convert('',date_default_timezone_get(),'now','Y-m-d');
  
@@@ -4908,16 -4926,28 +4939,28 @@@ function posted_date_widget($url,$uid,$
  
  /*    if($wall && intval(get_pconfig($uid,'system','no_wall_archive_widget')))
                return $o;*/
-       $ret = posted_dates($uid,$wall);
+         
+       $visible_years = get_pconfig($uid,'system','archive_visible_years');
+       if(! $visible_years)
+               $visible_years = 5;     
+         
+         $ret = list_post_dates($uid,$wall);
+         
        if(! count($ret))
                return $o;
  
+         $cutoff_year = intval(datetime_convert('',date_default_timezone_get(),'now','Y')) - $visible_years;
+       $cutoff = ((array_key_exists($cutoff_year,$ret))? true : false);
+         
        $o = replace_macros(get_markup_template('posted_date_widget.tpl'),array(
                '$title' => t('Archives'),
-               '$size' => ((count($ret) > 6) ? 6 : count($ret)),
+               '$size' => $visible_years,
+               '$cutoff_year' => $cutoff_year,
+               '$cutoff' => $cutoff,
                '$url' => $url,
-               '$dates' => $ret
+               '$dates' => $ret,
+                 '$showmore' => t('show more')
        ));
        return $o;
  }
index 56eab54cc96409442bc85a559ec8c9d6b7988ae0,dded1514a54e81d41fd4c023661311a82a69fdaf..480effd501d5a6aace92a0beff0cba7778cb5645
@@@ -12,9 -12,9 +12,9 @@@ body 
  h4 { font-size: 1.1em }
  
  .shadow(@x: 0px, @y: 5px){
-    -webkit-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
-    -moz-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
-    box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
+         -webkit-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
+         -moz-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
+         box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
  }
  
  .rounded(@tr: 5px, @tl: 5px, @bl: 5px, @br: 5px){
@@@ -36,7 -36,7 +36,7 @@@
        -o-transition: all @d ease-in-out;
        -ms-transition: all @d ease-in-out;
        transition: all @d ease-in-out;
 -}     
 +}
  
  
  a, a:link { color: @Link; text-decoration: none; }
@@@ -52,11 -52,11 +52,11 @@@ a:hover {color: @LinkHover; text-decora
  .fakelink:hover { color: @LinkHover; text-decoration: underline; }
  
  blockquote {
-     background:@BlockquoteBackgroundColor;
-     padding: 1em;
-     margin-left: 1em;
-     border-left: 1em solid @BlockquoteBorderColor;
+         background:@BlockquoteBackgroundColor;
+         padding: 1em;
+         margin-left: 1em;
+         border-left: 1em solid @BlockquoteBorderColor;
+     
  }
  
  code {
@@@ -68,7 -68,7 +68,7 @@@
        background: #EEE;
        color: #444;
        padding: 10px;
 -      margin-top: 20px; 
 +      margin-top: 20px;
  }
  
  #panel {
        list-style: none;
        border: 3px solid @MenuBorder;
        z-index: 100000;
-       .shadow();
+       
+       .shadow();      
  }
  
  
 +
  /* tool */
 +
  .tool {
        height: auto; overflow: auto;
        .label { float: left;}
@@@ -97,8 -95,6 +97,8 @@@
  }
  
  
 +
 +
  /* popup notifications */
  #jGrowl.top-right {
        top: 30px;
@@@ -134,7 -130,7 +134,7 @@@ header 
        #site-location {
                display: none;
        }
+       
        #banner {
                overflow: hidden;
                  text-align: center;
                #logo-text { font-size: 22px }
        }
  }
 -
  /* nav */
- nav {
+ nav { 
        width: 100%; height: 32px;
        position: fixed; left: 0px; top: 0px;
        padding: 0px;
                ul {
                        margin: 0px;
                        padding: 0px 20px;
-                       li {
-                               list-style: none;
+                       li { 
+                               list-style: none; 
                                margin: 0px; padding: 0px;
                                float: left;
                                .menu-popup{ left: 0px; right: auto; }
                        }
+                       
                }
  
                .nav-menu-icon {
                        padding: 5px;
                        margin: 0px 10px;
                        .roundtop();
+                       
                        &.selected {
                                background-color: @NavbarSelectedBg;
                        }
+                       
                                img { width: 22px; height: 22px; }
                                .nav-notify { top: 3px; }
                }
                        &.selected {
                                border-bottom: 3px solid @NavbarSelectedBorder;
                        }
+                       
                }
  
                .nav-notify {
                        right: -10px;
                        min-width: 15px;
                        text-align: right;
+                       
                                &.show{ display: block; }
                }
+               
+               
                #nav-help-link,
                #nav-search-link,
                #nav-directory-link,
                #nav-apps-link,
-               #nav-site-linkmenu {
+               #nav-site-linkmenu { 
                        float: right;
                        .menu-popup{ right: 0px; left: auto; }
                }
+       
                #nav-notifications-linkmenu.on .icon.s22.notify,
                #nav-notifications-linkmenu.selected .icon.s22.notify   { background-image: url("../../../images/icons/22/notify_on.png") }
-         #nav-introductions-link.on .icon.s22.intro,
+                 #nav-introductions-link.on .icon.s22.intro,
                #nav-introductions-link.selected .icon.s22.intro        { background-image: url("icons/contacts_on.png") }
                #nav-messages-link.on .icon.s22.mail,
-               #nav-messages-link.selected .icon.s22.mail              { background-image: url("icons/messages_on.png") }
+               #nav-messages-link.selected .icon.s22.mail              { background-image: url("icons/messages_on.png") }              
                #nav-apps-link.selected { background-color: @NavbarSelectedBg; }
  }
  
@@@ -242,9 -239,9 +242,9 @@@ ul.menu-popup 
        list-style: none;
        border: 3px solid @MenuBorder;
        z-index: 100000;
+       
        .shadow();
+       
                a { display: block; color: @MenuItem; padding: 5px 10px; text-decoration: none;}
                a:hover { background-color: @MenuItemHoverBg; }
                .menu-sep  { border-top: 1px solid @MenuItemSeparator; }
                        color: @MenuEmpty;
                }
                .toolbar {
-                       background-color:  @MenuEmpty;
+                       background-color:  @MenuEmpty; 
                        height: auto; overflow: auto;
                        a { float: right; }
                        a:hover { background-color: @MenuBg; }
                }
+               
  }
  
  /* autocomplete popup */
        z-index:100000;
        .shadow();
  }
- .autocomplete > div,
+ .autocomplete > div, 
  .acpopupitem {
        color: @MenuItem; padding: 4px;
        clear:left;
  }
  
  
 +
 +
  /* aside 230px*/
- aside {
+ aside { 
        display: table-cell;
        vertical-align: top;
        width: 200px;
                dl { height: auto; overflow: auto; }
                dt {float: left; margin-left: 0px; width: 35%; text-align: right; color: @VCardLabelColor; }
                dd {float: left; margin-left: 4px; width: 60%;}
+       
        }
  
        #profile-extra-links {
                text-transform:uppercase;
                padding: 4px 2px 2px 35px;
                  margin-top: 3px;
+               
                &:hover { text-decoration: none; background-color: @AsideConnectHoverBg; }
        }
        #dfrn-request-link {
                font-weight: bold;
                text-transform:uppercase;
                padding: 4px 2px 2px 35px;
+               
                &:hover { text-decoration: none; background-color: @AsideConnectHoverBg; }
        }
  
        #profiles-menu { width: 20em; }
+         
+         .posted-date-selector-months { margin-left: 10px; }
  }
  
  #contact-block {
        width: 60px;
        height: 60px;
  }*/
+  
  /* widget */
  .widget {
        margin-bottom: 2em;
+       
        h3 { padding: 0px; margin: 2px;}
        .action { .opaque(0.1); }
        input.action { .opaque(0.5); }
  
        ul { padding: 0px;}
        ul li {padding-left: 16px; min-height: 16px; list-style: none; }
+       
        .tool.selected {
                background: url('../../../images/selected.png') no-repeat left center;
        }
+       
        /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
        .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
+       
  }
  
  /* widget: search */
  
  
  /* section 800px */
- section {
+ section { 
        display: table-cell;
        vertical-align: top;
        width: 770px;
  }
  
  /* wall item */
- .tread-wrapper {
+ .tread-wrapper { 
        background-color: @ThreadBackgroundColor;
        position: relative;
        padding: 10px;
  .wall-item-container {
        display: table;
        width: 750px;
+       
        .wall-item-item,
        .wall-item-bottom { display: table-row; }
+       
        .wall-item-bottom { .opaque(0.5); }
        &:hover .wall-item-bottom { .opaque(1); }
        .wall-item-info {
                vertical-align: top;
                text-align: left;
                width: 60px;
-       }
+               
+       } 
        .wall-item-location {
                word-wrap: break-word;
                width: 50px;
        }
        .wall-item-content img { max-width: 700px; }
        .wall-item-links,
-       .wall-item-actions {
-               display: table-cell;
-               vertical-align: middle;
+       .wall-item-actions { 
+               display: table-cell; 
+               vertical-align: middle; 
+               
                .icon {
                        .opaque(0.5);
                }
                .icon:hover  {
                        .opaque(1.0);
-               }
+               }               
        }
+       
        .wall-item-ago { padding-right: 40px; }
        .wall-item-name { font-weight: bold; }
+       
        .wall-item-actions-author { float: left; width: 20em; margin-top: 0.5em; }
        .wall-item-actions-social { float: left; margin-top: 0.5em;
                a { margin-right: 3em; }
         }
-       .wall-item-actions-tools { float: right; width: 15%;
+       .wall-item-actions-tools { float: right; width: 15%; 
                a { float: right; }
                input { float: right; }
        }
+               
  }
  
  
  .wall-item-container.comment {
        .contact-photo-wrapper { margin-left: 16px; }
-       .contact-photo {
-               width: 32px; height: 32px;
+       .contact-photo { 
+               width: 32px; height: 32px; 
        }
+       
        .contact-photo-menu-button {
                top: 15px !important;
                left: 0px !important;
        }
        .wall-item-links { padding-left: 12px; }
+       
        .commentbox {
                height: 0px;
                overflow: hidden;
                }
                .transition();
        }
+       
        &:hover .commentbox {
                height:auto; overflow: visible;
                .wall-item-comment-wrapper {
                .opaque(0.5);
        }
        .contact-photo-wrapper { margin-left: 32px; }
-       .contact-photo {
+       .contact-photo { 
                width: 16px; height: 16px;
-       }
+       }       
        .contact-photo-menu-button {
                top: 15px !important;
                left: 15px !important;
  .wall-item-comment-wrapper {
        margin: 1em 2em 1em 60px;
        .comment-edit-photo { display: none; }
-       textarea {
+       
+       textarea {      
                height: 1em; width: 100%; font-size: 10px;
                color: @CommentBoxEmptyColor;
                border: 1px solid @CommentBoxEmptyBorderColor;
                color: @CommentBoxFullColor;
                border: 1px solid @CommentBoxFullBorderColor;
        }
+       
        &.photo {
                margin: 1em 2em 1em 0px;
        }
        border: 1px solid @Grey5;
        margin-top: 10px;
        background-color: @JotPreviewBackgroundColor;
+       
        .contact-photo { width: 32px; height: 32px; margin-left: 16px;
                /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
-       }
+       }       
        .contact-photo-menu-button {
                top: 15px !important;
                left: 15px !important;
        .wall-item-links { padding-left: 12px; }
  
        .wall-item-container { width: 90%; }
-       .tread-wrapper {
-               width: 90%; padding: 0; margin: 10px 0;
+       .tread-wrapper { 
+               width: 90%; padding: 0; margin: 10px 0; 
                background-color: @JotPreviewBackgroundColor;
                border-bottom: 0px;
        }
      opacity: 0.5;
  }*/
  
- .wwto {
-       position: absolute !important;
-       width: 25px; height: 25px;
-     background: #FFFFFF;
-     border: 2px solid @Metalic3;
-     height: 25px;
-     width: 25px;
-     overflow: hidden;
-     padding: 1px;
-     position: absolute !important;
-     top: 40px;
-     left: 30px;
-     .shadow(0px, 0px)
+ .wwto { 
+         position: absolute !important;
+         background: #FFFFFF;
+         border: 2px solid @Metalic3;
+         height: 25px;
+         width: 25px;
+         overflow: hidden;
+         padding: 1px;
+         top: 40px;
+         left: 30px;
+         .shadow(0px, 0px);
  }
  .wwto .contact-photo { width: 25px; height: 25px; }
  
  /* reshare e embed */
  .wall-item-container .wall-item-content .type-link img,
  .type-link img {
-     max-width: 160px;
-     max-height: 160px;
-     float: left;
-     margin-right: 10px;
-       &.attachment-image {
-               max-width: 650px;
-               max-height: inital;
-               float: none;
-               margin-right: 0px;
-       }
+         max-width: 160px;
+         max-height: 160px;
+         float: left;
+         margin-right: 10px;
  
+             &.attachment-image {
+                     max-width: 650px;
+                     max-height: inital;
+                     float: none;
+                     margin-right: 0px;
+             }
+       
  }
  .type-link {
-     blockquote {
-         margin: 1em 0px;
-         max-height: 160px;
-         overflow: hidden;
-               padding-left: 1em;
-     }
-     .oembed {}
+         blockquote {
+             margin: 1em 0px;
+             max-height: 160px;
+             overflow: hidden;
+                     padding-left: 1em;
+         }
+         .oembed {}
  }
  
  .type-video blockquote { padding-left: 1em; }
  
  .shared_header {
-     height: 32px;
-     color: #999;
-     border-top: 1px solid @ThreadBottomBorderColor;
-     padding-top: 5px;
-     margin-top: 5px;
-     img {
-         -webkit-border-radius: 4px;
-         -moz-border-radius: 4px;
-         border-radius: 4px;
-         float: left;
-     }
+         height: 32px;
+         color: #999;
+         border-top: 1px solid @ThreadBottomBorderColor;
+         padding-top: 5px;
+         margin-top: 5px;
+         img {
+             -webkit-border-radius: 4px;
+             -moz-border-radius: 4px;
+             border-radius: 4px;
+             float: left;
+         }
  
-     span { margin-left: 9px; }
+         span { margin-left: 9px; }
  }
  
  
  blockquote.shared_content {
-     margin-left: 32px;
-     color: #000;
-     border: none;
+         margin-left: 32px;
+         color: #000;
+         border: none;
  }
  
  
  .oembed.video {
-       > a.embed_video {
+       > a.embed_video { 
                display: block;
                float: none;
                > div {
  .children {
        margin-top: 1em;
        .hide-comments-outer { margin-left:60px; }
+       
        .wwto { display: none; }
+       
        .comment-edit-preview { width: 660px;
                .wall-item-container { width: 610px; }
         }
+       
        & .children {
+               
                margin-left: 40px;
                .wall-item-container { width: 710px; }
                .comment-edit-preview { width: 620px;
                        .wall-item-container { width: 620px; }
                 }
+       
                & .children {
                        .wall-item-container { width: 670px; }
-                       .comment-edit-preview { width: 580px;
+                       .comment-edit-preview { width: 580px; 
                                .wall-item-container { width: 580px; }
                        }
+               
                        & .children {
                                .wall-item-container { width: 630px; }
-                               .comment-edit-preview { width: 540px;
+                               .comment-edit-preview { width: 540px; 
                                        .wall-item-container { width: 540px; }
                                }
  
                                & .children {
                                        .wall-item-container { width: 590px; }
-                                       .comment-edit-preview { width: 500px;
+                                       .comment-edit-preview { width: 500px; 
                                                .wall-item-container { width: 500px; }
                                        }
+                                       
                                        .children {
                                                margin-left: 0px;
                                                .hide-comments-outer { margin-left: 0px; }
                                        }
                                }
-                       }
+                       }               
                }
        }
  }
  /*.threaded .hide-comments-outer { margin-left: 20px; }*/
  
  span[id^="showmore-teaser"]{
-     background: url("showmore-bg.jpg") no-repeat center bottom;
+         background: url("showmore-bg.jpg") no-repeat center bottom;
  }
  span[id^="showmore-wrap"] {
-     border-top: 1px solid #999999;
-     color: #999999;
-     display: block;
-     text-align: center;
-     background-color: @ThreadBackgroundColor;
+         border-top: 1px solid #999999;
+         color: #999999;
+         display: block;
+         text-align: center;
+         background-color: @ThreadBackgroundColor;
  }
  
  
  #pause {
-  position: fixed;
-  bottom: 5px;
-  right: 5px;
+         position: fixed;
+         bottom: 5px;
+         right: 5px;
  }
  
  
  .contact-select {     position: absolute; top:64px; left:64px; display:none; }
  .contact-select:checked,
  .contact-photo:hover .contact-select {        display:block; }
- #contacts-actions {
-       position: absolute;
+ #contacts-actions { 
+       position: absolute; 
        left: 800px;
        width: 200px;
        background-color: @MenuBg;
        #contacts-actions { left: 40px; }
  }
  
- .contact-photo {
+ .contact-photo { 
        width: 48px; height: 48px;
        img { width: 48px; height: 48px; }
        overflow: hidden;
        display: block;
-  }
+  }            
  .contact-photo-menu-button {
        display: none;
        position: absolute;
        height: 90px;
        padding-right: 10px;
        margin: 0 10px 10px 0px;
-       .contact-photo-wrapper {
-               float: left;
+       .contact-photo-wrapper { 
+               float: left; 
                margin-right: 10px;
        }
-       .contact-photo {
+       .contact-photo { 
                width: 80px; height: 80px;
                img { width: 80px; height: 80px; }
        }
        .contact-photo-menu-button {
                left: 0px;
                top: 63px;
-       }
+       }       
  }
  .directory-item {
        float: left;
        width: 200px;
        height: 200px;
-       .contact-photo {
+       .contact-photo { 
                width: 175px; height: 175px;
                img { width: 175px; height: 175px; }
        }
  }
  .contact-name { font-weight: bold; padding-top: 15px; }
- .contact-details {
+ .contact-details { 
        color: @Grey3; white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
  #jot {
  
        width: 100%;
-       margin: 0px 2em 20px 0px;
+       margin: 0px 2em 20px 0px;       
+       
        .profile-jot-text {
                height: 1em; width: 99%; font-size: 10px;
                color: @CommentBoxEmptyColor;
                                border-left: 10px solid @JotPermissionLockBackgroundColor;
                                background-color: @JotPermissionLockBackgroundColor;
                        }
+                       
                }
                li.submit {
                        float: right;
  
                &:-moz-placeholder {
                        font-weight: normal;
-               }
+               }               
+       
                &:hover { border: 1px solid @CommentBoxEmptyBorderColor }
                &:focus { border: 1px solid @CommentBoxEmptyBorderColor }
        }
+       
        #character-counter {
                width: 40px;
                float: right;
                line-height: 20px;
                padding-right: 20px;
        }
+       
        #jot-category {
                border: 0px;
                margin: 0px;
  }
  
  
 +
  #acl-wrapper {
        width: 690px;
        float:left;
        overflow: auto;
  }
  #acl-list-content {
+       
  }
  .acl-list-item {
        display: block;
        margin: 4px;
  }
  .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
- .acl-list-item a {
+ .acl-list-item a { 
        font-size: 8px;
        display: block;
        width: 40px;
@@@ -1138,12 -1129,12 +1135,12 @@@ ul.tabs 
      li {
          float: left;
          margin-left: 20px;
+         
          .active {
                        border-bottom: 1px solid @LinkVisited;
          }
      }
+     
  }
  
  
  #group-update-wrapper{
        height: auto; overflow: auto;
        #group {
-               width:300px;
+               width:300px; 
                float:left;
                margin-right:20px;
        }
        overflow: auto;
        width: 100%;
  
 +
        label {
                float: left;
                width: 200px;
        input[type="checkbox"], input[type="radio"]{
                width: auto;
        }
+       
        textarea { height: 100px; }
        .field_help {
                display: block;
                margin-left: 200px;
                color: @FieldHelpColor;
+               
        }
  
 +
        .onoff {
                float: left;
                width: 80px;
  }
  #profile-edit-profile-name,
  #profile-edit-name,
- #gender-select,
+ #gender-select, 
  #profile-edit-pdesc,
  #profile-edit-gender,
  #profile-edit-dob,
  #profile-edit-pubkeywords,
  #profile-edit-prvkeywords,
  #profile-edit-homepage {
-     margin-top: 5px;
+         margin-top: 5px;
  }
  
  /* oauth */
        height: auto; overflow: auto;
        border-bottom: 2px solid #cccccc;
        padding-bottom: 1em;
-       margin-bottom: 1em;
+       margin-bottom: 1em;     
  }
  .oauthapp img {
        float: left;
        width: 50px; float: left;
  }
  
- /* videos page */
- .videos {
-     .video-top-wrapper {
-         width: 200px; float: left;
-         margin: 0px 10px 10px 0px;
-         position: relative;
-         .video-js {
-             width: 200px!important;
-             height: 132px!important;
-         }
-         .video-delete {
-             position: absolute;
-             opacity: 0;
-             right: 0px;
-             top: 0px;
-             transition: opacity 0.5s;
-         }
-         &:hover .video-delete {
-             opacity: 1;
-         }
-     }
- }
  /* photo albums */
  @photosize: 150px;
  
  #photo-edit-link-wrap { margin-bottom: 10px; }
+       
  #album-edit-link {
        border-right: 1px solid @MenuBorder;
        float: left;
        width:@photosize; height: @photosize;
        position: relative;
        overflow: hidden;
+       
        img { width: @photosize; }
+               
        .photo-top-album-name,
        .caption{
                position: absolute;
                color: @Menu;
                background-color: @MenuBg;
+               
                width: 100%;
                .shadow(0px, 5px);
                .transition(0.5s);
                bottom: -@photosize;
        }
+       
        &:hover .photo-top-album-name,
        &:hover .caption {
                bottom: 0px;
        background: url("../../../images/icons/22/image.png") no-repeat top left;
        padding-left: 23px;
        min-height: 22px;
-       padding-top: 6px;
-       /* a { display: block;}*/
+       padding-top: 6px; 
+       /* a { display: block;}*/ 
  }
  
  #photo-caption {
              top: 10px;
            left: -10px;
          }
-       .contact-photo {
+       .contact-photo { 
                width: 80px; height: 80px;
                img { width: 80px; height: 80px; }
        }
        .contact-photo-menu-button {
                left: 0px;
                top: 63px;
-       }
+       }       
  }
  
  /* messages */
        background-color: @MailListBackgroundColor;
        margin-bottom: 5px;
        width: 100%; height: auto; overflow: hidden;
+       
        span { display: block; float: left; width: 20%; overflow: hidden;}
-       .mail-subject {
+       
+       .mail-subject { 
                width: 30%;
                padding:4px 0px 0px 4px;
                a { display: block; }
        .mail-date { padding: 4px 4px 0px 4px; }
        .mail-from { padding: 4px 4px 0px 4px; }
        .mail-count { padding: 4px 4px 0px 4px; text-align: right;}
+       
        .mail-delete { float: right; }
  }
  
        span { float: left; overflow: hidden; padding: 4px 0px 0px 10px;}
        .mail-delete { float: right;  .opaque(0.5);}
        &:hover .mail-delete { .opaque(1); }
+       
  }
  
  /* theme screenshot */
  footer { height: 100px; display: table-row; }
  
  .pager {
-     margin-top: 25px;
-     clear: both;
+         margin-top: 25px;
+         clear: both;
  }
  
  /**
        font-weight: bold;
        background-color: #FF0000;
        padding: 0em 0.3em;
+       
  }
  #adminpage {
      dl {
      }
      table {
          width:100%;
-         border-bottom: 1px solid #000000;
+         border-bottom: 1px solid #000000; 
          margin: 5px 0px;
-         th {
+         th { 
              text-align: left;
          }
-         td .icon {
+         td .icon { 
              float: left;
          }
-         tr:hover {
+         tr:hover { 
              background-color: #bbc7d7;
          }
      }
-     table#users img {
-             width: 16px; height: 16px;
+     table#users img { 
+             width: 16px; height: 16px; 
      }
      .selectall { text-align: right; }
  }
  
  /* edit buttons for comments */
 +
  .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
  .comment-edit-bb {
        list-style: none;
  }
  
  .editicon {
-     display: inline-block;
-     width: 16px;
-     height: 16px;
-     background-image: url(icons/bbedit.png);
-     text-decoration: none;
-     :hover {background-color: #ccc;}
+         display: inline-block;
+         width: 16px;
+         height: 16px;
+         background-image: url(icons/bbedit.png);
+         text-decoration: none;
+         :hover {background-color: #ccc;}
  }
  .boldbb { background-position: 0px 0px; }
  .boldbb:hover { background-position: 0px -16px; }
  /** range input css **/
  /* slider root element */
  .slider {
-     height:2px;
-     position:relative;
-     cursor:pointer;
-     border:1px solid #333;
-     width:200px;
-     margin:10px 0px 10px 0px;
-       float: left;
+         height:2px;
+         position:relative;
+         cursor:pointer;
+         border:1px solid #333;
+         width:200px;
+         margin:10px 0px 10px 0px;
+             float: left;
  }
  
  /* progress bar (enabled with progress: true) */
  .progress {
-     height:9px;
-     background-color:#C5FF00;
-     display:none;
-     opacity:0.6;
+         height:9px;
+         background-color:#C5FF00;
+         display:none;
+         opacity:0.6;
  }
  
  /* drag handle */
  .handle {
-       background-color:#ccc;
-     height:16px;
-     width:8px;
-     top:-8px;
-     position:absolute;
-     display:block;
-     margin-top:1px;
-     border:1px solid #000;
-     cursor:move;
-       .roundbottom();
-       .shadow();
+         background-color:#ccc;
+         height:16px;
+         width:8px;
+         top:-8px;
+         position:absolute;
+         display:block;
+         margin-top:1px;
+         border:1px solid #000;
+         cursor:move;
+             .roundbottom();
+             .shadow();
  }
  
  /* the input field */
        border: 0px;
        color: @FieldHelpColor;
  }
 +