]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/testbubble/style.css
projects / friendica.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Vier: switching some more icons to "font awesome"
[friendica.git] / view / theme / testbubble / style.css
diff --git a/view/theme/testbubble/style.css b/view/theme/testbubble/style.css
index 8ef2b6619754c5e54e0df307bcba48d937dc06f0..1331a3f19073606a7fe3ec081f52609d16fbebe7 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; }
@@ -55,7 +55,7 @@ p {
 }
 
 label {
-       font-variant:small-caps;
+/*     font-variant:small-caps; */
 }
 
 li {
@@ -65,6 +65,8 @@ li {
 .required { display: inline; color: #b20202; }
 .fakelink { color: #b20202; cursor: pointer; }
 .fakelink :hover { color: #db0503; }
+.heart { color: #FF0000; font-size: 100%; }
+
 
 input[type=text] {
        border: 2px solid #b0b0b0;
@@ -113,10 +115,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 +261,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 +280,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 +295,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 +368,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 +382,11 @@ 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; }
+#notify-update { background-position: 0px -168px; }
+#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 +439,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;
 }
@@ -446,7 +455,7 @@ aside a{
 
 .vcard {
        font-size: 1em;
-       font-variant:small-caps;
+/*     font-variant:small-caps; */
 }
 
 .vcard dd {
@@ -475,16 +484,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-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; }
@@ -610,6 +618,7 @@ h3#search:before {
        text-align: center;
 }
 
+
 #sidebar-new-group: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% );
@@ -622,6 +631,25 @@ h3#search:before {
        top:1px;
 }
 
+.group-selected, .nets-selected {
+       padding-bottom: 0px;
+       padding-left: 2px;
+       padding-right: 2px;
+       -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+       -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+       box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+       background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
+       background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
+       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
+       background-color:#bdbdbd;
+       -moz-border-radius:5px;
+       -webkit-border-radius:5px;
+       border-radius:5px;
+       display:inline-block;
+       color:#efefef;
+       text-decoration:none;
+}
+
 #sidebar-new-group a {
        color: #efefef;
        font-size: 14px;
@@ -635,10 +663,29 @@ ul .sidebar-group-li{
        padding-bottom: 5px;
 }
 
-ul .sidebar-group-li img{
-       display: none;
+ul .sidebar-group-li .icon{
+       display: inline-block;
+       height: 12px;
+       width: 12px;
 }
 
+
+.nets-ul {
+       list-style-type: none;
+}
+
+.nets-ul li {
+       margin-top: 10px;
+}
+
+.nets-link {
+       margin-left: 24px;
+}
+.nets-all {
+       margin-left: 42px;
+}
+
+
 .widget h3{
        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% );
@@ -676,6 +723,20 @@ ul .sidebar-group-li img{
        margin-right: 5px;
 }
 
+.birthday-today, .event-today {
+       font-weight: bold;
+}
+
+#birthday-wrapper, #event-wrapper {
+       margin-left: 15px;
+}
+
+#pause {
+  position: fixed;
+  bottom: 5px;
+  right: 5px;
+}
+
 /* ================== */
 /* = Contacts Block = */
 /* ================== */
@@ -701,7 +762,30 @@ ul .sidebar-group-li img{
 #profile-jot-submit-wrapper { 
 }
 
-#profile-jot-perms, #profile-jot-submit {
+
+#jot-title {
+       border: 0px;
+       margin: 0px;
+       height: 20px;
+       width: 462px;
+       font-weight: bold;
+       border: 1px solid #ffffff;
+}
+
+#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; 
+}
+
+.preview {
+       background: #FFFFC8;
+}
+
+#profile-jot-perms, #profile-jot-submit, #jot-preview-link {
        width: 60px;
        font-size: 12px;
        -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
@@ -739,13 +823,13 @@ ul .sidebar-group-li img{
        margin-left: -30px;
 }
 
-#profile-jot-perms:hover, #profile-jot-submit:hover {
+#profile-jot-perms:hover, #profile-jot-submit:hover, #jot-preview-link: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;
 }
