cleanup content type icons

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

diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
index 5db45921adda412dd8e1050aea52d819c6b3544b..2bac4238ea92ef1ad8cdb55d61a00f281a703718 100644 (file)
--- a/view/theme/duepuntozero/style.css
+++ b/view/theme/duepuntozero/style.css
@@ -16,7 +16,7 @@ body {
 }
 
 
-a, a:visited { color: #3465a4; text-decoration: none; }
+a, a:visited, a:link { color: #3465a4; text-decoration: none; }
 a:hover {text-decoration: underline; }
 
 input {
@@ -51,6 +51,11 @@ blockquote:before {
        content: '>> ';
 }
 
+.icollapse-wrapper, .ccollapse-wrapper {
+       border: 1px solid #CCC;
+       padding: 5px;
+}
+
 #panel {
        background-color: ivory;
        position: absolute;
@@ -88,6 +93,14 @@ nav #site-location {
        padding: 10px;
 }
 
+.info-message {
+       color: #204a87;
+       font-size: 1.1em;
+       border: 1px solid #3465a4;
+       background-color: #d7e3f1;
+       padding: 10px;
+}
+
 
 nav #banner {
        display: block;
@@ -210,15 +223,22 @@ div.wall-item-content-wrapper.shiny {
 #profile-youtube, 
 #profile-video, 
 #profile-audio,
-#profile-link, 
+#profile-link,
+#profile-title, 
 #wall-image-upload,
+#wall-file-upload,
 #profile-upload-wrapper,
 #wall-image-upload-div,
+#wall-file-upload-div,
 .hover, .focus {
        cursor: pointer;
 }
 
-.fakelink, .fakelink:visited {
+#jot-perms-icon {
+       float: left;
+}
+
+.fakelink, .fakelink:visited, .fakelink:link {
        color: #3465a4;
        text-decoration: none;
        cursor: pointer;
@@ -372,7 +392,8 @@ input#dfrn-url {
 }
 
 #settings-nick-wrapper {
-       margin-bottom: 30px;
+       margin-top: 20px;
+
 }
 
 #settings-expire-end {
@@ -384,6 +405,7 @@ input#dfrn-url {
 #settings-nick-end,
 #settings-defloc-end,
 #settings-allowloc-end,
+#settings-blockw-end,
 #settings-timezone-end,
 #settings-theme-end,
 #settings-password-end,
@@ -394,7 +416,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;
 }
@@ -404,6 +433,7 @@ input#dfrn-url {
 #settings-nick-label,
 #settings-defloc-label,
 #settings-allowloc-label,
+#settings-blockw-label,
 #settings-timezone-label,
 #settings-theme-label,
 #settings-password-label,
@@ -414,7 +444,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;
 }
@@ -424,6 +461,7 @@ input#dfrn-url {
 #settings-nick,
 #settings-defloc,
 #settings-allowloc,
+#settings-blockw,
 #timezone-select,
 #theme-select,
 #settings-password,
@@ -433,7 +471,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;
 }
@@ -471,10 +516,6 @@ input#dfrn-url {
        width: 500px;
 }
 
-#settings-nick {
-       margin-bottom: 50px;
-}
-
 #cropimage-wrapper, #cropimage-preview-wrapper {
        float: left;
        padding: 30px;
@@ -611,6 +652,11 @@ input#dfrn-url {
 #profile-photo-link-select-wrapper {
        margin-top: 2em;
 }
+
+#profile-photo-submit-wrapper {
+       margin-top: 10px;
+}
+
 #profile-photo-wrapper img {
        width:175px;
        height:175px;
@@ -657,6 +703,8 @@ input#dfrn-url {
 #profile-in-dir-no,
 #profile-in-netdir-yes,
 #profile-in-netdir-no,
+#hide-wall-yes,
+#hide-wall-no,
 #hide-friends-yes,
 #hide-friends-no {
        float: left;
@@ -674,6 +722,8 @@ input#dfrn-url {
 #profile-in-dir-no-label,
 #profile-in-netdir-yes-label,
 #profile-in-netdir-no-label,
+#hide-wall-yes-label,
+#hide-wall-no-label,
 #hide-friends-yes-label,
 #hide-friends-no-label {
        margin-left: 125px;
@@ -757,6 +807,8 @@ input#dfrn-url {
 #profile-in-dir-end,
 #profile-in-netdir-break,
 #profile-in-netdir-end,
+#hide-wall-break,
+#hide-wall-end,
 #hide-friends-break,
 #hide-friends-end,
 #settings-normal-break,
@@ -856,6 +908,37 @@ input#dfrn-url {
        margin-bottom: 10px;
        width: 100px;
 }
+.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; }
+
+
+.comment .wall-item-photo-menu-button {        top: 44px;}
+.comment .wall-item-photo-menu { top: 60px; }
 
 .wallwall .wwto {
     left: 50px;
@@ -865,9 +948,10 @@ input#dfrn-url {
     width: 30px
 }
 .wallwall .wwto img {
-       width: 30px;
-       height: 30px;
+       width: 30px !important;
+       height: 30px !important;
 }
