]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/smoothly/style.css
Optical adjustments for contacts/set "last_failure" when inaccessible
[friendica.git] / view / theme / smoothly / style.css
index 285072d709f49cbe5b41bc1b68470f0f174ca4d1..2553c57a9ea622c71d3c60ac9a3beb8ab45c3cc7 100644 (file)
@@ -1,8 +1,8 @@
 /*
        style.css
-       Smoothly
-   
-       Created by alex@friendica.pixelbits.de on 2013-02-27
+       Theme: Smoothly
+       Maintainer: Nomen Nominandum
+       last change: 2013-05-08
 
 ** Colors ** 
 Blue links - #1873a2
@@ -16,6 +16,28 @@ Orange - #fec01d
 
 @import url('css/typography.css');
 
+@media only screen and (device-width: 768px) {
+/* For general iPad layouts */
+#body {
+       -moz-background-clip: border; 
+       -moz-background-origin: pdading; 
+       -moz-background-size: auto auto; 
+       background-attachment: scroll; 
+       background-color: transparent; 
+       background-image: url( ); 
+       background-position: center top; 
+       background-repeat: no-repeat;
+       } 
+}
+
+@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
+/* For portrait layouts only */
+}
+        
+@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
+/* For landscape layouts only */
+}
+
 .lockview {
        cursor: pointer;
 }
@@ -70,8 +92,8 @@ input[type=submit]:hover {
        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;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -93,6 +115,10 @@ input[type=submit]:active {
 #search-save {
 }
 
+#directory-search-end {
+       clear: both;
+}
+
 .dirsearch-desc {
 }
 
@@ -111,15 +137,20 @@ input[type=submit]:active {
 }
 
 section {
+       position: relative;
        float: left;
-       margin-top: 50px;
+       margin: 50px auto -2em; /* the bottom margin is the negative value of the footer's height */
        width: 730px;
+       min-height: 100%;
+       height: auto !important;
+       height: 100%;
        font-size: 0.9em;
        line-height: 1.2em;
+       padding-bottom: 2em;
 }
 
 .lframe {
-       border: 1px solid #dddddd;
+       border: 1px solid #7C7D7B;
        box-shadow: 3px 3px 6px #959494;
                -moz-box-shadow: 3px 3px 6px #959494;
                -webkit-box-shadow: 3px 3px 6px #959494;
@@ -128,15 +159,15 @@ section {
 }
 
 .mframe {
-       padding: 3px;
+       padding: 1px;
        background: none repeat scroll 0 0 #FFFFFF;
-       border: 1px solid #C5C5C5;
+       border: 1px solid #7C7D7B;
        border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
 #wall-item-lock {
@@ -160,8 +191,8 @@ section {
 .button:hover {
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -197,25 +228,17 @@ section {
 }
 
 #login-extra-links {
-       width: 90px;
+       width: auto;
        margin-top: 20px;
        clear: both;
 }
 
 .login-extra-links {
        width: 100%;
-       margin-left: 145px;
+       margin-left: 0px;
        clear: both;
 }
 
-#login-extra-links a {
-       display: block;
-       margin: 10px;
-       padding: 5px 0px 5px 0px;
-       text-align: center;
-       margin-right: 20px;     
-}
-
 #login-extra-filler {
        display: none;
 }
@@ -227,25 +250,33 @@ section {
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
-       padding: 10px;
-       margin: 10px 0 0 0;
+       padding: 15px 10px 10px 20px;
+       margin: 20px 0 0 210px;
 }
 
-#login_openid {
-       width: 300px;
-       margin-left: 150px;
+#login_openid,
+#login-extra-links a {
+       width: 460px;
+       float: left;
+       margin: 5px 0 0 230px;
+}
+
+#div_id_remember {
+       width: 258px;
+       float: left;
+       margin: 5px 0 0 230px;
 }
 
 #login_standard input,
 #login_openid input {
+       height: 20px;
        width: 240px;
 }
 
 #register-link,
 #lost-password-link {
-       font-size: 80%;
-       width: 210px;
-       margin-left: 5px;
+       width: 260px;
+
 }
 
 #login-name-end,
