stuff

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

diff --git a/view/theme/testbubble/style.css b/view/theme/testbubble/style.css
index 8ef2b6619754c5e54e0df307bcba48d937dc06f0..dd9d2429991f32513bb8e39afa424bc7aaf1fb21 100644 (file)
--- a/view/theme/testbubble/style.css
+++ b/view/theme/testbubble/style.css
@@ -25,7 +25,7 @@ body {
        font-family: freesans,helvetica,arial,clean,sans-serif;
        font-size: 15px;
        color: #626262;
-       width: 100%;
+       width: 100%;    
 }
 
 img {  border: 0 none; max-width: 550px; }
@@ -113,10 +113,13 @@ input[type=submit]:active {
 ::-moz-selection { background:#fdf795; color: #000; /* Firefox */ }
 
 section {
-       margin: 20px 11% 0px 11%;
+       float: left;
+       margin-left: 8%;
+       padding-top: 50px;
+       width: 50%;     
+       margin: 20px 0px 30px 10%;
        font-size: 0.9em;
        line-height: 1.2em;
-       padding-right: 230px;
 }
 
 .lframe {
@@ -256,9 +259,11 @@ section {
 /* ======= */
 
 nav {
+       z-index: 10000;
        height: 50px;
        display: block;
-       position: relative;
+       position: fixed;
+       width: 100%;
        padding: 0px 10%;
        color: #efefef;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
@@ -273,7 +278,7 @@ nav a:hover { text-decoration: none;        color: #eeeeec; border:0px;}
 nav #banner {
        display: block;
        position: absolute;
-       margin-left: 20px;
+       margin-left: 10px;
        margin-top: 5px;
        padding-bottom:5px;     
 }
@@ -288,7 +293,7 @@ nav #user-menu {
     display: block;    
        width: 250px;
     float: right;
-       margin-right:15px;
+       margin-right:20%;
     margin-top: 10px;
        padding: 5px;
     position: relative;
@@ -361,7 +366,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: 40%;
+       top:10px; left: 35%;
 }
 .nav-ajax-update {
        width: 44px;
@@ -375,10 +380,10 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
        padding-left: 11px;
     /*display: none;*/
 }
-#net-update { background-position: 0px 0px; }
+#net-update { background-position: 0px -126px; }
 #mail-update { background-position: 0px -40px; }
-#notify-update { background-position: 0px -84px; }
-#home-update { background-position: 0px -126px; }
+#intro-update { background-position: 0px -84px; }
+#home-update { background-position: 0px 0px; }
 
 #lang-select-icon {
        cursor: pointer;
@@ -431,10 +436,11 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
 /* ================= */
 
 aside {
-    position: absolute;
-    right: 11%;
-       width: 260px;
-       margin-top: auto;
+       float: right;
+    margin-right: 10%;
+       /*width: 21%;*/
+       width: 250px;
+       margin-top: 50px;
     font-size: 0.8em;
        font-style: bold;
 }
@@ -475,16 +481,15 @@ aside a{
 
 aside h4 { font-size: 1.3em; }
 
-aside #viewcontacts {
+.allcontact-link {
+       color: #626262;
        text-align: center;
        font-weight: bold;
        font-variant:small-caps;
        font-size: 1.1em;
-       padding-top: 5px;
 }
-
-#viewcontacts a {
-       color: #898989;
+.allcontact-link a {
+       padding-bottom: 10px;
 }
 
 #profile-extra-links ul { margin-left: 0px; padding-left: 0px; list-style: none; }
@@ -817,22 +822,22 @@ profile-jot-banner-wrapper {
 /* = Tabs = */
 /* ======== */
 
-.tabs-wrapper {
-       width: 450px;
+.tabs {
+       width: 600px;
        list-style: none;
        padding: 10px;
        margin: 0px 0px 10px 0px;
        border-bottom: 1px solid #efefef;
 }
-.tabs-wrapper li { display: inline;}
+.tabs li { display: inline;}
 
-.tabs {
+.tab {
        padding: 5px 10px 5px 10px;
        margin-right: 5px;
        font-style: bold;
 }
 
-.tabs:hover {
+.tab:hover {
        padding: 5px 10px 5px 10px;
 }
 
@@ -841,10 +846,11 @@ profile-jot-banner-wrapper {
 /* ========= */
 
 .wall-item-outside-wrapper {
-       max-width: 85%;
+       max-width: 93%;
        border-bottom: 1px solid #dedede;
        margin-top: 20px;
        padding-right: 10px;
+       padding-left: 12px;
        overflow: hidden;
 }
 
@@ -987,7 +993,7 @@ profile-jot-banner-wrapper {
     position: absolute;
     top: 65px;
     width: 30px;
-    z-index: 10001;
+    z-index: 900;
        width: 30px;
        height: 30px;    
 }
@@ -998,7 +1004,7 @@ profile-jot-banner-wrapper {
     position: absolute;
     left: 20px;
     top: 70px;
-    z-index: 10002;
+    z-index: 950;
 }
 
 .wall-item-photo-menu {
@@ -1251,14 +1257,26 @@ div[id$="wrapper"] br { clear: left; }
 }
 
 .profile-match-wrapper {
-       width: 300px;
+       width: 82%;
        padding: 5px;
        margin-bottom:10px;
+       margin-left: 20px;
        background-color: #f6f6f6;
        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;
+       clear: both;    
+}
+
+.profile-match-end {
+       clear: both;
+}
+
+.profile-match-photo {
+       float: left;
+       margin-right: 10px;
+       margin-bottom: 5px;
 }
 
 /* ========== */
@@ -2193,6 +2211,25 @@ margin-left: 0px;
     padding: 5px;
 }
 
+.settings-block {
+       margin-top: 20px;
+       -moz-box-shadow: 1px 2px 6px 0px #959494;
+       -webkit-box-shadow: 1px 2px 6px 0px #959494;
+       box-shadow: 1px 2px 6px 0px #959494;
+       background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
+       background:-moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
+       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
+       background-color:#f8f8f8;
+       -moz-border-radius:5px;
+       -webkit-border-radius:5px;
+       border-radius:5px;
+       border:1px solid #eee;
+       color:#a6a6a6;
+       text-shadow:-1px 0px 0px #bdbdbd;
+       border: 1px solid #cdcdcd;
+       padding: 5px;
+}
+
 #register-form div,
 #profile-edit-form div { 
        clear: both;
@@ -2328,6 +2365,7 @@ margin-left: 0px;
        padding: 20px;
        padding-top: 10px;
        margin: 0 0px;
+       margin-bottom: 10px;
        background-color: #fff;
        -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);
@@ -2988,4 +3026,82 @@ a.active {
        color:#efefef;
        padding: 5px 10px 5px 10px;
        margin-right: 5px;
-}
\ No newline at end of file
+}
+
+/* notifications popup menu */
+.nav-notify {
+       display: none;
+       position: absolute;
+       font-size: 10px;
+       padding: 1px 3px;
+       top: 0px;
+       right: -10px;
+       min-width: 15px;
+       text-align: right;
+}
+.nav-notify.show {
+       display: block;
+}
+ul.menu-popup {
+       position: absolute;
+       display: none;
+       width: 10em;
+       margin: 0px;
+       padding: 0px;
+       list-style: none;
+       z-index: 100000;
+       top: 40px;
+}
+#nav-notifications-menu {
+       width: 320px;
+       max-height: 400px;
+       overflow-y: scroll;overflow-style:scrollbar;
+       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');
+       background-color:#a2a2a2;
+       -moz-border-radius:0px 0px 5px 5px;
+       -webkit-border-radius:0px 0px 5px 5px;
+       border-radius:0px 0px 5px 5px;
+       border: 1px solid #9A9A9A;
+       border-top: none;
+       -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; }
+#nav-notifications-menu li {
+       padding: 7px 0px 7px 10px;
+       word-wrap:normal;
+       border-bottom: 1px solid #626262;
+}
+
+#nav-notifications-menu li:hover {
+       background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
+       background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
+       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
+       background-color:#b20202;
+}
+
+.notif-item a {
+       vertical-align: middle;
+       color: #626262;
+       padding-bottom: 7px;
+}
+
+.notif-item a:hover {
+       color: #b20202;
+}
+
+.notif-image {
+       width: 32px;
+       height: 32px;
+       padding: 7px 7px 0px 0px;
+}
+
+#jGrowl {
+       z-index: 20000;
+}