-#profile-jot-perms:active, #profile-jot-submit:active {
+#profile-jot-perms:active, #profile-jot-submit:active, #jot-preview-link:active {
        position:relative;
        top:1px;
 }
@@ -817,22 +901,24 @@ profile-jot-banner-wrapper {
 /* = Tabs = */
 /* ======== */
 
-.tabs-wrapper {
-       width: 450px;
+.tabs {
+       min-width: 400px;
        list-style: none;
        padding: 10px;
-       margin: 0px 0px 10px 0px;
        border-bottom: 1px solid #efefef;
+       font-size: 0.9em;
 }
-.tabs-wrapper li { display: inline;}
+.tabs li { display: inline;}
 
-.tabs {
+.tab {
        padding: 5px 10px 5px 10px;
+       display: inline-block;
+       margin-bottom: 5px;
        margin-right: 5px;
        font-style: bold;
 }
 
-.tabs:hover {
+.tab:hover {
        padding: 5px 10px 5px 10px;
 }
 
@@ -841,11 +927,12 @@ profile-jot-banner-wrapper {
 /* ========= */
 
 .wall-item-outside-wrapper {
-       max-width: 85%;
-       border-bottom: 1px solid #dedede;
+       max-width: 93%;
+       border-bottom: 1px solid #dedede; 
        margin-top: 20px;
        padding-right: 10px;
-       overflow: hidden;
+       padding-left: 12px;
+/*     overflow: hidden; */
 }
 
 .wall-item-outside-wrapper-end { clear: both;}
@@ -929,6 +1016,11 @@ profile-jot-banner-wrapper {
        margin-right: 2px;
        float: left;    
 }
+.tag-item {
+       margin-left: 5px;
+       margin-right: 2px;
+       float: left;    
+}
 .wall-item-title { font-size: 1.2em; font-weight: bold;}
 .wall-item-body {
        margin-left: 140px;
@@ -936,6 +1028,8 @@ profile-jot-banner-wrapper {
        max-width: 85%;
 }
 
+.wall-item-body img { max-width: 100%; height: auto; }
+
 .wall-item-body p {
        font-size: 0.8em;
 }
@@ -947,7 +1041,7 @@ profile-jot-banner-wrapper {
        font-size: 0.9em;
        margin: 4px 0px 0px 140px;
        padding-left: 10px;
-       font-variant:small-caps;
+/*     font-variant:small-caps; */
 }
 
 .wall-item-author a {
@@ -969,7 +1063,7 @@ profile-jot-banner-wrapper {
        margin-left: 25px;
        font-size: 0.9em;
        display: block;
-       font-variant:small-caps;
+/*     font-variant:small-caps; */
        color: #898989;
 }
 
@@ -978,7 +1072,7 @@ profile-jot-banner-wrapper {
 .wall-item-conv a{
        font-size: 0.9em;
        color: #898989;
-       font-variant:small-caps;
+/*     font-variant:small-caps; */
 }
 
 .wallwall .wwto {
@@ -987,7 +1081,7 @@ profile-jot-banner-wrapper {
     position: absolute;
     top: 65px;
     width: 30px;
-    z-index: 10001;
+    z-index: 900;
        width: 30px;
        height: 30px;    
 }
@@ -998,7 +1092,7 @@ profile-jot-banner-wrapper {
     position: absolute;
     left: 20px;
     top: 70px;
-    z-index: 10002;
+    z-index: 950;
 }
 
 .wall-item-photo-menu {
@@ -1063,7 +1157,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; }
@@ -1095,7 +1189,7 @@ profile-jot-banner-wrapper {
 .icollapse-wrapper {
        font-size: 0.9em;
        color: #898989;
-       font-variant:small-caps;        
+/*     font-variant:small-caps;        */
 }
 
 .comment-wwedit-wrapper,
@@ -1172,7 +1266,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%;} 
@@ -1204,7 +1298,7 @@ div[id$="wrapper"] br { clear: left; }
 
 .profile-listing-name {
        font-size: 1em;
-       font-variant: small-caps;
+/*     font-variant: small-caps;*/
 }
 .profile-listing-name a {
        color: #898989;
@@ -1237,12 +1331,18 @@ div[id$="wrapper"] br { clear: left; }
        background-color: #b20202;      
 }
 
+.profile-edit-side-div {
+       margin-top: 5px;
+       margin-right: 30px;
+       float: right;
+}
+
 #cropimage-wrapper { float:left; }
 #crop-image-form { clear:both; }
 
 .profile-match-name a{
        color: #999;
-       font-variant: small-caps;
+/*     font-variant: small-caps; */
        font-size: 1em;
 }
 
@@ -1251,19 +1351,35 @@ 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;
 }
 
 /* ========== */
 /* = Photos = */
 /* ========== */
+.photos {
+       height: auto;
+       overflow: auto;
+}
 
 #side-bar-photos-albums h3:before {
        content: url("photography.png");
@@ -1346,7 +1462,7 @@ div[id$="wrapper"] br { clear: left; }
        padding: 0px 5px;
        font-weight: bold;
        font-stretch:semi-expanded;
-       font-variant:small-caps;
+/*     font-variant:small-caps; */
 } 
 
 .photo-top-album-name a{
@@ -1360,7 +1476,7 @@ div[id$="wrapper"] br { clear: left; }
        text-align: center;
        color: #6e6e6e;
        font-size: 0.9em;
-       font-variant: small-caps;
+/*     font-variant: small-caps; */
 }
 
 #photo-photo{
@@ -1371,7 +1487,7 @@ div[id$="wrapper"] br { clear: left; }
 #photo-caption {
        margin-top: 10px;
        color: #6E6E6E;
-       font-variant:small-caps;
+/*     font-variant:small-caps; */
        font-size: 1.1em;
 }
 
@@ -1596,18 +1712,18 @@ input#photo_edit_form {
 }
 
 #prvmail-subject-label {
-       font-variant:small-caps;
+/*     font-variant:small-caps; */
 }
 
 #prvmail-to {
        padding-left: 10px;
 }
 #prvmail-to-label {
-       font-variant:small-caps;
+/*     font-variant:small-caps; */
 }
 
 #prvmail-message-label {
-       font-variant:small-caps;
+/*     font-variant:small-caps; */
        font-size: 1em; 
 }
 
@@ -1653,7 +1769,7 @@ margin-left: 0px;
 .mail-list-sender-name {
        font-size: 1.1em;
        display: inline;
-       font-variant:small-caps;
+/*     font-variant:small-caps; */
 }
 
 .mail-list-date {
@@ -1663,7 +1779,7 @@ margin-left: 0px;
        font-size: 0.9em;
        padding-left: 10px;
        font-stretch:ultra-condensed;
-       font-variant:small-caps;
+/*     font-variant:small-caps; */
 }
 
 .mail-list-subject {
@@ -1692,8 +1808,8 @@ margin-left: 0px;
        height: 64px;
 }
 
-.mail-conv-sender-name { float: left; font-variant:small-caps; font-style: bold; }
-.mail-conv-date { float: right; font-variant:small-caps; }
+.mail-conv-sender-name { float: left; font-style: bold; }
+.mail-conv-date { float: right; }
 .mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em }
 .mail-conv-body {
        clear: both;
@@ -1787,7 +1903,7 @@ margin-left: 0px;
        font: #999;
        font-size: 12px;
        text-align:center;
-       font-variant:small-caps;
+/*     font-variant:small-caps; */
        font-weight: bold;
        margin-top:5px;
 }