@@ -257,15 +288,14 @@ section {
 
 #login-submit-button,
 #login-submit-wrapper {
-       margin-top: 10px;
-       margin-left: 75px;
 }
 
 #login-submit-button {
-       width: 280px;
+       width: 250px;
+       margin: 10px 0 0 230px;
 }
 
-.login-form,
+.login-form {
        margin-top: 10px;
 }
 
@@ -295,11 +325,9 @@ section {
 /* ========= */
 
 .pager {
-       padding-top: 10px;
-       padding-bottom: 10px;
        display: block;
-       clear: both;
-       text-align: center;
+       /*clear: both;*/
+       text-align: left;
 }
 
 .pager a {
@@ -326,7 +354,7 @@ nav {
        list-style: none outside none;
        margin: 0;
        padding: 0;
-       width: 960px;
+       width: 958px;
        z-index: 10000;
        height: 40px;
        position: fixed;
@@ -338,11 +366,11 @@ nav {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
        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;
-               -moz-border-radius: 5px;
-               -webkit-border-radius: 5px;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
+       border-radius: 0px 0px 5px 5px;
+               -moz-border-radius: 0px 0px 5px 5px;
+               -webkit-border-radius: 0px 0px 5px 5px;
 }
 
 nav a {
@@ -393,10 +421,13 @@ nav #user-menu {
        background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
        background-color: #a2a2a2;
+       border: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
-       border: 1px solid #7C7D8B;
        color: #efefef;
        text-decoration: none;
        text-align: center;   
@@ -405,8 +436,8 @@ nav #user-menu {
 nav #user-menu:hover {
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -545,16 +576,16 @@ ul#user-menu-popup li a.nav-sep {
 }
 
 #lang-select-icon {
-       bottom: 6px;
+       bottom: 5px;
        cursor: pointer;
-       left: 28px;
+       left: 25px;
        position: fixed;
        z-index: 10;
 }
 #language-selector {
        position: fixed;
        bottom: 2px;
-       left: 52px;
+       left: 55px;
        z-index: 10;
 }
 
@@ -589,7 +620,7 @@ ul#user-menu-popup li a.nav-sep {
 #sysmsg br {
        display:block;
        margin:2px 0px;
-       border-top: 1px solid #dddddd;
+       border-top: 1px solid #7C7D7B;
 }
 
 /* ================= */
@@ -612,6 +643,12 @@ aside h4 {
        font-size: 1.3em;
 }
 
+.vcard  {
+       width: 205px;
+       padding-bottom: 10px;
+       /*border-bottom-style: dotted;*/
+}
+
 .vcard .title {
        font-size: 1em;
 }
@@ -634,19 +671,18 @@ aside h4 {
 
 .vcard #profile-photo-wrapper {
        margin: 10px 0px;
-       padding: 1px;
-       width: 200px;
-       height: 200px;
-       background: none repeat scroll 0 0 #FFFFFF;
-       border: 1px solid #C5C5C5;
+       padding: 0;
+       width: auto;
+       /*background: none repeat scroll 0 0 #FFFFFF;
+       border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
-               -webkit-border-radius: 5px;
+               -webkit-border-radius: 5px;*/
 }
 
 
@@ -736,7 +772,7 @@ h3 #search:before {
 
 #network-new-link {
        background-color: #f3f3f3;
-       border: 1px solid #cdcdcd;
+       border: 1px solid #7C7D7B;
        margin-bottom: 10px;
        border-radius: 5px;     
                -webkit-border-radius: 5px;
@@ -820,7 +856,7 @@ h3 #search:before {
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
        color: #7c7d7b;