+
 .wallwall .wall-item-photo-end {
        clear: both;
 }
@@ -918,6 +1002,10 @@ input#dfrn-url {
        border-right: 2px solid #fff;
 }
 
+.wall-item-like-buttons > a,
+.wall-item-like-buttons > img {
+       float: left;
+}
 
 .wall-item-like-buttons img {
        cursor: pointer;
@@ -960,7 +1048,8 @@ input#dfrn-url {
        border: none;
 }
 .comment .wall-item-photo {
-       width: 50px; height: 50px;
+       width: 50px !important; 
+       height: 50px !important;
 }
 .wall-item-content {
        /*float: left;*/
@@ -1047,41 +1136,48 @@ input#dfrn-url {
 }
 #profile-upload-wrapper {
        float: left;
-       margin-left: 50px;
+       margin-left: 30px;
+}
+#profile-attach-wrapper {
+       float: left;
+       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;
 }
@@ -1369,6 +1465,9 @@ input#dfrn-url {
 #contact-edit-links {
        float: left;
 }
+#contact-edit-links a {
+       float: left;
+}
 #contact-edit-links img {
        margin-left: 20px;
        border: none;
@@ -1431,7 +1530,7 @@ input#dfrn-url {
        /*margin-left: 50px;*/
 }
 
-#block-message, #ignore-message, #profile-edit-insecure {
+#block-message, #ignore-message {
        margin-top: 20px;
        color: #FF0000;
        font-size: 1.1em;
@@ -1440,13 +1539,21 @@ input#dfrn-url {
        padding: 10px;
 }
 
+#profile-edit-insecure {
+       margin-top: 20px;
+       color: #FF0000;
+       font-size: 1.1em;
+       border: 1px solid #FF8888;
+       background-color: #FFEEEE;
+       padding-left: 5px;
+       /*: 3px 3px 3px 5px; */
+       width: 587px;
+}
+
 #block-message, #ignore-message {
        width: 180px;
 }
 
-#profile-edit-insecure {
-       width: 600px;
-}
 
 /*
 .profile-tabs {
@@ -1497,11 +1604,26 @@ input#dfrn-url {
        display: block;
 }
 
-#acl-permit-text,
+#acl-permit-text {
+       margin-top: 10px;
+       float: left;
+}
+
 #acl-deny-text {
        margin-top: 10px;
 }
 
+#jot-public {
+       float: left;
+       margin-top: 10px;
+       margin-left: 15px;
+       color: #FF0000;
+}
+
+#acl-permit-text-end {
+       clear: both;
+}
+
 #acl-allow-group-label,
 #acl-allow-contact-label,
 #acl-deny-group-label,
@@ -1804,9 +1926,11 @@ a.mail-list-link {
 #profile-jot-desc {
        /*float: left;*/
        width: 480px;
+       color: #FF0000;
        margin-top: 10px;
        margin-bottom: 10px;
 }
+
 #character-counter {
        float: right;
        font-size: 120%;
@@ -1832,7 +1956,7 @@ a.mail-list-link {
        margin-bottom: 15px;
 }
 
-#photos-upload-perms-menu, #photos-upload-perms-menu:visited {
+#photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {
        color: #8888FF;
        text-decoration: none;
        cursor: pointer;
@@ -1965,6 +2089,12 @@ a.mail-list-link {
        width: 52px;
        height: 52px;
 }
+.contact-block-textdiv {
+       float: left;
+       width: 150px;
+       height: 34px;
+}
+
 #contact-block-end {
        clear: both;
 }
@@ -2034,10 +2164,14 @@ a.mail-list-link {
 
 
 #plugin-settings-link, #account-settings-link {
-       margin-bottom: 25px;
+       margin-bottom: 10px;
+}
+
+#uexport-link {
+       margin-bottom: 20px;
 }
 
-/* end from defautlt */
+/* end from default */
        
 
 .fn {
@@ -2082,7 +2216,7 @@ a.mail-list-link {
 
 .tool-wrapper {
   float: left;
-  margin-left: 20px;
+  margin-left: 15px;
 }
 
 .tool-link {
@@ -2133,3 +2267,183 @@ 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;
+}
+
+#contact-edit-links .icon, #contact-drop-links .icon {
+       margin: 0px 3px 0px 3px;
+}
+
+/**
+ * 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;}
+.attach { background-position: -80px -32px; }
+
+
+.attachtype {
+       display: block; width: 20px; height: 23px;
+       float: left;
+       background-image: url('../../../images/content-types.png');
+}
+
+.body-attach {
+       margin-top: 10px;
+}
+
+.type-video { background-position: 0px; 0px; }
+.type-image { background-position: -20px; 0px; }
+.type-audio { background-position: -40px; 0px; }
+.type-text  { background-position: -60px; 0px; }
+.type-unkn  { background-position: -80px; 0px; }
+