@@ -1804,42 +1920,31 @@ margin-left: 0px;
        background-color: #ffffff;
 }
 
-#contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; font-variant: small-caps; }
-#contact-edit-photo-wrapper {position: relative; float: left; padding: 20px;}
-#contact-edit-direction-icon { position: absolute; top: 60px; left:0px;}
-#contact-edit-nav-wrapper { margin-left: 210px; }
-#contact-edit-links { float: left; margin-top: 23px; }
-#contact-edit-nav-wrapper .icon {
-       border: 1px solid #babdb6;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;        
-}
-
-#contact-edit-nettype {
-       font-size: 1em;
-       font-variant: small-caps;
-       margin-left: 30px;
-       margin-bottom: 0px;
-       padding-bottom: 0px;
-}
+#contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; }
 
-#contact-edit-poll-wrapper { margin-left: 50px; width: 300px;}
-#contact-edit-last-update-text { margin-bottom: 15px; padding-top: 20px; padding-left: 10px; font-size: 0.9em; max-width: 300px; }
-#contact-edit-last-updated { font-weight: bold; }
-#contact-edit-poll-text { display: inline; font-size: 0.9em; padding-left: 10px; }
-#contact-edit-end { clear: both; margin-bottom: 65px;}
 
 #contact-edit-update-now {
