modified: view/theme/smoothly/style.css

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

diff --git a/view/theme/smoothly/style.css b/view/theme/smoothly/style.css
index e6f7c326b56eecf6d5b2ed65d65c89f33f909925..4ea7f922d84b3807d1357c621a2adbd9b4cb7027 100644 (file)
--- a/view/theme/smoothly/style.css
+++ b/view/theme/smoothly/style.css
@@ -2,8 +2,8 @@
        style.css
        Smoothly
    
-       Created by Anne Walk and Devlon Duthie on 2011-09-24.
-       Modified by alex@friendica.pixelbits.de on 2012-09-05
+       Created by Anne Walk and Devlon Duthie on 2011-09-24
+       Modified by alex@friendica.pixelbits.de on 2012-09-06
 
 */
 /* ========== */
@@ -26,8 +26,6 @@ body {
     padding-bottom: 3em;
     position: relative;
     width: 960px;
-    /*margin: 0px;*/
-    /*padding: 0px;*/
     font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
     font-size: 15px;
     font-size-adjust: none;
@@ -37,11 +35,10 @@ body {
     line-height: 18px;
     color: #626262;
     background-color: #F2F2F2;
-    /*width: 99%;*/
     color: #333333;
 }
 
-img {  border: 0 none; max-width: 550px; }
+img {border: 0 none; max-width: 550px; }
 
 a { color: #1873a2; text-decoration: none; margin-bottom:1px;}
 a:hover { color: #6da6c4; padding-bottom: 0px;}
@@ -82,18 +79,28 @@ li {
 
 
 input[type=text] {
-       border: 2px solid #b0b0b0;
+       border: 1px solid #b0b0b0;
        padding: 2px;
-       /*width: 300px;*/
-       margin-left: 3px;
-    -webkit-border-radius: 3px 3px 3px 3px;
-    -moz-border-radius: 3px 3px 3px 3px;
-    border-radius: 3px 3px 3px 3px;    
+       width: 466px;
+       margin-left: 0px;
+       -webkit-border-radius: 3px 3px 3px 3px;
+       -moz-border-radius: 3px 3px 3px 3px;
+       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: 10px 2px 5px 2px;*/
-       margin: 0px 0px 5px 2px;
+       margin: 10px;
        border: none;
        font-size: 0.9em;
        padding: 5px;
@@ -131,10 +138,8 @@ input[type=submit]:active {
 
 section {
        float: left;
-       /*margin-left: 8%;*/
-       padding-top: 60px; /*50*/
-       width: 730px; /*50%*/
-       /*margin: 0px 0px 30px 4%;*/
+       padding-top: 30px; /*60*/
+       width: 730px;
        font-size: 0.9em;
        line-height: 1.2em;
 }
@@ -151,7 +156,7 @@ section {
 .mframe {
        padding: 2px;
        background-color: #efefef;
-       border: 2px solid #dddddd;
+       border: 1px solid #dddddd;
        -moz-box-shadow: 3px 3px 4px #959494;
        -webkit-box-shadow: 3px 3px 4px #959494;
        box-shadow: 3px 3px 4px #959494;
@@ -276,17 +281,17 @@ section {
 /* ======= */
 
 nav {
-    display: block;
-    float: left;
-    list-style: none outside none;
-    margin: 0;
-    padding: 0;
-    width: 960px;
+       display: block;
+       float: left;
+       list-style: none outside none;
+       margin: 0;
+       padding: 0;
+       width: 960px;
        z-index: 10000;
-       height: 50px;
-       position: fixed; /*fixed*/
+       height: 40px;
+       position: fixed;
        color: #efefef;
-       background: url("nav-bg.png") no-repeat scroll 0px 7px transparent;
+       background: url("nav-bg.png") no-repeat scroll 0px 0px 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');*/
@@ -297,12 +302,11 @@ nav {
 }
 nav a { text-decoration: none; color: #eeeeec; border:0px;}
 nav a:hover { text-decoration: none;   color: #eeeeec; border:0px;}
-
 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 {
@@ -311,16 +315,15 @@ nav #banner #logo-text a {
        font-weight: bold;
        margin-left: 3px;
 }
-
 nav #user-menu {
-    display: block;
-    width: 190px; /*240*/
-    float: right;
-    margin-right: 5px; /*20%*/
-    margin-top: 11px;
-    padding: 5px;
-    position: relative;
-    vertical-align: middle;
+       display: block;
+       width: 190px; /*240*/
+       float: right;
+       margin-right: 5px; /*20%*/
+       margin-top: 3px;
+       padding: 5px;
+       position: relative;
+       vertical-align: middle;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
        background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
@@ -333,43 +336,39 @@ nav #user-menu {
        text-decoration:none;
        text-align: center;   
 }
-
 nav #user-menu-label::after {
        content: url("menu-user-pin.png") no-repeat;
        padding-left: 15px;
 }
-
 nav #user-menu-label {
        vertical-align: middle;
        font-size: 12px;
-    padding: 5px;
+       padding: 5px;
        text-align: center;
 }
-
 ul#user-menu-popup {
-    display: none;
-    position: absolute;
+       display: none;
+       position: absolute;
        background:-webk/*      margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
        background:-moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
        background-color:#898988;
-    width: 100%;
-    padding: 10px 0px;
-    margin: 0px;
+       width: 100%;
+       padding: 10px 0px;
+       margin: 0px;
        margin-top: 4px;
-    top: 20px;
+       top: 20px;
        left: 0px;
        border: 1px solid #9a9a9a;
        border-top: none;
-    -webkit-border-radius: 0px 0px 5px 5px;
-    -moz-border-radius: 0px 0px 5px 5px;    
-    border-radius: 0px 0px 5px 5px;
+       -webkit-border-radius: 0px 0px 5px 5px;
+       -moz-border-radius: 0px 0px 5px 5px;    
+       border-radius: 0px 0px 5px 5px;
        -moz-box-shadow: 5px 5px 10px #242424;
        -webkit-box-shadow: 5px 5px 10px #242424;
        box-shadow: 5px 5px 10px #242424;    
-    z-index: 10000;
+       z-index: 10000;
 }
-
 ul#user-menu-popup li { display: block; }
 ul#user-menu-popup li a { display: block; padding: 5px; }
 ul#user-menu-popup li a:hover {
@@ -379,7 +378,6 @@ ul#user-menu-popup li a:hover {
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
        background-color:#6da6c4;
 }
-
 ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:inset; }
 
 /* ============= */
@@ -389,34 +387,32 @@ 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;
        height: 32px;
        background: transparent url('notifications.png') 0px 0px no-repeat; 
-       color: #333333; /*efefef*/
+       color: #333333;
        font-weight: bold;
        font-size: 0.8em;
        padding-top: 0.5em;
        float: left;
        padding-left: 11px;
-    /*display: none;*/
 }
 #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; }
 
 #lang-select-icon {
-    bottom: 6px;
-    cursor: pointer;
-    left: 28px;
-    position: fixed;
-    z-index: 10;
+       bottom: 6px;
+       cursor: pointer;
+       left: 28px;
+       position: fixed;
+       z-index: 10;
 }
-
 #language-selector {
        position:fixed;
        bottom:2px;
@@ -449,7 +445,6 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
        color: #efefef;
        font-style: bold;
 }
-
 #sysmsg_info br,
 #sysmsg br {
        display:block;
@@ -467,7 +462,7 @@ aside {
        /*width: 21%;*/
        width: 200px; /*250*/
        margin-top: 40px; /*50*/
-       font-size: 0.8em;
+       font-size: 1.0em;
        font-style: bold;
 }
 
@@ -563,13 +558,14 @@ aside h4 { font-size: 1.3em; }
 
 #netsearch-box {
        background-color: #f6f6f6;
-       padding: 10px 8px 10px 8px;
+       padding: 5px 5px 5px 5px;
 }
 #netsearch-box input[type="text"] {
        width: 97%;
 }
 #netsearch-box input[type="submit"] {
-       width: 48%;
+       width: auto;
+       /*margin-top: 5px;*/
 }
 
 h3#search:before {
@@ -583,8 +579,8 @@ h3#search:before {
        border: 1px solid #cdcdcd;
        margin-bottom: 10px;
        -webkit-border-radius: 5px 5px 5px 5px;
-    -moz-border-radius: 5px 5px 5px 5px;
-    border-radius: 5px 5px 5px 5px;    
+       -moz-border-radius: 5px 5px 5px 5px;
+       border-radius: 5px 5px 5px 5px; 
 }
 
 #group-sidebar {
@@ -595,7 +591,7 @@ h3#search:before {
 }
 
 #sidebar-group-list {
-       margin-left: 30px;
+       margin-left: 0px;
        margin-right: 30px;
 }
 
