]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/smoothly/style.css
modified: view/theme/smoothly/style.css
[friendica.git] / view / theme / smoothly / style.css
index 03025acf878573427e698f452cb45f6de1248091..e92621ad3f4919eb83cbb19c3bb0cf1632e5e970 100644 (file)
@@ -2,7 +2,7 @@
        style.css
        Smoothly
    
-       Created by alex@friendica.pixelbits.de on 2012-09-25
+       Created by alex@friendica.pixelbits.de on 2012-10-23
 
 ** Colors ** 
 Blue links - #1873a2
@@ -14,85 +14,8 @@ Dark Grey Gradients - #7c7d7b and #555753
 Orange - #fec01d
 */
 
-body {
-    margin: 0 auto;
-    padding-bottom: 3em;
-    width: 960px;
-    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
-    font-size: 15px;
-    font-size-adjust: none;
-    font-style: normal;
-    font-variant: normal;
-    font-weight: normal;
-    line-height: 18px;
-    color: #626262;
-    background-color: #F2F2F2;
-    color: #333333;
-}
-
-img {
-       border: 0 none;
-       max-width: 550px;
-}
+@import url('css/typography.css');
 
-a {
-       color: #1873a2;
-       text-decoration: none;
-       margin-bottom: 1px;
-}
-
-a:hover {
-       color: #6da6c4;
-       padding-bottom: 0px;
-}
-
-h3 > a, h4 > a {
-       font-size: 18px;
-       color: #626262;
-}
-
-h3 {
-       margin: 0px;
-       margin-bottom: 5px;
-       font-size: 18px;
-       color: #626262;
-}
-
-h2 {
-       color: #626262;
-}
-
-p {
-       max-width: 600px;
-}
-
-li {
-       list-style: none outside none;
-}
-
-li.widget-list {
-       list-style: none outside none;
-       background: url("arrow.png") no-repeat scroll left center transparent;
-       display: block;
-       padding: 3px 24px;
-}
-
-.required {
-       display: inline;
-       color: #1873a2;
-}
-
-.fakelink, .fakelink:visited, .fakelink:link {
-       color: #1873a2;
-       cursor: pointer;
-       margin-bottom: 10px;
-       margin-left: 10px;
-       /*background: url("down.png") no-repeat scroll left center transparent;*/
-}
-
-.fakelink:hover {
-       color: #6da6c4;
-}
 
 .lockview {
        cursor: pointer;
@@ -110,9 +33,9 @@ input[type=text] {
        padding: 2px;
        width: 550px;
        /*margin-top: 10px;*/
-       border-radius: 3px 3px 3px 3px;
-               -webkit-border-radius: 3px 3px 3px 3px;
-               -moz-border-radius: 3px 3px 3px 3px;
+       border-radius: 3px;
+               -moz-border-radius: 3px;
+               -webkit-border-radius: 3px;
 }
 
 input[type=text-sidebar] {
@@ -121,9 +44,9 @@ input[type=text-sidebar] {
        width: 172px;
        margin-left: 10px;
        margin-top: 10px;
-       border-radius: 3px 3px 3px 3px;
-               -webkit-border-radius: 3px 3px 3px 3px;
-               -moz-border-radius: 3px 3px 3px 3px;
+       border-radius: 3px;
+               -moz-border-radius: 3px;
+               -webkit-border-radius: 3px;
 }
 
 input[type=submit] {
@@ -137,7 +60,9 @@ input[type=submit] {
        color: #efefef;
        text-align: center;
        border: 1px solid #7C7D7B;
-       border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 input[type=submit]:hover {
@@ -148,13 +73,21 @@ input[type=submit]:hover {
        color: #efefef;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-       border-radius: 5px 5px 5px 5px;
+               -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;
 }
 input[type=submit]:active {
        position: relative;
        top: 1px;
 }
 
+#search-submit {
+       margin: 10px 10px 0 0;
+}
+
 .smalltext {
        font-size: 0.7em
 }
@@ -190,8 +123,12 @@ section {
        padding: 3px;
     background: none repeat scroll 0 0 #FFFFFF;
     border: 1px solid #C5C5C5;
-    border-radius: 3px 3px 3px 3px;
-    box-shadow: 0 0 8px #BDBDBD;
+       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;
 }
 
 #wall-item-lock {
@@ -200,7 +137,9 @@ section {
 
 .button {
        border: 1px solid #7C7D7B;
-       border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
        font-size: 1em;
        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% );
@@ -213,7 +152,11 @@ section {
 .button:hover {
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-       border-radius: 5px 5px 5px 5px;
+               -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;
        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');
@@ -331,7 +274,8 @@ section {
 /* ========= */
 
 .pager {
-       padding-top: 30px;
+       padding-top: 10px;
+       padding-bottom: 10px;
        display: block;
        clear: both;
        text-align: center;
@@ -373,7 +317,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;
-       border-radius: 5px 5px 5px 5px;
+               -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;
 }
 
 nav a {
@@ -479,6 +427,7 @@ nav #nav-link-wrapper .nav-link {
        padding-bottom: 8px;
 }
 */
+
 .error-message {
        color: #FF0000;
        font-size: 1.1em;
@@ -639,15 +588,15 @@ aside {
        float: right;
        width: 205px;
        margin-top: 45px;
-       font-size: 0.9em;
+       /*font-size: 0.9em;*/
        font-style: bold;
 }
 
-aside a{
-       padding-bottom: 5px;
+aside a {
+       /*padding-bottom: 5px;*/
 }
 
-.vcard {
+.vcard .title {
        font-size: 1em;
 }
 
@@ -657,6 +606,9 @@ aside a{
        -webkit-margin-start: 10px;
 }
 
+.fn {
+}
+
 .vcard .fn {
        font-size: 1.4em;
        font-weight: bold;
@@ -672,7 +624,11 @@ aside a{
        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;
+               -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;
 }
 
 aside h4 {
@@ -722,9 +678,9 @@ aside h4 {
 #wallmessage-link {
        display: block;
        color: #FFFFFF;
+       border-radius: 5px;
        -webkit-border-radius: 5px ;
        -moz-border-radius: 5px;
-       border-radius: 5px;
        padding: 5px;
        font-weight: bold;
        background-color: #3465a4;
@@ -767,9 +723,9 @@ h3#search:before {
        background-color: #f3f3f3;
        border: 1px solid #cdcdcd;
        margin-bottom: 10px;
-       border-radius: 5px 5px 5px 5px; 
-               -webkit-border-radius: 5px 5px 5px 5px;
-               -moz-border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;     
+               -webkit-border-radius: 5px;
+               -moz-border-radius: 5px;
 }
 
 #group-sidebar {
@@ -779,13 +735,17 @@ h3#search:before {
        padding-bottom: 10px;
 }
 
+#peoplefind-desc {
+       margin-left: 10px;
+}
+
 #sidebar-group-list {
        margin-left: 0px;
        margin-right: 30px;
 }
 
 #sidebar-group-list  a {
-       padding-bottom: 10px;
+       /*padding-bottom: 10px;*/
 }
 
 /*#sidebar-group-list ul {
@@ -819,6 +779,13 @@ h3#search:before {
        border: 1px solid #cdcdcd;
 }
 
+li.widget-list {
+       list-style: none outside none;
+       background: url("arrow.png") no-repeat scroll left center transparent;
+       display: block;
+       padding: 3px 24px;
+}
+
 #sidebar-new-group {
        padding: 7px;
        width: 165px;
@@ -833,7 +800,9 @@ h3#search:before {
        text-decoration: none;
        text-align: center;
        border: 1px solid #7C7D7B;
-       border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 
@@ -844,7 +813,11 @@ h3#search:before {
        background-color: #1873a2;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-       border-radius: 5px 5px 5px 5px;
+               -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;
 }
 
 #sidebar-new-group:active {
@@ -885,7 +858,7 @@ h3#search:before {
 ul .sidebar-group-li {
        list-style: none;
        font-size: 1.0em;
-       padding-bottom: 5px;
+       /*padding-bottom: 5px;*/
 }
 
 ul .sidebar-group-li .icon {
@@ -894,12 +867,12 @@ ul .sidebar-group-li .icon {
        width: 12px;
 }
 
-.nets-ul {
+.nets-ul, .fileas-ul, .categories-ul  {
        list-style-type: none;
 }
 
-.nets-ul li {
-       margin-top: 10px;
+.nets-ul li, .fileas-ul li, .categories-ul li {
+       /*margin-top: 10px;*/
 }
 
 .nets-link {
@@ -909,7 +882,16 @@ ul .sidebar-group-li .icon {
        margin-left: 42px;
 }
 
+.fileas-link, .categories-link {
+       margin-left: 0px;
+}
+
+.fileas-all, .categories-all {
+       margin-left: 0px;
+}
+
 .widget h3 {
+       font-size: 125%;
        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');
@@ -926,6 +908,10 @@ ul .sidebar-group-li .icon {
        text-shadow: -1px 0px 0px #bdbdbd;      
 }
 
+#connect-desc {
+       margin-left: 10px;
+}
+
 #group-sidebar h3:before {
        content: url("groups.png");
        padding-right: 10px;
@@ -968,22 +954,35 @@ ul .sidebar-group-li .icon {
        height: 47px;
        margin-right: 2px;
        border: 1px solid #C5C5C5;
-    border-radius: 3px 3px 3px 3px;
-    box-shadow: 0 0 8px #BDBDBD;
+       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;
 }
 .contact-block-div {
        float: left;
 }
 
+.contact-block-link {
+       float: left;
+}
+
 .contact-block-textdiv {
        width: 150px;
        height: 34px;
        float: left;
 }
 
+.contact-block-h4,
+.contact-block-content {
+}
+
+#contact-block,
 #contact-block-end {
        clear: both;
-} 
+}
 
 /* ======= */
 /* = Jot = */
@@ -1059,9 +1058,13 @@ ul .sidebar-group-li .icon {
        text-decoration: none;
        text-align: center;
        border: 1px solid #7C7D7B;
-       border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
+#jot-preview-form {}
+
 #jot-preview-link {
        float: left;
        width: 60px;
@@ -1077,7 +1080,9 @@ ul .sidebar-group-li .icon {
        text-align: center;
        padding: 5px 5px;
        border: 1px solid #7C7D7B;
-       border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #profile-jot-perms {
@@ -1088,7 +1093,9 @@ ul .sidebar-group-li .icon {
        margin-left: 10px;
        margin-top: -20px;
        border: 1px solid #7C7D7B;
-       border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #jot-perms-perms .icon {
@@ -1103,7 +1110,9 @@ ul .sidebar-group-li .icon {
        margin-left: 10px;
        padding: 5px 5px;
        border: 1px solid #7C7D7B;
-       border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #profile-jot-perms:hover, 
@@ -1115,7 +1124,11 @@ ul .sidebar-group-li .icon {
        background-color: #1873a2;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-       border-radius: 5px 5px 5px 5px;
+               -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;
 }
 
 #profile-jot-perms:active, 
@@ -1176,6 +1189,12 @@ ul .sidebar-group-li .icon {
     display:block!important;
 }
 
+#profile-video-wrapper,
+#profile-audio-wrapper,
+#profile-location-wrapper,
+#profile-nolocation-wrapper {
+}
+
 #group_allow_wrapper,
 #group_deny_wrapper,
 #acl-permit-outer-wrapper {
@@ -1217,13 +1236,20 @@ ul .sidebar-group-li .icon {
 
 #profile-jot-wrapper {
        margin-top: -15px;
-       padding-top: 0px;
 }
 
-profile-jot-banner-wrapper {
-       padding: 0px;
-       margin: 0px;
-}
+#profile-jot-desc,
+#profile-jot-form,
+#jot-location,
+#jot-coord,
+#jot-preview,
+#jot-title-wrap,
+#jot-category-wrap,
+#jot-text-wrap,
+#profile-jot-text-loading,
+#profile-attach-wrapper,
+#profile-link-wrapper,
+#profile-jot-banner-wrapper {}
 
 .contact-h4 {
        font-size: 1.2em;
@@ -1269,8 +1295,12 @@ profile-jot-banner-wrapper {
        padding-left: 12px;
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #CDCDCD;
-       border-radius: 5px 5px 5px 5px;
+       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;
 }
 
 .wall-item-outside-wrapper-end {
@@ -1283,6 +1313,10 @@ profile-jot-banner-wrapper {
        padding-top: 10px;
 }
 
+.wall-item-comment-wrapper {
+       margin-left: 10px;
+}
+
 .wall-item-photo-menu {
        display: none;
 }
@@ -1474,7 +1508,7 @@ profile-jot-banner-wrapper {
 }
 
 .wall-item-location .smalltext { 
-       margin-left: 25px;  
+       margin-left: 0px;  
        font-size: 0.9em; 
        display: block;
 }
@@ -1582,6 +1616,7 @@ profile-jot-banner-wrapper {
        float: right;
 }
 
+#item-delete-selected-end,
 #item-delete-selected {        
        overflow: auto;
        margin-top: 20px;
@@ -1589,23 +1624,20 @@ profile-jot-banner-wrapper {
     width: 250px;
 }
 
+#item-delete-selected-icon {}
+
 code {
        font-family: Courier, monospace;
-       white-space: pre;
+       /*white-space: pre;*/
        display: block;
        overflow: auto;
        border: 1px solid #444;
        background: #EEE;
        color: #444;
        padding: 10px;
-       margin-top: 20px; 
+       margin-top: 10px; 
 }
 
-blockquote {
-    background-color: #F4F8F9;
-    border-left: 4px solid #DAE4EE;
-    padding: 0.4em;
-}
 
 /* ============ */
 /* = Comments = */
@@ -1617,9 +1649,13 @@ blockquote {
        margin-left: 60px;
 }
 
+#tread-wrapper {}
+
 .tread-wrapper  {
        border: 0px solid #CDCDCD;
-       border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
        margin-bottom: 20px;
        background-color: #E2E2E2;
 }
@@ -1690,7 +1726,7 @@ blockquote {
 }
 
 .comment-edit-text-empty { 
-       width: 80%;
+       width: 672px; /*80%*/
        height: 20px;
        color: #babdb6;
        transition: all 0.5s ease-in-out;       
@@ -1703,7 +1739,7 @@ blockquote {
 }
 
 .comment-edit-text-full { 
-       width: 80%
+       width: 670px
        height: 6em;
        transition: all 0.5s ease-in-out;       
                -webkit-transition: all 0.5s ease-in-out;
@@ -1711,8 +1747,8 @@ blockquote {
 }
 
 .comment-edit-submit-wrapper { 
-       width: 80%
-       margin-left: 40px; 
+       width: 670px
+       margin-left: 20px; 
        text-align: left; 
 }
 
@@ -1722,14 +1758,20 @@ blockquote {
        background-color: #a2a2a2;
        color: #eeeeec;
        border: 1px solid #CDCDCD;
-       border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 .comment-edit-submit:hover {
        background-color: #1873a2;
        border: 1px solid #CDCDCD;
-       border-radius: 5px 5px 5px 5px;
+       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;
 }
 
 .comment-edit-submit:active {
@@ -1743,13 +1785,13 @@ blockquote {
 
 .wall-item-body code {
        font-family: Courier, monospace;
-       white-space: pre;
+       /*white-space: pre;*/
        display: block;
        overflow: auto;
        border: 1px solid #cccccc;
-       border-width: 1px 1px 1px 10px;
-       padding-left: 10px;
-       margin-top: 20px; 
+       border-width: 1px 1px 1px 3px;
+       padding-left: 5px;
+       margin-top: 10px; 
 }
 
 /* =========== */
@@ -1822,9 +1864,9 @@ div[id$="wrapper"] br {
        padding: 5px 10px 5px 10px;
        margin-right: 5px;
        font-style: bold;
-       border-radius: 5px 5px 5px 5px; 
-               -webkit-border-radius: 5px 5px 5px 5px;
-               -moz-border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #profile-edit-links li a {
@@ -1923,9 +1965,9 @@ div[id$="wrapper"] br {
        padding: 5px 10px 5px 10px;
        margin-right: 5px;
        font-style: bold;
-       border-radius: 5px 5px 5px 5px;         
-               -webkit-border-radius: 5px 5px 5px 5px;
-               -moz-border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #photo-top-links a {
@@ -2097,12 +2139,11 @@ div[id$="wrapper"] br {
 }
 
 select, input {
-       margin-top: 0px;
        border: 1px solid #b0b0b0;
        padding: 2px;
-       border-radius: 3px 3px 3px 3px;
-               -webkit-border-radius: 3px 3px 3px 3px;
-               -moz-border-radius: 3px 3px 3px 3px;
+       border-radius: 3px;
+               -moz-border-radius: 3px;
+               -webkit-border-radius: 3px;
 }
 
 select[size], 
@@ -2160,9 +2201,9 @@ input {
        padding: 5px 10px 5px 10px;
        margin-right: 5px;
        font-style: bold;
-       border-radius: 5px 5px 5px 5px;
-               -webkit-border-radius: 5px 5px 5px 5px;
-               -moz-border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #album-edit-link  a {
@@ -2321,7 +2362,9 @@ margin-left: 0px;
        padding: 2px;
        background-color: #efefef;
        border: 1px solid #C5C5C5;
-    border-radius: 3px 3px 3px 3px;
+       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;
@@ -2592,7 +2635,7 @@ margin-left: 0px;
        background-image: url("photo-menu.jpg");
        background-position: top left; 
        background-repeat: no-repeat;
-       margin: 0px; padding: 0px;
+       margin: 10px 0 0 0; padding: 0px;
        width: 16px;
        height: 16px;
        top: 64px; left:0px;
@@ -2678,7 +2721,9 @@ margin-left: 0px;
        font-size: 1.1em;
        text-align: center;
        border: 1px solid #7C7D7B;
-       border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #side-match-link:hover {
@@ -2689,7 +2734,11 @@ margin-left: 0px;
        background-color: #1873a2;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-       border-radius: 5px 5px 5px 5px;
+               -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;
 }
 
 #side-match-link:active {
@@ -2716,7 +2765,9 @@ margin-left: 0px;
        font-size: 1.1em;
        text-align: center;
        border: 1px solid #7C7D7B;
-       border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #side-invite-link:hover {
@@ -2727,7 +2778,11 @@ margin-left: 0px;
        background-color: #1873a2;      
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-       border-radius: 5px 5px 5px 5px;
+               -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;
 }
 
 
@@ -2755,7 +2810,9 @@ margin-left: 0px;
        font-size: 1.1em;
        text-align: center;
        border: 1px solid #7C7D7B;
-       border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #side-suggest-link:hover {
@@ -2766,7 +2823,11 @@ margin-left: 0px;
        background-color: #1873a2;      
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-       border-radius: 5px 5px 5px 5px;
+               -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;
 }
 
 #side-suggest-link:active {
@@ -2793,9 +2854,9 @@ margin-left: 0px;
        border: 1px solid #cdcdcd;
        padding: 10px;
        margin-top: 20px;
-       border-radius: 5px 5px 5px 5px;
-               -webkit-border-radius: 5px 5px 5px 5px;
-               -moz-border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #side-follow-wrapper label{
@@ -2936,7 +2997,9 @@ margin-left: 0px;
        background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
        border: 1px solid #7C7D7B;
-       border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #settings-default-perms:hover {
@@ -2944,7 +3007,11 @@ margin-left: 0px;
        background-color: #555753;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-       border-radius: 5px 5px 5px 5px;
+               -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;
 }
 
 #settings-default-perms:active {
@@ -2960,11 +3027,12 @@ margin-left: 0px;
 #settings-nickname-desc {
        width: 80%;
        background-color: #efefef;
+       margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
-       padding: 5px;
+       padding: 10px;
 }
 
 #register-form div {
@@ -3150,7 +3218,9 @@ margin-left: 0px;
 /* ========== */
 /* = Events = */
 /* ========== */
+
+#events-reminder {}
+
 .clear { 
        clear: both;
        margin-top: 10px;
@@ -3539,7 +3609,9 @@ tr {
 .field textarea {
        width: 220px;
        border: 1px solid #CDCDCD;
-       border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 .field textarea { 
@@ -3553,7 +3625,8 @@ tr {
 
 .field_help {
        display: block;
-       margin-left: 100px;
+       margin-left: 0px;
+       margin-bottom: 10px;
        color: #666666; 
 }
 
@@ -3840,7 +3913,9 @@ footer {
        text-align: center;
        -webkit-padding-start: 0px;
        border: 1px solid #7C7D7B;
-       border-radius: 5px 5px 5px 5px;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #global-directory-link:hover {
@@ -3851,7 +3926,11 @@ footer {
        background-color: #1873a2;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-       border-radius: 5px 5px 5px 5px;
+               -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;
 }
 
 #global-directory-link:active {
@@ -4010,6 +4089,8 @@ ul.menu-popup {
 .qcomment {
        opacity: 0.8;
        filter: alpha(opacity=0);
+       position: relative;
+       left: 30px;
 }
 
 .qcomment:hover {
@@ -4111,3 +4192,100 @@ hr.line-dots {
     background: url("dot.png") repeat-x scroll left center transparent;
     border: medium none;
 }
+
+.body-tag, .filesavetags, .categorytags {
+       opacity: 0.5;
+       filter:alpha(opacity=50);
+}
+
+.body-tag:hover, .filesavetags:hover, .categorytags:hover {
+       opacity: 1.0 !important;
+       filter:alpha(opacity=100) !important;
+}
+
+.item-select {
+       opacity: 0.5;
+       filter:alpha(opacity=10);
+       float: right;
+       margin-right: 10px;
+
+}
+.item-select:hover, .checkeditem {
+       opacity: 1;
+       filter:alpha(opacity=100);
+}
+
+.filer-icon {
+       display: block; width: 16px; height: 16px;
+       background-image: url('file.gif');
+}
+
+.icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
+[class^="comment-edit-bb"] {
+       list-style: none;
+       display: none;
+       margin: 0px 0 -5px 0px;
+       padding: 0px;
+       width: 75%;
+}
+
+.body-attach {
+       margin-top: 10px;
+}
+
+.grey {
+       color: #888888;
+}
+
+.location, .location-label, .gender-label, .marital-label, .homepage-label {
+       float: left;
+       text-align: left;
+       display: block;
+}
+
+.adr, .x-gender, .marital-text, .homepage-url {
+       float: left;
+       display: block;
+       margin-left: 8px;
+}
+
+#birthday-notice {}
+#nav-notifications-template {}
+#categories-sidebar {}
+#nets-desc {}
+#status-tab {}
+#page-footer {}
+#live-profile {}
+
+.city-state-zip {}
+.country-name {}
+.locality {}
+.region {}
+.postal-code {}
+.mpfriend {}
+.toplevel_item {}
+
+.fc-header,
+.fc-view,
+.fc-view-basicWeek,
+.fc-grid,
+.fc-border-separate,
+.fc-content {}
+
+div#datebrowse-sidebar.widget {
+       text-align:center;
+}
+
+/* Fakelink */
+
+.fakelink, .fakelink:visited, .fakelink:link {
+       color: #1873a2;
+       cursor: pointer;
+       margin-bottom: 10px;
+       margin-left: 10px;
+       /*background: url("down.png") no-repeat scroll left center transparent;*/
+}
+
+.fakelink:hover {
+       color: #6da6c4;
+}