modified: view/theme/smoothly/profile_vcard.tpl

[friendica.git] / view / theme / smoothly / style.css

diff --git a/view/theme/smoothly/style.css b/view/theme/smoothly/style.css
index 9667eaf1d0a90de464caa3a8c62dbdb4edb97f6e..a19f1337263ab150cde91c49ebb8c97ccc6cabf9 100644 (file)
--- a/view/theme/smoothly/style.css
+++ b/view/theme/smoothly/style.css
@@ -3,11 +3,10 @@
        Smoothly
    
        Created by Anne Walk and Devlon Duthie on 2011-09-24
-       Modified by alex@friendica.pixelbits.de on 2012-09-06
+       Modified by alex@friendica.pixelbits.de on 2012-09-12
 
-*/
-/* ========== */
-/* = Colors
+
+** Colors ** 
 Blue links - #1873a2
 Blue link hover - #6da6c4
 Blue Gradients (buttons and other gradients) - #1873a2 and #6da6c4
@@ -18,13 +17,12 @@ Orange - #fec01d
 
 You can switch out the colors of the header, buttons and links by using a find and replace in your text editor.
 
- = */
-/* ========== */
+*/
 
 body {
     margin: 0 auto;
     padding-bottom: 3em;
-    position: relative;
+    /*position: relative;*/
     width: 960px;
     font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
     font-size: 15px;
@@ -69,7 +67,14 @@ label {
 }
 
 li {
-       list-style: none;
+       list-style: none outside none;
+}
+li.widget-list {
+       list-style: none outside none;
+       background: url("arrow.png") no-repeat scroll left center transparent;
+       /*border-bottom: 1px dotted #D3D3D3;*/
+       display: block;
+       padding: 3px 24px;
 }
 
 .required { display: inline; color: #1873a2; }
@@ -88,8 +93,19 @@ input[type=text] {
        border-radius: 3px 3px 3px 3px; 
 }
 
+input[type=text-sidebar] {
+       border: 1px solid #b0b0b0;
+       padding: 2px;
+       width: 172px;
+       margin-left: 10px;
+       margin-top: 10px;
+       -webkit-border-radius: 3px 3px 3px 3px;
+       -moz-border-radius: 3px 3px 3px 3px;
+       border-radius: 3px 3px 3px 3px; 
+}
+
 input[type=submit] {
-       margin: 0px 0px 5px 2px;
+       margin: 10px;
        border: none;
        font-size: 0.9em;
        padding: 5px;
@@ -127,7 +143,7 @@ input[type=submit]:active {
 
 section {
        float: left;
-       padding-top: 60px;
+       padding-top: 40px; /*60*/
        width: 730px;
        font-size: 0.9em;
        line-height: 1.2em;
@@ -144,11 +160,15 @@ section {
 
 .mframe {
        padding: 2px;
-       background-color: #efefef;
+    background: none repeat scroll 0 0 #FFFFFF;
+    border: 1px solid #C5C5C5;
+    border-radius: 3px 3px 3px 3px;
+    box-shadow: 0 0 8px #BDBDBD;
+       /*background-color: #efefef;
        border: 1px solid #dddddd;
        -moz-box-shadow: 3px 3px 4px #959494;
        -webkit-box-shadow: 3px 3px 4px #959494;
-       box-shadow: 3px 3px 4px #959494;
+       box-shadow: 3px 3px 4px #959494;*/
 }
 
 #wall-item-lock {
@@ -156,34 +176,39 @@ section {
 }
 
 .button {
-       border: none;
+       border: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 3px 3px 4px #959494;
+               -webkit-box-shadow: 3px 3px 4px #959494;
+       border-radius: 5px 5px 5px 5px;
        font-size: 1em;
-       -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-       -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-       box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-       background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
-       background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
-       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
-       background-color:#bdbdbd;
-       -moz-border-radius:5px;
-       -webkit-border-radius:5px;
-       border-radius:5px;
-       color:#efefef;
-       text-align: center;     
+       box-shadow: inset 0px 0px 0px 0px #cfcfcf;
+               -moz-box-shadow:inset 0px 0px 0px 0px #cfcfcf;
+               -webkit-box-shadow:inset 0px 0px 0px 0px #cfcfcf;
+       background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
+       background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
+       background-color: #bdbdbd;
+       color: #efefef;
+       text-align: center;
 }
 
 .button:hover {
-       border: none;
-       background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
-       background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
-       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
-       background-color:#1873a2;
-       color: #efefef; 
+       border: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 3px 3px 4px #959494;
+               -webkit-box-shadow: 3px 3px 4px #959494;
+       border-radius: 5px 5px 5px 5px;
+       background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
+       background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
+       background-color: #1873a2;
+       color: #efefef;
 }
 
 .button:active {
-       position:relative;
-       top:1px;
+       position: relative;
+       top: 1px;
 }
 
 .button a {
@@ -277,17 +302,17 @@ nav {
        padding: 0;
        width: 960px;
        z-index: 10000;
-       height: 50px;
+       height: 40px;
        position: fixed;
        color: #efefef;
-       background: url("nav-bg.png") no-repeat scroll 0px 7px transparent;
-       /*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );*/
-       /*background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );*/
-       /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');*/
-       /*background-color:#7c7d7b;*/
        margin-bottom: 16px;
        font-size: 15px;
-       /*border-bottom: 1px solid #494948;*/
+       background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
+       border: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 3px 3px 4px #959494;
+               -webkit-box-shadow: 3px 3px 4px #959494;
+       border-radius: 5px 5px 5px 5px;
 }
 nav a { text-decoration: none; color: #eeeeec; border:0px;}
 nav a:hover { text-decoration: none;   color: #eeeeec; border:0px;}
@@ -295,7 +320,7 @@ nav #banner {
        display: block;
        position: absolute;
        margin-left: 3px; /*10*/
-       margin-top: 10px; /*5*/
+       margin-top: 3px; /*5*/
        padding-bottom:5px;     
 }
 nav #banner #logo-text a {
@@ -306,10 +331,10 @@ nav #banner #logo-text a {
 }
 nav #user-menu {
        display: block;
-       width: 190px; /*240*/
+       width: 190px;
        float: right;
-       margin-right: 5px; /*20%*/
-       margin-top: 11px;
+       margin-right: 5px;
+       margin-top: 3px;
        padding: 5px;
        position: relative;
        vertical-align: middle;
@@ -320,7 +345,7 @@ nav #user-menu {
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
-       border: 1px solid #9A9A9A;
+       border: 1px solid #7C7D8B;
        color:#efefef;
        text-decoration:none;
        text-align: center;   
@@ -376,7 +401,7 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
 #notifications {
        height: 32px;
        position: absolute;
-       top:10px; left: 35%;
+       top:3px; left: 35%;
 }
 .nav-ajax-update {
        width: 44px;
@@ -390,7 +415,7 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
        padding-left: 11px;
 }
 #notify-update { background-position: 0px -168px; }
-#net-update { background-position: 0px -126px }
+#net-update { background-position: 0px -126px; }
 #mail-update { background-position: 0px -40px; }
 #intro-update { background-position: 0px -84px; }
 #home-update { background-position: 0px 0px; }
@@ -447,11 +472,11 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
 
 aside {
        float: right;
-       margin-right: 5px; /*10%*/
+       /*margin-right: 5px;/
        /*width: 21%;*/
-       width: 200px; /*250*/
+       width: 205px; /*250*/
        margin-top: 40px; /*50*/
-       font-size: 1.0em;
+       font-size: 0.9em;
        font-style: bold;
 }
 
@@ -462,7 +487,6 @@ aside a{
 
 .vcard {
        font-size: 1em;
-/*     font-variant:small-caps; */
 }
 
 .vcard dd {
@@ -480,14 +504,15 @@ aside a{
 
 .vcard #profile-photo-wrapper {
        margin: 10px 0px;
-       padding: 12px;
-       width: 175px;
-       background-color: #f3f3f3;
-       border: 1px solid #dddddd;
+       padding: 6px;
+       width: auto;
+       background: none repeat scroll 0 0 #FFFFFF;
+       /*background-color: #f3f3f3;*/
+       border: 1px solid #C5C5C5; /*1px solid #dddddd;*/
        -moz-box-shadow: 3px 3px 4px #959494;
        -webkit-box-shadow: 3px 3px 4px #959494;
-       box-shadow: 3px 3px 4px #959494;        
-border-radius: 5px 5px 5px 5px;
+       box-shadow: 0 0 8px #BDBDBD; /*3px 3px 4px #959494;*/   
+       border-radius: 5px 5px 5px 5px;
 }
 
 aside h4 { font-size: 1.3em; }
@@ -496,8 +521,7 @@ aside h4 { font-size: 1.3em; }
        color: #626262;
        text-align: center;
        font-weight: bold;
-/*     font-variant:small-caps; */
-       font-size: 1.1em;
+       font-size: 1em;
 }
 .allcontact-link a {
        padding-bottom: 10px;
@@ -550,11 +574,11 @@ aside h4 { font-size: 1.3em; }
        padding: 5px 5px 5px 5px;
 }
 #netsearch-box input[type="text"] {
-       width: 175px;
+       width: 97%;
 }
 #netsearch-box input[type="submit"] {
-       width: 48%;
-       margin-top: 5px;
+       width: auto;
+       /*margin-top: 5px;*/
 }
 
 h3#search:before {
@@ -750,9 +774,12 @@ ul .sidebar-group-li .icon{
 /* ================== */
 
 .contact-block-img {
-       width: 48px; /*42*/
-       height: 48px;
-       padding-right: 2px;
+       width: 47px;
+       height: 47px;
+       margin-right: 2px;
+       border: 1px solid #C5C5C5;
+    border-radius: 3px 3px 3px 3px;
+    box-shadow: 0 0 8px #BDBDBD;
 }
 .contact-block-div {
        float: left;
@@ -909,10 +936,8 @@ profile-jot-banner-wrapper {
 .tabs {
        min-width: 400px;
        list-style: none;
-       padding: 0px; /*10*/
-       /*border-bottom: 1px solid #efefef;*/
+       padding: 20px 0px 0px;
        font-size: 0.9em;
-       margin-top: 0px;
 }
 .tabs li { display: inline;}
 
@@ -939,14 +964,12 @@ profile-jot-banner-wrapper {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 12px;
-       background: -moz-linear-gradient(center top , #F8F8F8 5%, #F6F6F6 100%) repeat scroll 0 0 #F8F8F8;
+       background: none repeat scroll 0 0 #FFFFFF;
+       /*background: -moz-linear-gradient(center top , #F8F8F8 5%, #F6F6F6 100%) repeat scroll 0 0 #F8F8F8;*/
        border: 1px solid #CDCDCD;
        border-radius: 5px 5px 5px 5px;
-       box-shadow: 3px 3px 4px 0 #959494;
-       /*color: #E6E6E6;*/
+       box-shadow: 0 0 8px #BDBDBD; /*3px 3px 4px 0 #959494;*/
        margin-top: 20px;
-       /*text-shadow: -1px 0 0 #BDBDBD;*/
-       /*      Overflow: hidden; */
 }
 
 .wall-item-outside-wrapper-end { clear: both;}
@@ -979,7 +1002,6 @@ profile-jot-banner-wrapper {
        -o-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;      
-       /*margin-left: 140px;*/
        margin-top: 10px;
        padding-bottom: 5px;
        float: right;
@@ -1078,9 +1100,10 @@ profile-jot-banner-wrapper {
 .wall-item-location .icon { float: left; }
 .wall-item-location > a {
        margin-left: 0px; /*25*/
+       margin-right: 2px;
        font-size: 0.9em;
        display: block;
-/*     font-variant:small-caps; */
+       font-variant:small-caps;
        color: #898989;
 }
 
@@ -1089,7 +1112,6 @@ profile-jot-banner-wrapper {
 .wall-item-conv a{
        font-size: 0.9em;
        color: #898989;
-/*     font-variant:small-caps; */
 }
 
 .wallwall .wwto {
@@ -1162,7 +1184,7 @@ profile-jot-banner-wrapper {
 }
 
 .icon.drop,
-.icon.drophide { float: left;}
+.icon.drophide { float: right;}
 #item-delete-selected {        overflow: auto; width: 100%;}
 
 
@@ -1206,7 +1228,6 @@ profile-jot-banner-wrapper {
 .icollapse-wrapper {
        font-size: 0.9em;
        color: #898989;
-/*     font-variant:small-caps;        */
 }
 
 .comment-wwedit-wrapper,
@@ -1254,6 +1275,7 @@ profile-jot-banner-wrapper {
 
 #item-delete-selected-desc {
        color: #898989;
+       float: left;
 }
 
 .wall-item-body code {
@@ -1305,7 +1327,7 @@ div[id$="wrapper"] br { clear: left; }
 #profile-listing-new-link-wrapper {
        float: left;
        display: inline;
-       width: 130px;
+       width: auto;
        margin-left:5px;
        margin-top: 20px;
        padding: 5px 10px 5px 10px;
@@ -1315,7 +1337,6 @@ div[id$="wrapper"] br { clear: left; }
 
 .profile-listing-name {
        font-size: 1em;
-/*     font-variant: small-caps;*/
 }
 .profile-listing-name a {
        color: #898989;
@@ -1361,7 +1382,6 @@ div[id$="wrapper"] br { clear: left; }
 
 .profile-match-name a{
        color: #999;
-       /*font-variant: small-caps;*/
        font-size: 1em;
 }
 
@@ -1481,7 +1501,6 @@ div[id$="wrapper"] br { clear: left; }
        padding: 0px 5px;
        font-weight: bold;
        font-stretch:semi-expanded;
-/*     font-variant:small-caps; */
 } 
 
 .photo-top-album-name a{
@@ -1495,7 +1514,6 @@ div[id$="wrapper"] br { clear: left; }
        text-align: center;
        color: #6e6e6e;
        font-size: 0.9em;
-/*     font-variant: small-caps; */
 }
 
 #photo-photo{
@@ -1506,7 +1524,6 @@ div[id$="wrapper"] br { clear: left; }
 #photo-caption {
        margin-top: 10px;
        color: #6E6E6E;
-/*     font-variant:small-caps; */
        font-size: 1.1em;
 }
 
@@ -1743,7 +1760,6 @@ input#photo_edit_form {
 }
 
 #prvmail-message-label {
-/*     font-variant:small-caps; */
        font-size: 1em; 
 }
 
@@ -1769,17 +1785,18 @@ margin-left: 0px;
 
 .mail-list-sender {
        float: left;
-       padding: 5px;
+       padding: 2px;
        background-color: #efefef;
-       border: 1px dotted #eeeeee;
-       -moz-box-shadow: 3px 3px 4px #959494;
-       -webkit-box-shadow: 3px 3px 4px #959494;
-       box-shadow: 3px 3px 4px #959494;
+       border: 1px solid #C5C5C5;
+    border-radius: 3px 3px 3px 3px;
+    box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 3px 3px 4px #959494;
+               -webkit-box-shadow: 3px 3px 4px #959494;
 }
 
 .mail-list-detail {
        margin-left: 100px;
-       width: 300px;
+       width: 600px;
        min-height: 70px;
        padding: 20px;
        padding-top:10px;
@@ -1789,7 +1806,6 @@ margin-left: 0px;
 .mail-list-sender-name {
        font-size: 1.1em;
        display: inline;
-/*     font-variant:small-caps; */
 }
 
 .mail-list-date {
@@ -1799,7 +1815,6 @@ margin-left: 0px;
        font-size: 0.9em;
        padding-left: 10px;
        font-stretch:ultra-condensed;
-/*     font-variant:small-caps; */
 }
 
 .mail-list-subject {
@@ -1820,6 +1835,7 @@ margin-left: 0px;
 
 .mail-conv-outside-wrapper {
        margin-bottom: 10px;
+       margin-top: 30px;
 }
 
 .mail-conv-sender {float: left; margin: 0px 5px 5px 0px; }
@@ -1837,8 +1853,8 @@ margin-left: 0px;
 
 .mail-conv-detail {
        width: 500px;
-       padding: 30px;
-       padding-bottom: 10px;
+       padding: 20px;
+       padding-bottom: 20px;
        margin-left: 20px;
        margin-bottom: 0px;
        vertical-align: middle;
@@ -1923,7 +1939,6 @@ margin-left: 0px;
        font: #999;
        font-size: 12px;
        text-align:center;
-/*     font-variant:small-caps; */
        font-weight: bold;
        margin-top:5px;
 }
@@ -1942,7 +1957,6 @@ margin-left: 0px;
 
 #contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; }
 
-
 #contact-edit-update-now {
        padding:7px;
        width: 165px;
@@ -1983,7 +1997,6 @@ margin-left: 0px;
        margin: auto;
 }
 
-
 .contact-photo-menu-button {
        position: absolute;
        background-image: url("photo-menu.jpg");
@@ -2048,14 +2061,15 @@ margin-left: 0px;
 }
 
 #side-follow-submit {
-       width: 70px;
+       width: 178px;
+       margin: 10px;
+       text-align: center;
 }
 
 #side-match-link {
-       width: 180px;
+       width: 158px;
        padding: 10px;
-       margin: auto;
-       margin-bottom: 20px;
+       margin: auto 10px 20px;
        -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
        -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
        box-shadow:inset 0px 1px 0px 0px #cfcfcf;
@@ -2068,7 +2082,7 @@ margin-left: 0px;
        border-radius:5px;
        padding: 5px 10px 5px 10px;
        color: #efefef;
-       font-size: 1.2em;
+       font-size: 1.1em;
        text-align: center;
 }
 
@@ -2091,7 +2105,7 @@ margin-left: 0px;
 }
 
 #side-invite-link {
-       width: 180px;
+       width: 80%;
        padding: 10px;
        margin: auto;
        margin-bottom: 20px;
@@ -2107,7 +2121,7 @@ margin-left: 0px;
        border-radius:5px;
        padding: 5px 10px 5px 10px;
        color: #efefef;
-       font-size: 1.2em;
+       font-size: 1.1em;
        text-align: center;     
 }
 
@@ -2131,7 +2145,7 @@ margin-left: 0px;
 }
 
 #side-suggest-link {
-       width: 180px;
+       width: 80%;
        padding: 10px;
        margin: auto;
        margin-bottom: 20px;
@@ -2147,7 +2161,7 @@ margin-left: 0px;
        border-radius:5px;
        padding: 5px 10px 5px 10px;
        color: #efefef;
-       font-size: 1.2em;
+       font-size: 1.1em;
        text-align: center;     
 }
 
@@ -2159,7 +2173,6 @@ margin-left: 0px;
        background-color:#1873a2;       
 }
 
-
 #side-suggest-link:active {
        background-color: #1873a2;
        position:relative;
@@ -2309,14 +2322,15 @@ margin-left: 0px;
 }
 
 #settings-default-perms {
-       width: 160px;
+       width: 260px;
        text-align: center;
        -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
        -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
        box-shadow:inset 0px 1px 0px 0px #cfcfcf;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
-       background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
+       background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
+       color: #EFEFEF;
        background-color:#7c7d7b;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
@@ -2425,7 +2439,7 @@ margin-left: 0px;
        background-color:#bdbdbd;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
-       border-radius:5px;*/
+       border-radius:5px;
 }
 
 .group-delete-wrapper:hover {
@@ -2560,7 +2574,6 @@ margin-left: 0px;
        margin-bottom: 2px;
        margin-top: 2px;
        font-size: 0.9em;
-/*     font-variant: small-caps; */
        text-align: left;
 }
 
@@ -2626,7 +2639,6 @@ margin-left: 0px;
 .event-list-date {
        color: #626262;
        margin-bottom: 10px;
-/*     font-variant:small-caps; */
        font-stretch:condensed;
 }
 
@@ -2662,7 +2674,6 @@ margin-left: 0px;
        color: #ffffff;
        font-weight: bold;
        text-align:center;
-/*     font-variant:small-caps; */
        -moz-box-shadow: 5px 2px 8px #959494;
        -webkit-box-shadow: 5px 2px 8px #959494;
        box-shadow: 5px 2px 8px #959494;
@@ -2740,13 +2751,11 @@ tr {
 
 .directory-details {
        font-size: 0.9em;
-/*     font-variant: small-caps; */
        width: 160px;
 }
 
 .directory-name {
        font-size: 1em;
-/*     font-variant: small-caps; */
        width: 150px;   
 }
 
@@ -2774,7 +2783,7 @@ tr {
        list-style-position: inside;
        font-size: 1em;
        padding: 5px;
-       width: 100px;
+       width: auto;
        margin: 5px;
 }
 
@@ -2834,7 +2843,8 @@ tr {
 /* =============== */
 
 .field {
-       margin-bottom: 5px;
+       margin-bottom: 10px;
+       margin-top: 10px;
        padding-bottom: 0px;
        /*overflow: auto;*/
        width: 90%;
@@ -2842,7 +2852,7 @@ tr {
 
 .field label {
        float: left;
-       width: 400px; /*550*/
+       width: 480px; /*550*/
 }
 
 .field input,
@@ -2906,7 +2916,7 @@ tr {
        margin-left: 5px;
        margin-right: 5px;
        display: block; width: 20px; height: 20px;
-       background-image: url('icons.png');
+       background-image: url("icons.png");
 }
 .starred { 
        background-image: url("star.png"); 
@@ -2959,7 +2969,7 @@ tr {
 }
 
 .sharePerms {
-       background-image: url(icons.png);
+       background-image: url("icons.png");
        width: 20px;
        height: 20px;
        margin: 2px 0px 2px 3px;
@@ -2983,7 +2993,7 @@ tr {
 
 .attachtype {
        display: block; width: 20px; height: 23px;
-       background-image: url('../../../images/content-types.png');
+       background-image: url("../../../images/content-types.png");
 }
 
 .type-video { background-position: 0px 0px; }
@@ -3170,7 +3180,7 @@ a.active {
        background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
        background-color:#1873a2;
-       color:#efefef;
+       color:#fec01d;
        padding: 5px 10px 5px 10px;
        margin-right: 5px;
 }
@@ -3308,7 +3318,8 @@ ul.menu-popup {
        background: #000;
 }
 
-/* Pages profile widget */
+/* Pages profile widget
+----------------------------------------------------------- */
 #page-profile div#profile-page-list{
        margin-left: 45px;
 }
@@ -3318,3 +3329,14 @@ hr.line-dots {
     border: medium none;
     /*padding: 0.5em 0;*/
 }
+
+/* SCROLL TO TOP
+----------------------------------------------------------- */
+#scrollup {
+       position:fixed;
+       right:5px;
+       bottom:5px;
+       z-index:100;
+}
+#scrollup a:hover{text-decoration:none;border:0;}
+