@@ -682,7 +678,7 @@ h3#search:before {
 
 ul .sidebar-group-li{
        list-style: none;
-       font-size: 1.2em;
+       font-size: 1.0em;
        padding-bottom: 5px;
 }
 
@@ -755,9 +751,9 @@ ul .sidebar-group-li .icon{
 }
 
 #pause {
-  position: fixed;
-  bottom: 5px;
-  right: 5px;
+       position: fixed;
+       bottom: 5px;
+       right: 5px;
 }
 
 /* ================== */
@@ -785,9 +781,7 @@ ul .sidebar-group-li .icon{
 #profile-jot-submit-wrapper { 
 }
 
-
 #jot-title {
-       /*border: 0px;*/
        margin: 0px;
        height: 20px;
        width: 466px;
@@ -798,7 +792,6 @@ ul .sidebar-group-li .icon{
 #jot-title::-webkit-input-placeholder{font-weight: normal;}
 #jot-title:-moz-placeholder{font-weight: normal;}
                
-       
 #jot-title:hover,
 #jot-title:focus {
        border: 1px solid #cccccc
@@ -861,7 +854,7 @@ ul .sidebar-group-li .icon{
        position: absolute: right: 100px; top:100px;
 }
 #profile-rotator-wrapper {
- float: right; 
+       float: right; 
 }
 
 .jot-tool {
@@ -927,10 +920,9 @@ profile-jot-banner-wrapper {
 .tabs {
        min-width: 400px;
        list-style: none;
-       padding: 0px; /*10*/
-       border-bottom: 1px solid #efefef;
+       padding: 20px 0px 0px;
+       /*border-bottom: 1px solid #efefef;*/
        font-size: 0.9em;
-       margin-top: 0px;
 }
 .tabs li { display: inline;}
 
@@ -951,20 +943,20 @@ profile-jot-banner-wrapper {
 /* ========= */
 
 .wall-item-outside-wrapper {
-    max-width: 100%;
-    border-bottom: 1px solid #dedede; 
-    margin-top: 20px;
-    margin-bottom: 20px;
-    padding-right: 10px;
-    padding-left: 12px;
-    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;*/
-    margin-top: 20px;
-    /*text-shadow: -1px 0 0 #BDBDBD;*/
-    /* Overflow: hidden; */
+       max-width: 100%;
+       border-bottom: 1px solid #dedede; 
+       margin-top: 20px;
+       margin-bottom: 20px;
+       padding-right: 10px;
+       padding-left: 12px;
+       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;*/
+       margin-top: 20px;
+       /*text-shadow: -1px 0 0 #BDBDBD;*/
+       /*      Overflow: hidden; */
 }
 
 .wall-item-outside-wrapper-end { clear: both;}
@@ -1066,13 +1058,17 @@ profile-jot-banner-wrapper {
 }
 .wall-item-lock-wrapper { float: right; }
 .wall-item-dislike,
-.wall-item-like,
+.wall-item-like {
+       clear: left;
+       font-size: 0.9em;
+       margin: 0px 0px 10px 450px;
+       padding-left: 0px;
+
+}
 .wall-item-author {
-       /*clear: left;*/
        font-size: 0.9em;
-       margin: 0px 0px 0px 100px; /*140*/
-       padding-left: 0px; /*10*/
-/*     font-variant:small-caps; */
+       margin: 0px 0px 0px 100px;
+       padding-left: 0px;
 }
 
 .wall-item-author a {
@@ -1107,12 +1103,12 @@ profile-jot-banner-wrapper {
 }
 
 .wallwall .wwto {
-    left: -10px;
-    margin: 0;
-    position: absolute;
-    top: 65px;
-    width: 30px;
-    z-index: 900;
+       left: -10px;
+       margin: 0;
+       position: absolute;
+       top: 65px;
+       width: 30px;
+       z-index: 900;
        width: 30px;
        height: 30px;    
 }
@@ -1120,10 +1116,10 @@ profile-jot-banner-wrapper {
 .wallwall .wwto img { width: 30px!important; height: 30px!important;}
 .wallwall .wall-item-photo-end { clear: both; }
 .wall-item-arrowphoto-wrapper {
-    position: absolute;
-    left: 20px;
-    top: 70px;
-    z-index: 950;
+       position: absolute;
+       left: 20px;
+       top: 70px;
+       z-index: 950;
 }
 
 .wall-item-photo-menu {
@@ -1188,7 +1184,7 @@ profile-jot-banner-wrapper {
        font-size: 0.9em;
        color: #898989;
        margin-left: 60px;
-/*     font-variant:small-caps; */
+       /*font-variant:small-caps;*/
 }
  
 .wall-item-outside-wrapper.comment { margin-left: 70px; }
@@ -1276,7 +1272,7 @@ profile-jot-banner-wrapper {
        display: block;
        overflow: auto;
        border: 1px solid #cccccc;
-    border-width: 1px 1px 1px 10px;
+       border-width: 1px 1px 1px 10px;
        padding-left: 10px;
        margin-top: 20px; 
 }
@@ -1297,7 +1293,7 @@ profile-jot-banner-wrapper {
        margin-bottom: 0px;
        padding-bottom: 5px;
        font-size: 18px;
-/*     font-variant:small-caps; */
+       /*font-variant:small-caps;*/
 }
  
 div[id$="wrapper"] { height: 100%;} 
@@ -1346,8 +1342,8 @@ div[id$="wrapper"] br { clear: left; }
        margin-right: 5px;
        font-style: bold;
        -webkit-border-radius: 5px 5px 5px 5px;
-    -moz-border-radius: 5px 5px 5px 5px;
-    border-radius: 5px 5px 5px 5px;    
+       -moz-border-radius: 5px 5px 5px 5px;
+       border-radius: 5px 5px 5px 5px; 
 }
 
 #profile-edit-links li a {
@@ -1375,7 +1371,7 @@ div[id$="wrapper"] br { clear: left; }
 
 .profile-match-name a{
        color: #999;
-/*     font-variant: small-caps; */
+       /*font-variant: small-caps;*/
        font-size: 1em;
 }
 
@@ -1438,8 +1434,8 @@ div[id$="wrapper"] br { clear: left; }
        margin-right: 5px;
        font-style: bold;
        -webkit-border-radius: 5px 5px 5px 5px;
-    -moz-border-radius: 5px 5px 5px 5px;
-    border-radius: 5px 5px 5px 5px;            
+       -moz-border-radius: 5px 5px 5px 5px;
+       border-radius: 5px 5px 5px 5px;         
 }
 #photo-top-links a {
        color: #efefef;
@@ -1590,11 +1586,11 @@ div[id$="wrapper"] br { clear: left; }
 
 select, input {
        margin-top: 0px;
-       border: 2px solid #b0b0b0;
+       border: 1px solid #b0b0b0;
        padding: 2px;
-    -webkit-border-radius: 3px 3px 3px 3px;
-    -moz-border-radius: 3px 3px 3px 3px;
-    border-radius: 3px 3px 3px 3px;    
+       -webkit-border-radius: 3px 3px 3px 3px;
+       -moz-border-radius: 3px 3px 3px 3px;
+       border-radius: 3px 3px 3px 3px; 
 }
 
 select[size], select[multiple], select[size][multiple] {
@@ -1785,7 +1781,7 @@ margin-left: 0px;
        float: left;
        padding: 5px;
        background-color: #efefef;
-       border: 2px dotted #eeeeee;
+       border: 1px dotted #eeeeee;
        -moz-box-shadow: 3px 3px 4px #959494;
        -webkit-box-shadow: 3px 3px 4px #959494;
        box-shadow: 3px 3px 4px #959494;
@@ -1793,7 +1789,7 @@ margin-left: 0px;
 
 .mail-list-detail {
        margin-left: 100px;
-       width: 300px;
+       width: 600px;
        min-height: 70px;
        padding: 20px;
        padding-top:10px;
@@ -1871,7 +1867,7 @@ margin-left: 0px;
 /* = Notifications = */
 /* ================= */
 
-/*#notification-show-hide-wrapper {
+#notification-show-hide-wrapper {
        width: 160px;
        -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
        -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
@@ -1907,7 +1903,7 @@ margin-left: 0px;
 
 #notification-show-hide-wrapper a {
        color: #efefef;
-}*/
+}
 
 /* ============ */
 /* = Contacts = */
@@ -1948,9 +1944,9 @@ margin-left: 0px;
 
 .contact-entry-edit-links .icon {      
        border: 1px solid #babdb6;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;        
+       -webkit-border-radius: 3px;
+       -moz-border-radius: 3px;
+       border-radius: 3px;     
        background-color: #ffffff;
 }
 
@@ -2000,26 +1996,26 @@ margin-left: 0px;
 
 .contact-photo-menu-button {
        position: absolute;
-    background-image: url("photo-menu.jpg");
-    background-position: top left; 
-    background-repeat: no-repeat;
-    margin: 0px; padding: 0px;
-    width: 16px;
-    height: 16px;
-    top: 64px; left:0px;
-    overflow: hidden;
-    text-indent: 40px;
-    display: none;      
+       background-image: url("photo-menu.jpg");
+       background-position: top left; 
+       background-repeat: no-repeat;
+       margin: 0px; padding: 0px;
+       width: 16px;
+       height: 16px;
+       top: 64px; left:0px;
+       overflow: hidden;
+       text-indent: 40px;
+       display: none;      
 }
 
 .contact-photo-menu {
-    width: auto;
-    border: 1px solid #ddd;
-    background: #f1f1f1;
-    position: absolute;
-    left: 0px; top: 90px;
-    display: none;
-    z-index: 10000;
+       width: auto;
+       border: 1px solid #ddd;
+       background: #f1f1f1;
+       position: absolute;
+       left: 0px; top: 90px;
+       display: none;
+       z-index: 10000;
        -moz-box-shadow: 3px 3px 5px #888;
        -webkit-box-shadow: 3px 3px 5px #888;
        box-shadow: 3px 3px 5px #888;
@@ -2062,14 +2058,16 @@ 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;
+       /*margin-bottom: 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;
@@ -2082,7 +2080,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;
 }
 
@@ -2105,7 +2103,7 @@ margin-left: 0px;
 }
 
 #side-invite-link {
-       width: 180px;
+       width: 80%;
        padding: 10px;
        margin: auto;
        margin-bottom: 20px;
@@ -2121,7 +2119,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;     
 }
 
@@ -2145,7 +2143,7 @@ margin-left: 0px;
 }
 
 #side-suggest-link {
-       width: 180px;
+       width: 80%;
        padding: 10px;
        margin: auto;
        margin-bottom: 20px;
@@ -2161,7 +2159,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;     
 }
 
@@ -2197,8 +2195,8 @@ margin-left: 0px;
        padding: 10px;
        margin-top: 20px;
        -webkit-border-radius: 5px 5px 5px 5px;
-    -moz-border-radius: 5px 5px 5px 5px;
-    border-radius: 5px 5px 5px 5px;
+       -moz-border-radius: 5px 5px 5px 5px;
+       border-radius: 5px 5px 5px 5px;
 }
 
 #side-follow-wrapper label{
@@ -2367,8 +2365,8 @@ margin-left: 0px;
        margin-bottom: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
-    border-radius: 5px;
-    padding: 5px;
+       border-radius: 5px;
+       padding: 5px;
 }
 
 #register-form div {
@@ -2480,7 +2478,7 @@ margin-left: 0px;
 #prof-all-contacts { 
        width: 83%;
        height: 200px;
-    overflow: auto;    
+       overflow: auto; 
        border: 1px solid #ccc;
        background-color: #f0edf0;
        padding: 10px;
@@ -2862,9 +2860,9 @@ tr {
 .field input,
 .field textarea {
        width: 220px;
-    border: 1px solid #CDCDCD;
-    border-radius: 5px 5px 5px 5px;
-    /*box-shadow: 3px 3px 4px 0 #959494;*/
+       border: 1px solid #CDCDCD;
+       border-radius: 5px 5px 5px 5px;
+       /*box-shadow: 3px 3px 4px 0 #959494;*/
 }
 .field textarea { height: 100px; }
 .field_help {
@@ -2932,15 +2930,15 @@ tr {
 }
 
 .notify {
-  background-image: url("notify.png");}
-  repeat: no-repeat;
+       background-image: url("notifications.png");}
+       repeat: no-repeat;
 }
 
 .border {
        border: 1px solid #c1c1c1;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;        
+       -webkit-border-radius: 3px;
+       -moz-border-radius: 3px;
+       border-radius: 3px;     
 }
 
 .article       { background-position: -50px  0px;}
@@ -2953,7 +2951,6 @@ tr {
 .dislike       { background-position: -190px 0px;}
 .like          { background-position: -210px 0px;}
 .link          { background-position: -230px 0px;}
-
 .globe                 { background-position: -50px  -20px;}
 .noglobe       { background-position: -70px  -20px;}
 .no            { background-position: -90px  -20px;}
@@ -2964,10 +2961,8 @@ tr {
 .recycle       { background-position: -190px -20px;}
 .remote-link   { background-position: -210px -20px;}
 .share                 { background-position: -230px -20px;}
-
 .tools                 { background-position: -50px  -40px;}
 .lock          { background-position: -70px  -40px;}
-
 .unlock        {
        background-position: -90px  -40px;
        background-image: none;
@@ -3017,9 +3012,9 @@ tr {
 footer { display: block; margin: 50px 20%; clear: both; }
                                   
 #profile-jot-text {
-    height: 20px;
-    color:#cccccc;
-    /*border: 1px solid #cccccc;*/
+       height: 20px;
+       color:#cccccc;
+       /*border: 1px solid #cccccc;*/
 }
 
 /* ======= */
@@ -3066,7 +3061,7 @@ footer { display: block; margin: 50px 20%; clear: both; }
 #acl-list {
        height: auto;
        border: 1px solid #cccccc;
-        background-color: #efefef;
+       background-color: #efefef;
        clear: both;
        margin-top: 30px;
        overflow: auto;
@@ -3232,8 +3227,8 @@ ul.menu-popup {
        -moz-box-shadow: 5px 5px 10px #242424;
        -webkit-box-shadow: 5px 5px 10px #242424;
        box-shadow: 5px 5px 10px #242424;
-
 }
+
 #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }
 #nav-notifications-menu img { float: left; margin-right: 5px; }
 #nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }
@@ -3279,7 +3274,6 @@ ul.menu-popup {
        max-height:150px;
        overflow:auto;
        z-index:100000;
-       
        color: #2e3436;
        border-top: 0px;
        background: #eeeeee;
@@ -3292,8 +3286,8 @@ ul.menu-popup {
        -moz-box-shadow: 3px 3px 4px #959494;
        -webkit-box-shadow: 3px 3px 4px #959494;
        box-shadow: 3px 3px 4px #959494;
-       
 }
+
 .acpopupitem {
        color: #2e3436; padding: 4px;
        clear:left;
@@ -3316,23 +3310,23 @@ ul.menu-popup {
        opacity: 0;
        filter:alpha(opacity=0);
 }
+
 .qcomment:hover {
        opacity: 1.0;
        filter:alpha(opacity=100);
 }
+
 .notify-seen {
        background: #000;
 }
 
-
 /* Pages profile widget */
 #page-profile div#profile-page-list{
-margin-left: 45px;
+       margin-left: 45px;
 }
 
-
 hr.line-dots {
-    background: url("icons/dot.png") repeat-x scroll left center transparent;
+    background: url("dot.png") repeat-x scroll left center transparent;
     border: medium none;
     /*padding: 0.5em 0;*/
 }