-       border: 1px solid #cdcdcd;
+       border: 1px solid #7C7D7B;
 }
 
 li.widget-list {
@@ -857,8 +893,8 @@ li.widget-list {
        background-color: #1873a2;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -903,7 +939,7 @@ li.widget-list {
 }
 
 ul .sidebar-group-li {
-       list-style: none;
+       list-style: disc;
        font-size: 1.0em;
 }
 
@@ -913,13 +949,14 @@ ul .sidebar-group-li .icon {
        width: 12px;
 }
 
-.nets-ul, .fileas-ul, .categories-ul  {
+.nets-ul, .fileas-ul, .categories-ul, .datebrowse-ul  {
        list-style-type: none;
 }
 
 .nets-ul li, 
 .fileas-ul li, 
-.categories-ul li {
+.categories-ul li,
+.datebrowse-link {
 }
 
 .nets-link {
@@ -954,7 +991,7 @@ ul .sidebar-group-li .icon {
                -moz-border-radius: 5px 5px 0px 0px;
                -webkit-border-radius: 5px 5px 0px 0px;
        border: 1px solid #e2e2e2;
-       border-bottom: 1px solid #cdcdcd;
+       border-bottom: 1px solid #7C7D7B;
        padding-top: 5px;
        padding-bottom: 5px;
        vertical-align: baseline;
@@ -1006,16 +1043,16 @@ ul .sidebar-group-li .icon {
 /* ================== */
 
 .contact-block-img {
-       width: 47px;
-       height: 47px;
+       width: 47px !important;
+       height: 47px !important;
        margin-right: 2px;
-       border: 1px solid #C5C5C5;
+       border: 1px solid #7C7D7B;
        border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
 .contact-block-div {
@@ -1035,17 +1072,27 @@ ul .sidebar-group-li .icon {
 .contact-block-h4,
 .contact-block-content {
        margin: 0;
+       font-size: 1.2em;
 }
 
 #contact-block,
 #contact-block-end {
        clear: both;
+       padding-top: 10px;
 }
 
 /* ======= */
 /* = Jot = */
 /* ======= */
 
+.jothidden {
+  display: none;
+}
+#jot {
+  width: 100%;
+  margin: 0px 2em 20px 0px;
+}
+
 #profile-jot-text-loading,
 #profile-jot-text {
        height: 20px;
@@ -1095,10 +1142,6 @@ ul .sidebar-group-li .icon {
        border: 1px solid #cccccc;
 }
 
-.jothidden {
-       display: none; 
-}
-
 .preview {
        background: #FFFFC8;
 }
@@ -1185,8 +1228,8 @@ ul .sidebar-group-li .icon {
        background-color: #1873a2;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -1243,11 +1286,12 @@ ul .sidebar-group-li .icon {
        border-bottom: 0px;
        padding: 5px;
 }
+
 #profile-jot-acl-wrapper {
        margin: 0px 10px;
        border: 1px solid #eeeeee;
        border-top: 0px;
-    display:block!important;
+       display: block !important;
 }
 
 #profile-video-wrapper,
@@ -1347,6 +1391,13 @@ ul .sidebar-group-li .icon {
 /* = Posts = */
 /* ========= */
 
+.wall-item-name {
+       font-style: bold !important;
+       border: 0px !important;
+       border-radius: 0px !important;
+       box-shadow: none !important;
+}
+
 .wall-item-outside-wrapper {
        max-width: 100%;
        border-bottom: 1px solid #dedede; 
@@ -1355,13 +1406,13 @@ ul .sidebar-group-li .icon {
        padding-right: 10px;
        padding-left: 12px;
        background: none repeat scroll 0 0 #FFFFFF;
-       border: 1px solid #CDCDCD;
+       border: 1px solid #7C7D7B;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
 .wall-item-outside-wrapper-end {
@@ -1381,19 +1432,19 @@ ul .sidebar-group-li .icon {
 .wall-item-photo-menu-button {
        display: none;
        text-indent: -99999px;
-       background: #eeeeee url("images/menu-user-pin.png") no-repeat 75px center;
+       background: #eeeeee url("images/menu-user-pin.png") no-repeat 35px center;
        position: absolute;
        overflow: hidden;
        height: 20px;
        width: 100%;
-       top: 85px;
-       left: -1px;
-       border-right: 1px solid #dddddd;
-       border-left: 1px solid #dddddd;
-       border-bottom: 1px solid #dddddd;
-       box-shadow: 3px 3px 4px #959494;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+       top: 82px;
+       left: 0;
+       border-right: 1px solid #7C7D7B;
+       border-left: 1px solid #7C7D7B;
+       border-bottom: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 0px 0px 5px  5px;        
                -webkit-border-radius: 0px 0px 5px  5px;
                -moz-border-radius: 0px 0px 5px  5px;
@@ -1404,26 +1455,28 @@ ul .sidebar-group-li .icon {
        width: 100px;
 }
 
-.wall-item-photo {
-       width: 81px !important; 
-       height: 81px !important;
-       border-radius: 5px;
-               -webkit-border-radius: 5px;
-               -moz-border-radius: 5px;
-}
-
 .wall-item-photo-wrapper { 
        width: 80px; 
        height: 80px;
-       padding: 1px;
+       padding: 0;
        position: relative;
-       border: 1px solid #dddddd;
+       /*border: 1px solid #7C7D7B;
        border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
-       box-shadow: 3px 3px 4px #959494;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;*/
+}
+
+.wall-item-photo { 
+       border: 0px solid #7C7D7B;
+       border-radius: 2px;
+               -webkit-border-radius: 2px;
+               -moz-border-radius: 2px;
+       /*box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;*/
 }
 
 .wall-item-tools { 
@@ -1523,7 +1576,8 @@ ul .sidebar-group-li .icon {
 
 .wall-item-body img { 
        max-width: 100%; 
-       height: auto; 
+       height: auto;
+       border-radius: 0;
 }
 
 .wall-item-body p {
@@ -1598,13 +1652,14 @@ ul .sidebar-group-li .icon {
 }
 
 .wallwall .wwto {
-       left: 0px;
+       left: -10px;
+       margin: 0;
        position: absolute;
-       margin: -1px;
-       top: 63px;
+       top: 65px;
+       width: 30px;
        z-index: 900;
-       width: 0px;
-       height: 0px;    
+       width: 30px;
+       height: 30px;    
 }
 
 .wallwall .wwto img { 
@@ -1618,8 +1673,8 @@ ul .sidebar-group-li .icon {
 
 .wall-item-arrowphoto-wrapper {
        position: absolute;
-       left: 30px;
-       top: 67px;
+       left: 20px;
+       top: 70px;
        z-index: 950;
 }
 
@@ -1629,20 +1684,20 @@ ul .sidebar-group-li .icon {
        color: #2e3436;
        border-top: 1px;
        background: #eeeeee;
-       border-right: 1px solid #dddddd;
-       border-left: 1px solid #dddddd;
-       border-bottom: 1px solid #dddddd;
+       border-right: 1px solid #7C7D7B;
+       border-left: 1px solid #7C7D7B;
+       border-bottom: 1px solid #7C7D7B;
        position: absolute;
-       left: -1px; 
+       left: 0px; 
        top: 101px;
        display: none;
        z-index: 10000;
        border-radius: 0px 5px 5px 5px;
                -webkit-border-radius: 0px 5px 5px 5px;
                -moz-border-radius: 0px 5px 5px 5px;
-       box-shadow: 3px 3px 4px #959494;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 
 }
 
@@ -1650,9 +1705,9 @@ ul .sidebar-group-li .icon {
        -webkit-border-radius: 0px 5px 5px 5px;
        -moz-border-radius: 0px 5px 5px 5px;
        border-radius: 0px 5px 5px 5px;
-       box-shadow: 3px 3px 4px #959494;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
 .wall-item-photo-menu ul { 
@@ -1676,6 +1731,59 @@ ul .sidebar-group-li .icon {
        background-color: #1873a2; 
 }
 
+.wall-item-container .wall-item-content .type-link img,
+.type-link img {
+  max-width: 160px;
+  max-height: 160px;
+  float: left;
+  margin-right: 10px;
+}
+.type-link blockquote {
+  margin-left: 160px;
+  max-height: 160px;
+  overflow: hidden;
+}
+.type-link .oembed {
+}
+
+.shared_header {
+  height: 32px;
+  color: #999;
+  border-top: 1px solid #D2D2D2;
+  padding-top: 5px;
+  margin-top: 5px;
+}
+
+.shared_header a {
+  color: black;
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  -ms-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+
+.shared_header a:hover {
+  color: #36c;
+}
+
+.shared_header img {
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  float: left;
+}
+
+.shared_header span {
+  margin-left: 9px;
+}
+
+blockquote.shared_content {
+  margin-left: 32px;
+  color: #000;
+  border: none;
+}
+
 .icon.drop,
 .icon.drophide { 
        float: left;
@@ -1684,7 +1792,7 @@ ul .sidebar-group-li .icon {
 #item-delete-selected-end,
 #item-delete-selected {        
        overflow: auto;
-       margin-top: 20px;
+       margin-top: 0px;
        float: right;
        width: 250px;
 }
@@ -1733,18 +1841,24 @@ code {
 }
 
 .wall-item-outside-wrapper.comment .wall-item-photo {
-       width: 41px!important;
-       height: 41px!important;
+       width: 40px!important;
+       height: 40px!important;
+       border-radius: 3px;
+               -webkit-border-radius: 3px;
+               -moz-border-radius: 3px;
 }
 
 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
        width: 40px; 
-       height: 40px; 
+       height: 40px;
+       border-radius: 3px;
+               -webkit-border-radius: 3px;
+               -moz-border-radius: 3px;
 }
 
 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
-       top: 45px;
-       background-position: 35px center;
+       top: 42px;
+       background-position: 15px center;
 }
        
 .wall-item-outside-wrapper.comment .wall-item-info { 
@@ -1823,7 +1937,7 @@ code {
        padding: 5px 5px;
        background-color: #a2a2a2;
        color: #eeeeec;
-       border: 1px solid #CDCDCD;
+       border: 1px solid #7C7D7B;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -1831,13 +1945,13 @@ code {
 
 .comment-edit-submit:hover {
        background-color: #1873a2;
-       border: 1px solid #CDCDCD;
+       border: 1px solid #7C7D7B;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
 .comment-edit-submit:active {
@@ -1979,10 +2093,10 @@ div[id$="wrapper"] br {
        margin-bottom: 70px;
        margin-right: 29px;
        background-color: #f6f6f6;
-       border: 1px solid #dddddd;
-       box-shadow: 3px 3px 4px #959494;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+       border: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
 .profile-match-break,
@@ -2021,8 +2135,14 @@ div[id$="wrapper"] br {
 }
 
 .photo {
-       height: 200px!important;
-       width: 200px!important;
+       height: 203px !important;
+       width: 203px !important;
+       border: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -2358,6 +2478,10 @@ input #photo_edit_form {
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
+       border: 1px solid #7C7D7B;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #prvmail-wrapper:before, 
@@ -2382,6 +2506,10 @@ input #photo_edit_form {
                -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
                -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
        z-index: -1;
+       border: 1px solid #7C7D7B;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #prvmail-wrapper:after, 
@@ -2394,6 +2522,10 @@ input #photo_edit_form {
                -moz-transform: skew(5deg) rotate(5deg);
                -ms-transform: skew(5deg) rotate(5deg);
                -o-transform: skew(5deg) rotate(5deg);
+       border: 1px solid #7C7D7B;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 .prvmail-text {
@@ -2452,13 +2584,13 @@ margin-left: 0px;
        float: left;
        padding: 2px;
        background-color: #efefef;
-       border: 1px solid #C5C5C5;
+       border: 1px solid #7C7D7B;
        border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
 .mail-list-detail {
@@ -2467,7 +2599,7 @@ margin-left: 0px;
        min-height: 70px;
        padding: 20px;
        padding-top: 10px;
-       border: 1px solid #dddddd;
+       border: 1px solid #7C7D7B;
 }
        
 .mail-list-sender-name {
@@ -2516,6 +2648,7 @@ margin-left: 0px;
 .mail-conv-sender-photo {
        width: 64px;
        height: 64px;
+       border-radius: 3px 3px 3px 3px;
 }
 
 .mail-conv-sender-name { 
@@ -2545,7 +2678,7 @@ margin-left: 0px;
        margin-bottom: 0px;
        vertical-align: middle;
        margin: auto;
-       border: 1px solid #dddddd;
+       border: 1px solid #7C7D7B;
 }
 
 .mail-conv-break { 
@@ -2561,7 +2694,14 @@ margin-left: 0px;
 
 #prvmail-subject {
        font-weight: bold;
-       border: 1px solid #dddddd;
+       border: 1px solid #7C7D7B;
+}
+
+/* ========== */
+/* = Poke = */
+/* ========== */
+#poke-recip {
+       float: none;
 }
 
 /* ================= */
@@ -2624,11 +2764,10 @@ margin-left: 0px;
 .view-contact-wrapper,
 .contact-entry-wrapper {
        float: left;
-       margin-right: 30px;
-       margin-bottom: 20px;
-       width: 88px;
+       padding-right: 10px;
+       width: 345px;
        height: 120px;
-       position: relative;
+       margin: 0 10px 10px 0px;
 }
 
 #view-contact-end {
@@ -2639,6 +2778,10 @@ margin-left: 0px;
        margin-top: 15px;
 }
 
+.contact-entry-wrapper .contact-entry-photo-wrapper {
+       float: left;
+       margin-right: 10px;
+}
 .contact-entry-direction-wrapper {
        position: absolute;
        top: 20px;
@@ -2655,18 +2798,44 @@ margin-left: 0px;
        font-weight: bold;
 }
 
-.contact-entry-name {
-       width: 100px;
+.contact-entry-desc {
+       overflow: hidden;
+}
+
+.contact-entry-name, .contact-entry-connect {
        overflow: hidden;
        font: #999;
        font-size: 12px;
-       text-align: center;
        font-weight: bold;
        margin-top: 5px;
 }
 
-.contact-entry-photo {
+.contact-entry-details {
+       font-size: 13px;
+       color: #999999;
+       white-space: nowrap;
+       overflow: hidden;
+       text-overflow: ellipsis;
+}
+
+.contact-entry-photo-wrapper {
        position: relative;
+       /*border: 1px solid #7C7D7B;
+       border-radius: 3px;
+               -moz-border-radius: 3px;
+               -webkit-border-radius: 3px;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;*/
+}
+
+.contact-entry-photo {
+       width: 80px;
+}
+
+.contact-entry-photo a img {
+       width: 80px;
+       height: 80px;
 }
 
 .contact-entry-edit-links .icon {      
@@ -2711,8 +2880,8 @@ margin-left: 0px;
        background-color: #1873a2;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -2857,8 +3026,8 @@ margin-left: 0px;
        background-color: #1873a2;      
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -2893,7 +3062,7 @@ margin-left: 0px;
        font-weight: bold;
        font-stretch: semi-expanded;
        background-color: #f3f3f3;
-       border: 1px solid #cdcdcd;
+       border: 1px solid #7C7D7B;
        padding: 10px;
        margin-top: 20px;
        border-radius: 5px;
@@ -3050,8 +3219,8 @@ margin-left: 0px;
        background-color: #555753;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -3601,8 +3770,8 @@ margin-left: 0px;
        clear: left;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -3647,25 +3816,25 @@ margin-left: 0px;
 /* =============== */
 
 .field {
-    margin-bottom: 10px;
+    /*margin-bottom: 10px;*/
     overflow: auto;
-    padding-bottom: 0px;
+    padding-bottom: 10px;
     width: 100%;
 }
 
 .field.radio .field_help {
-    margin-left: 205px;
+    margin-left: 255px;
 }
 
 .field .field_help {
     color: #666666;
     display: block;
-    margin-left: 200px;
+    margin-left: 225px;
 }
 
 .field label {
     float: left;
-    width: 200px;
+    width: 230px;
 }
 
 .field checkbox {
@@ -3675,8 +3844,9 @@ margin-left: 0px;
 
 .field input,
 .field textarea {
-       width: 400px;
-       border: 1px solid #CDCDCD;
+       /*width: 400px;*/
+       float: left;
+       border: 1px solid #7C7D7B;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -3735,6 +3905,21 @@ margin-left: 0px;
 
 .sparkle {
        cursor: url('lock.cur'), pointer;
+       width: 100%;
+       height: auto;
+       /*border: 1px solid #7C7D7B;
+       border-radius: 3px;
+               -moz-border-radius: 3px;
+               -webkit-border-radius: 3px;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;*/
+}
+
+.label {
+       border: 0px;
+       border-radius: 0px;
+       box-shadow: none;
 }
 
 .icon {
@@ -3835,12 +4020,39 @@ margin-left: 0px;
        font-size: 0.7em; 
 }
 
-footer { 
-       display: block; 
-       margin: 50px 20%; 
-       clear: both; 
-}
+footer { display: block; margin: 50px 20%; clear: both; }
 
+/* ========== */
+/* = Tools = */
+/* ========== */
+
+tools {
+       background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
+       background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
+       background-color: #f0edf0;
+       border-radius: 5px 5px 0px 0px;
+               -moz-border-radius: 5px 5px 0px 0px;
+               -webkit-border-radius: 5px 5px 0px 0px;
+       border: 1px solid #7C7D7B;
+       border-bottom: none;
+       box-shadow: 1px 2px 6px 0px #959494;
+               -moz-box-shadow: 1px 2px 6px 0px #959494;
+               -webkit-box-shadow: 1px 2px 6px 0px #959494;
+       color: #EFEFEF;
+       display: block;
+       float: right;
+       font-size: 15px;
+       height: 38px;
+       list-style: none outside none;
+       margin: 0 0 0 755px;
+       padding: 0;
+       position: fixed;
+       bottom: 0;
+       width: 203px;
+       z-index: 10;
+       clear:both;
+}
 
 /* ======= */
 /* = ACL = */
@@ -3987,8 +4199,8 @@ footer {
        background-color: #1873a2;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -4117,15 +4329,15 @@ ul.menu-popup {
        color: #2e3436;
        border-top: 0px;
        background: #eeeeee;
-       border-right: 1px solid #dddddd;
-       border-left: 1px solid #dddddd;
-       border-bottom: 1px solid #dddddd;
+       border-right: 1px solid #7C7D7B;
+       border-left: 1px solid #7C7D7B;
+       border-bottom: 1px solid #7C7D7B;
        border-radius: 0px 5px 5px 5px;
                -webkit-border-radius: 0px 5px 5px 5px;
                -moz-border-radius: 0px 5px 5px 5px;
-       box-shadow: 3px 3px 4px #959494;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
 .acpopupitem {
@@ -4209,10 +4421,11 @@ ul.menu-popup {
 /* SCROLL TO TOP
 ----------------------------------------------------------- */
 #scrollup {
-       position: fixed;
-       right: 1px;
-       bottom: 30px;
+       position: absolute;
+       right: 0px;
+       bottom: -1px;
        z-index: 100;
+padding-right: 10px;
 }
 
 #scrollup a:hover {
@@ -4220,6 +4433,10 @@ ul.menu-popup {
        border: 0;
 }
 
+.item-scrollup {
+       margin-left: 5px;
+}
+
 /* New posts and comments => background color
 ----------------------------------------------------------- */
 .shiny {
@@ -4314,6 +4531,7 @@ hr.line-dots {
        float: left;
        text-align: left;
        display: block;
+       line-height: 0.6em;
 }
 
 .adr, 
@@ -4323,6 +4541,8 @@ hr.line-dots {
        float: left;
        display: block;
        margin-left: 8px;
+       line-height: 1em;
+       text-align: left;
 }
 
 #birthday-notice {}
@@ -4400,36 +4620,34 @@ div #datebrowse-sidebar.widget {
 
 #settings-activity-desc,
 #settings-notify-desc {
-       margin:10px 10px 10px 0;
+       margin: 10px 10px 10px 0;
        font-weight: bold;
 }
 
 #settings-notifications {
-       width: 400px;
+       width: 410px;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
-       padding:10px;
-       margin:10px 10px 10px 0;
+       padding: 10px;
+       margin: 10px 10px 10px 0;
 }
 
 #id_npassword {}
 
-#posted-date-selector {
-       margin-left: 33px;
-}
-
 #hide-comments-page-widget {
        margin-left: 40px;
 }
 
 #collapsed-comments-page-widget {}
 
-.tool {}
+.tool {
+    list-style-type: disc;
+}
 
 #logo-text {
 }
@@ -4445,8 +4663,8 @@ div #datebrowse-sidebar.widget {
 .settings-block {
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -4493,3 +4711,10 @@ div #datebrowse-sidebar.widget {
        width: 75px;
 }
 
+#id_remember {
+       width: auto;
+       float: right;
+}
+
+.field.input.openid {
+}