-       width: 80px;
-       padding: 5px 10px 5px 10px;
-       margin-left: 125px;
-       margin-top: 10px;
-       font-style: bold;
+       padding:7px;
+       width: 165px;
+       margin: auto;
+       margin-left: 40px;
+       -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+       -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+       box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+       background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
+       background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
+       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
+       background-color:#bdbdbd;
+       -moz-border-radius:5px;
+       -webkit-border-radius:5px;
+       border-radius:5px;
+       display:inline-block;
+       color:#efefef;
+       text-decoration:none;
+       text-align: center;
 }
 
 #contact-edit-update-now:hover {
-       color: #efefef;
        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');
@@ -1847,20 +1952,18 @@ margin-left: 0px;
 }
 
 #contact-edit-update-now:active {
-       background-color: #b20202;
        position:relative;
        top:1px;
 }
 
 #contact-edit-update-now a {
        color: #efefef;
+       font-size: 14px;
+       text-align: center;
+       margin: auto;
 }
 
 
-#contact-edit-profile-select-text > p {
-       font-size: 1em;
-}
-
 .contact-photo-menu-button {
        position: absolute;
     background-image: url("photo-menu.jpg");
@@ -1900,7 +2003,7 @@ margin-left: 0px;
 }
 
 .view-contact-name {
-       font-variant: small-caps;
+/*     font-variant: small-caps; */
 }
 
 #div.side-link {
@@ -1996,6 +2099,7 @@ margin-left: 0px;
        background-color:#b20202;       
 }
 
+
 #side-invite-link:active {
        background-color: #b20202;
        position:relative;
@@ -2006,6 +2110,46 @@ margin-left: 0px;
        color: #efefef; 
 }
 
+#side-suggest-link {
+       width: 180px;
+       padding: 10px;
+       margin: auto;
+       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;
+       background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
+       background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
+       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
+       background-color:#bdbdbd;
+       -moz-border-radius:5px;
+       -webkit-border-radius:5px;
+       border-radius:5px;
+       padding: 5px 10px 5px 10px;
+       color: #efefef;
+       font-size: 1.2em;
+       text-align: center;     
+}
+
+#side-suggest-link:hover {
+       color: #efefef;
+       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;       
+}
+
+
+#side-suggest-link:active {
+       background-color: #b20202;
+       position:relative;
+       top:1px;        
+}
+
+#side-suggest-link a {
+       color: #efefef; 
+}
+
 #invite-message, #invite-recipients, #invite-recipient-text {
        padding: 10px;
 }
@@ -2028,13 +2172,6 @@ margin-left: 0px;
        font-variant: normal;   
 }
 
-#contact-view-recent {
-       float: left;
-       width: 150px;
-       padding: 5px;
-       margin-bottom: 20px;
-}
-
 #contact-suggest {
        float: left;
        margin-left: 10px;
@@ -2075,20 +2212,27 @@ margin-left: 0px;
        color: #efefef;
 }
 
-#contact-edit-info-wrapper {
-       clear: both;
+.crepair-label {
+       margin-top: 10px;
+       float: left;
+       width: 250px;
+}
+
+.crepair-input {
+       margin-top: 10px;
+       float: left;
+       width: 200px;
 }
 
 /* ===================================== */
 /* = Register, Settings, Profile Forms = */
 /* ===================================== */
 
-#id_openid_url,
-.openid {
+.openid input{
        background: url(login-bg.gif) no-repeat;
        background-position: 0 50%;
        padding-left: 18px;
-       width: 385px;
+       width: 384px!important;
 }
 
 #profile-tabs-wrapper {
@@ -2193,18 +2337,27 @@ margin-left: 0px;
     padding: 5px;
 }
 
