Merge branch 'pull'

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

diff --git a/view/theme/loozah/style.css b/view/theme/loozah/style.css
index 030b878bfe2f9b7ee16157076e07fa4fb343d6ce..f38b6e6d4de46a97d07c7915b0e5f8d04a90c506 100644 (file)
--- a/view/theme/loozah/style.css
+++ b/view/theme/loozah/style.css
@@ -111,7 +111,8 @@ blockquote:before {
 #profile-youtube, 
 #profile-video,
 #profile-audio, 
-#profile-link, 
+#profile-link,
+#profile-title, 
 #wall-image-upload,
 #profile-upload-wrapper,
 #wall-image-upload-div,
@@ -119,6 +120,10 @@ blockquote:before {
        cursor: pointer;
 }
 
+#jot-perms-icon {
+       float: left;
+}
+
 .fakelink, .fakelink:visited {
        color: #15607B;
        text-decoration: none;
@@ -505,7 +510,7 @@ input#dfrn-url {
 }
 
 #settings-nick-wrapper {
-       margin-bottom: 30px;
+       margin-bottom: 15px;
 }
 
 #settings-expire-end {
@@ -528,7 +533,14 @@ input#dfrn-url {
 #notify2-end,
 #notify3-end,
 #notify4-end,
-#notify5-end {
+#notify5-end,
+#imap-server-end,
+#imap-port-end,
+#imap-ssl-end,
+#imap-user-end,
+#imap-pass-end,
+#imap-replyto-end,
+#imap-pubmail-end {
        margin-bottom: 5px;
        clear: both;
 }
@@ -549,7 +561,14 @@ input#dfrn-url {
 #settings-label-notify2,
 #settings-label-notify3,
 #settings-label-notify4,
-#settings-label-notify5 {
+#settings-label-notify5,
+#settings-label-imap1,
+#settings-label-imap2,
+#settings-label-imap3,
+#settings-label-imap4,
+#settings-label-imap5,
+#settings-label-imap6,
+#settings-label-imap7 {
        float: left;
        width: 200px;
 }
@@ -569,7 +588,14 @@ input#dfrn-url {
 #notify2,
 #notify3,
 #notify4,
-#notify5 {
+#notify5,
+#imap-server,
+#imap-port,
+#imap-ssl,
+#imap-user,
+#imap-pass,
+#imap-replyto,
+#imap-pubmail {
        float: left;
        margin-bottom: 20px;
 }
@@ -608,7 +634,7 @@ input#dfrn-url {
 }
 
 #settings-nick {
-       margin-bottom: 50px;
+       margin-bottom: 30px;
 }
 
 #cropimage-wrapper, #cropimage-preview-wrapper {
@@ -958,6 +984,7 @@ input#dfrn-url {
 .wall-item-content-wrapper {
        margin-top: 10px;
        border: 1px solid #CCC;
+       position: relative;
 }
 
 .wall-item-content-wrapper.comment {
@@ -972,10 +999,37 @@ input#dfrn-url {
        width: 100px;
        float: left;
 }
+
+.wall-item-photo-menu-button {
+       display: block;
+       position: absolute;
+       background-image: url("photo-menu.jpg");
+       background-position: top left; 
+       background-repeat: no-repeat;
+       margin: 0px; padding: 0px;
+       width: 16px;
+       height: 16px;
+       top: 74px; left:10px;
+       overflow: hidden;
+       text-indent: 40px;
+       display: none;
+}
+.wall-item-photo-menu {
+       width: auto;
+       border: 2px solid #444444;
+       background: #FFFFFF;
+       position: absolute;
+       left: 10px; top: 90px;
+       display: none;
+       z-index: 10000;
+}
+.wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
+.wall-item-photo-menu li a { display: block; padding: 2px; }
+.wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
+
+
 .wall-item-arrowphoto-wrapper {
        margin-top: 40px;
-       margin-right: 20px;
-       float: left;
 }
 .wall-item-wrapper {
        margin-left: 10px;;
@@ -997,6 +1051,10 @@ input#dfrn-url {
     padding-right: 10px;
     border-right: 2px solid #fff;
 }
+.wall-item-like-buttons > a,
+.wall-item-like-buttons > img {
+       float: left;
+}
 
 .wall-item-share-buttons {
        margin-left: 5px;
@@ -1006,6 +1064,16 @@ input#dfrn-url {
        margin-left: 15px;
 }
 
+.wall-item-info.wallwall {
+       width: 285px;
+}
+
+.wwto, .wall-item-arrowphoto-wrapper, .wwfrom {
+       float: left;
+       margin-right: 10px;
+}
+
+
 .wall-item-links-wrapper {
     float: left;
 }
@@ -1119,41 +1187,46 @@ padding: 5px 10px 0px;
 }
 #profile-upload-wrapper {
        float: left;
-       margin-left: 50px;
+       margin-left: 30px;
 }
 
 #profile-rotator {
        float: left;
-       margin-left: 50px;
+       margin-left: 30px;
 }
 #profile-link-wrapper {
        float: left;
-       margin-left: 20px;
+       margin-left: 15px;
 }
 #profile-youtube-wrapper {
        float: left;
-       margin-left: 20px;
+       margin-left: 15px;
 }
 #profile-video-wrapper {
        float: left;
-       margin-left: 20px;
+       margin-left: 15px;
 }
 #profile-audio-wrapper {
        float: left;
-       margin-left: 20px;
+       margin-left: 15px;
 }
 #profile-location-wrapper {
        float: left;
-       margin-left: 20px;
+       margin-left: 15px;
 }
 #profile-nolocation-wrapper {
        float: left;
-       margin-left: 20px;
+       margin-left: 15px;
+}
+
+#profile-title-wrapper {
+       float: left;
+       margin-left: 15px;
 }
 
 #profile-jot-perms {
        float: left;
-       margin-left: 150px;
+       margin-left: 100px;
        font-weight: bold;
        font-size: 1.2em;
 }
@@ -1439,6 +1512,9 @@ padding: 5px 10px 0px;
 #contact-edit-links {
        float: left;
 }
+#contact-edit-links a {
+       float: left;
+}
 #contact-edit-links img {
        margin-left: 20px;
        border: none;
@@ -2079,8 +2155,8 @@ a.mail-list-link {
 }
 
 
-#plugin-settings-link, #account-settings-link {
-       margin-bottom: 25px;
+#plugin-settings-link, #account-settings-link, #uexport-link {
+       margin-bottom: 10px;
 }
 
 
@@ -2115,7 +2191,7 @@ a.mail-list-link {
 
 .tool-wrapper {
   float: left;
-  margin-left: 20px;
+  margin-left: 15px;
 }
 .tool-link {
   cursor: pointer;
@@ -2169,3 +2245,163 @@ a.mail-list-link {
        clear: both;
 }
 
+
+.profile-match-photo {
+       float: left;
+       text-align: center;
+       width: 120px;
+}
+
+.profile-match-name {
+       float: left;
+       text-align: center;
+       width: 120px;
+       overflow: hidden;
+}
+
+.profile-match-break,
+.profile-match-end {
+       clear: both;
+}
+
+.profile-match-wrapper {
+       float: left;
+       padding: 10px;
+}
+#profile-match-wrapper-end {
+       clear: both;
+}
+
+.side-link {
+       margin-bottom: 15px;
+}
+
+#language-selector {
+       position: absolute;
+       top: 0;
+       left: 0;
+}
+
+
+#group-members {
+       margin-top: 20px;
+       padding: 10px;
+       height: 250px;
+       overflow: auto;
+       border: 1px solid #ddd;
+}
+
+#group-members-end {
+       clear: both;
+}
+
+#group-separator {
+       margin-top: 10px;
+       margin-bottom: 10px;
+}
+
+#group-all-contacts {
+       padding: 10px;
+       height: 450px;
+       overflow: auto;
+       border: 1px solid #ddd;
+}
+
+#group-all-contacts-end {
+       clear: both;
+       margin-bottom: 10px;
+}
+
+#group-edit-desc {
+    margin-top: 15px;
+}
+
+
+#prof-members {
+       margin-top: 20px;
+       padding: 10px;
+       height: 250px;
+       overflow: auto;
+       border: 1px solid #ddd;
+}
+
+#prof-members-end {
+       clear: both;
+}
+
+#prof-separator {
+       margin-top: 10px;
+       margin-bottom: 10px;
+}
+
+#prof-all-contacts {
+       padding: 10px;
+       height: 450px;
+       overflow: auto;
+       border: 1px solid #ddd;
+}
+
+#prof-all-contacts-end {
+       clear: both;
+       margin-bottom: 10px;
+}
+
+#prof-edit-desc {
+       margin-top: 15px;
+}
+
+#crepair-nick-label,
+#crepair-url-label,
+#crepair-request-label,
+#crepair-confirm-label,
+#crepair-notify-label,
+#crepair-poll-label {
+       float: left;
+       width: 200px;
+       margin-bottom: 15px;
+}
+
+#crepair-nick,
+#crepair-url,
+#crepair-request,
+#crepair-confirm,
+#crepair-notify,
+#crepair-poll {
+       float: left;
+       width: 300px;
+}
+
+/**
+ * ICONS
+ */
+.icon {
+       display: block; width: 16px; height: 16px;
+       background-image: url('../../../images/icons.png');
+}
+.article { background-position: 0px 0px;}
+.audio { background-position: -16px 0px;}
+.block { background-position: -32px 0px;}
+.drop { background-position: -48px 0px;}
+.drophide { background-position: -64px 0px;}
+.edit { background-position: -80px 0px;}
+.camera { background-position: -96px 0px;}
+.dislike { background-position: -112px 0px;}
+.like { background-position: -128px 0px;}
+.link { background-position: -144px 0px;}
+
+.globe { background-position: 0px -16px;}
+.noglobe { background-position: -16px -16px;}
+.no { background-position: -32px -16px;}
+.pause { background-position: -48px -16px;}
+.play { background-position: -64px -16px;}
+.pencil { background-position: -80px -16px;}
+.small-pencil { background-position: -96px -16px;}
+.recycle { background-position: -112px -16px;}
+.remote-link { background-position: -128px -16px;}
+.share { background-position: -144px -16px;}
+
+.tools { background-position: 0px -32px;}
+.lock { background-position: -16px -32px;}
+.unlock { background-position: -32px -32px;}
+.video { background-position: -48px -32px;}
+.youtube { background-position: -64px -32px;}