-#register-form div,
-#profile-edit-form div { 
+#register-form div {
        clear: both;
 }
 
+#profile-edit-form div { 
+       margin-bottom: 5px;
+}
+
+#profile-edit-form div[id$='desc'] {
+       font-size: 0.8em;
+       margin-left: 2%;
+}
+
 #register-form label,
 #profile-edit-form label {
        width: 300px; float: left;
 }
 
-#register-form span,
-#profile-edit-form span  {
+/* #register-form span,
+#profile-edit-form span  { */
+#register-form span {
        color: #555753;
        display:block;
        margin-bottom: 20px;
@@ -2328,6 +2481,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);
@@ -2386,7 +2540,7 @@ margin-left: 0px;
        margin-bottom: 2px;
        margin-top: 2px;
        font-size: 0.9em;
-       font-variant: small-caps;
+/*     font-variant: small-caps; */
        text-align: left;
 }
 
@@ -2452,7 +2606,7 @@ margin-left: 0px;
 .event-list-date {
        color: #626262;
        margin-bottom: 10px;
-       font-variant:small-caps;
+/*     font-variant:small-caps; */
        font-stretch:condensed;
 }
 
@@ -2488,7 +2642,7 @@ margin-left: 0px;
        color: #ffffff;
        font-weight: bold;
        text-align:center;
-       font-variant:small-caps;
+/*     font-variant:small-caps; */
        -moz-box-shadow: 5px 2px 8px #959494;
        -webkit-box-shadow: 5px 2px 8px #959494;
        box-shadow: 5px 2px 8px #959494;
@@ -2566,13 +2720,13 @@ tr {
 
 .directory-details {
        font-size: 0.9em;
-       font-variant: small-caps;
+/*     font-variant: small-caps; */
        width: 160px;
 }
 
 .directory-name {
        font-size: 1em;
-       font-variant: small-caps;
+/*     font-variant: small-caps; */
        width: 150px;   
 }
 
@@ -2721,6 +2875,10 @@ tr {
 /* = Icons = */
 /* ========= */
 
+.sparkle {
+       cursor: url('lock.cur'), pointer;
+}
+
 .icon {
        display: block; width: 20px; height: 20px;
        background-image: url('icons.png');
@@ -2734,6 +2892,10 @@ tr {
        repeat: no-repeat;
 }
 
+.notify {
+  background-image: url("notify.png");}
+  repeat: no-repeat;
+}
 
 .border {
        border: 1px solid #c1c1c1;
@@ -2792,7 +2954,8 @@ tr {
 .on            { background-position: -50px  -60px;}
 .off           { background-position: -70px  -60px;}
 .prev          { background-position: -90px  -60px;}
-.next          { background-position: -110px  -60px;}
+.next          { background-position: -110px -60px;}
+.tagged     { background-position: -130px -60px;}
 
 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
 
@@ -2988,4 +3151,142 @@ a.active {
        color:#efefef;
        padding: 5px 10px 5px 10px;
        margin-right: 5px;
+}
+
+/* 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;
+}
+
+#nav-notifications-menu a:hover {
+       text-decoration: underline;
+}
+
+.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;
+}
+
+/* autocomplete popup */
+.acpopup {
+       max-height:150px;
+       overflow:auto;
+       z-index:100000;
+       
+       color: #2e3436;
+       border-top: 0px;
+       background: #eeeeee;
+       border-right: 1px solid #dddddd;
+       border-left: 1px solid #dddddd;
+       border-bottom: 1px solid #dddddd;
+       -webkit-border-radius: 0px 5px 5px 5px;
+       -moz-border-radius: 0px 5px 5px 5px;
+       border-radius: 0px 5px 5px 5px;
+       -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;
+}
+.acpopupitem img {
+       float: left;
+       margin-right: 4px;
+}
+
+.acpopupitem.selected {
+       color: #efefef;
+       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; 
+       order-bottom: none;
+}
+
+.qcomment {
+       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;
 }
\ No newline at end of file
Unnamed repository; edit this file 'description' to name the repository.