Merge branch 'master' of git://github.com/friendika/friendika

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

diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
index 949843844e117099619fa4f307081b49e4564900..54a522881ff84955ab84e5c3d9c8df9e1d5e495b 100644 (file)
--- a/view/theme/duepuntozero/style.css
+++ b/view/theme/duepuntozero/style.css
@@ -3,23 +3,10 @@
  * Fabio Comuni <fabrix.xm@gmail.com>
  */
 
-@font-face {
-  font-family: FreeSans;
-  font-style: normal;
-  font-weight: bold;
-  src: local('FreeSansBold'), url('FreeSansBold.otf');
-}
-@font-face {
-  font-family: FreeSans;
-  font-style: normal;
-  font-weight: normal;
-  src: local('FreeSans'), url('FreeSans.otf');
-}
 
- 
 /* generals */
 body {
-       font-family: /*FreeSans,*/ helvetica,arial,clean,sans-serif;
+       font-family: helvetica,arial,freesans,clean,sans-serif;
        font-size: 12px;
        background-color: #ffffff;
        background-image: url(head.jpg);
@@ -41,7 +28,7 @@ input {
 img { border :0px; }
 
 .openid {
-   background: url(../default/login-bg.gif) no-repeat;
+   background: url(login-bg.gif) no-repeat;
    background-position: 0 50%;
    padding-left: 18px;
 }
@@ -90,6 +77,7 @@ nav {
 nav #site-location {
        color: #888a85;
        font-size: 0.8em;
+       position: absolute;
 }
 
 .error-message {
@@ -103,12 +91,13 @@ nav #site-location {
 
 nav #banner {
        display: block;
-       float: left;
+    padding-top: 14px;
        position: absolute;
 }
 nav #banner #logo-text a {
-       font-size: 44px;
+       font-size: 40px;
        font-weight: bold;
+       margin-left: 3px;
        color: #000000;
 
 }
@@ -116,9 +105,11 @@ nav #banner #logo-text a:hover { text-decoration: none; }
 
 
 .nav-commlink, .nav-login-link {
-       margin-top: 52px;
+    display: block;
+    height: 15px;
+       margin-top: 67px;
        margin-right: 2px;
-       padding: 0.5em 1em;
+       padding: 6px 10px;
        float: left;
        bottom: 140px;
        border: 1px solid #babdb6;
@@ -140,13 +131,14 @@ nav .nav-link {
        background-color: #ffffff;
        border-bottom: 1px solid #ffffff;
        color: #000000 !important;
-       margin-top: 48px;
-       padding-top: 0.8em;
+       margin-top: 64px;
+       padding-top: 6px;
+       padding-bottom: 8px;
 }
 .nav-ajax-left {
        font-size: 0.8em;
        float: left;
-       margin-top: 46px;       
+       margin-top: 62px;       
 }
 
 
@@ -205,13 +197,13 @@ footer {
 }
 
 
-.shiny {
-    background-image: url(shiny.jpg);
-    background-repeat: repeat-x;
-    background-position: left bottom;
+div.wall-item-content-wrapper.shiny {
+  background-image: url('shiny.png');
+  background-position: -5px 30px;
+  background-repeat:no-repeat;
 }
 
-/* from defautlt */
+/* from default */
 #jot-perms-icon, 
 #profile-location,
 #profile-nolocation, 
@@ -284,8 +276,7 @@ footer {
 }
 
 #register-submit-button {
-       margin-top: 50px;
-       margin-left: 350px;
+       margin-top: 10px;
 }
 
 #label-login-name, #label-login-password, #login-extra-filler {
@@ -328,7 +319,7 @@ footer {
 
 input#dfrn-url {
        float: left;
-       background: url(../default/ff-16.jpg) no-repeat;
+       background: url(friendika-16.png) no-repeat;
        background-position: 2px center;
        font-size: 17px;
        padding-left: 21px;
@@ -382,6 +373,10 @@ input#dfrn-url {
        margin-bottom: 30px;
 }
 
+#settings-expire-end {
+       margin-bottom: 30px;
+}
+
 #settings-username-end,
 #settings-email-end,
 #settings-nick-end,
@@ -611,8 +606,17 @@ input#dfrn-url {
        margin-bottom: 20px;
 }
 
+#profile-photo-link-select-wrapper {
+       margin-top: 2em;
+}
+#profile-photo-wrapper img {
+       width:175px;
+       height:175px;
+}
+
 #profile-edit-profile-name-label,
 #profile-edit-name-label,
+#profile-edit-pdesc-label,
 #profile-edit-gender-label,
 #profile-edit-dob-label,
 #profile-edit-address-label,
@@ -624,7 +628,8 @@ input#dfrn-url {
 #profile-edit-sexual-label,
 #profile-edit-politic-label,
 #profile-edit-religion-label,
-#profile-edit-keywords-label,
+#profile-edit-pubkeywords-label,
+#profile-edit-prvkeywords-label,
 #profile-edit-homepage-label {
        float: left;
        width: 175px;
@@ -632,6 +637,7 @@ input#dfrn-url {
 
 #profile-edit-profile-name,
 #profile-edit-name,
+#profile-edit-pdesc,
 #gender-select,
 #profile-edit-dob,
 #profile-edit-address,
@@ -643,21 +649,25 @@ input#dfrn-url {
 #sexual-select,
 #profile-edit-politic,
 #profile-edit-religion,
-#profile-edit-keywords,
+#profile-edit-pubkeywords,
+#profile-edit-prvkeywords,
 #profile-in-dir-yes,
 #profile-in-dir-no,
 #profile-in-netdir-yes,
 #profile-in-netdir-no,
 #hide-friends-yes,
-#hide-friends-no,
+#hide-friends-no {
+       float: left;
+       margin-bottom: 20px;
+}
 #settings-normal,
 #settings-soapbox,
-#settings-community,
-#settings-freelove {
+#settings-freelove,
+#settings-community {
        float: left;
-       margin-bottom: 20px;
 }
 
+
 #profile-in-dir-yes-label,
 #profile-in-dir-no-label,
 #profile-in-netdir-yes-label,
@@ -674,7 +684,28 @@ input#dfrn-url {
        margin-left: 20px;
 }
 
-#profile-edit-keywords-desc {
+#profile-publish-yes-reg,
+#profile-publish-no-reg {
+       float: left;
+       margin-bottom: 10px;
+}
+
+#profile-publish-yes-label-reg,
+#profile-publish-no-label-reg {
+       margin-left: 350px;
+       float: left;
+       width: 50px;
+}
+
+#profile-publish-break-reg,
+#profile-publish-end-reg {
+       clear: both;
+}
+
+
+#profile-edit-pdesc-desc,
+#profile-edit-pubkeywords-desc,
+#profile-edit-prvkeywords-desc {
        float: left;
        margin-left: 20px;
 }
@@ -695,12 +726,17 @@ input#dfrn-url {
 #settings-soapbox-desc,
 #settings-community-desc,
 #settings-freelove-desc {
-       float: left;
-       margin-left: 75px;
+       /*float: left;
+       margin-left: 75px;*/
+    clear: left;
+    color: #666666;
+    display: block;
+    margin-bottom: 20px        
 }
 
 #profile-edit-profile-name-end,
 #profile-edit-name-end,
+#profile-edit-pdesc-end,
 #profile-edit-gender-end,
 #profile-edit-dob-end,
 #profile-edit-address-end,
@@ -712,7 +748,8 @@ input#dfrn-url {
 #profile-edit-sexual-end,
 #profile-edit-politic-end,
 #profile-edit-religion-end,
-#profile-edit-keywords-end,
+#profile-edit-pubkeywords-end,
+#profile-edit-prvkeywords-end,
 #profile-edit-homepage-end,
 #profile-in-dir-break,
 #profile-in-dir-end,
@@ -793,11 +830,22 @@ input#dfrn-url {
 .wall-item-content-wrapper {
        margin-top: 10px;
        border: 1px solid #CCC;
+       position: relative;
 }
 
 .wall-item-content-wrapper.comment {
        margin-left: 50px;
-       background: #CCCCCC;
+       background: #EEEEEE;
+}
+
+.wall-item-info {
+       display: block;
+       float: left;
+       width:110px;
+       margin-right:10px;
+}
+.comment .wall-item-info {
+       width: 70px;
 }
 
 .wall-item-photo-wrapper {
@@ -805,19 +853,44 @@ input#dfrn-url {
        margin-left: 10px;
        margin-bottom: 10px;
        width: 100px;
-       float: left;
 }
+
+.wallwall .wwto {
+    left: 50px;
+    margin: 0;
+    position: absolute;
+    top: 70px;
+    width: 30px
+}
+.wallwall .wwto img {
+       width: 30px;
+       height: 30px;
+}
+.wallwall .wall-item-photo-end {
+       clear: both;
+}
+
 .wall-item-arrowphoto-wrapper {
-       margin-top: 40px;
-       margin-right: 20px;
-       float: left;
+    position: absolute;
+    left: 75px;
+    top: 70px;
+    z-index: 100;
 }
 .wall-item-wrapper {
-       float: left;
+       /*float: left;
+    margin-right: 5px;
+    width: 250px;*/
+    margin-left:10px;
 }
 .wall-item-lock {
-       height: 20px;
-       margin-top: 10px;
+       /*height: 20px;*/
+       /*margin-top: 10px;*/
+    left: 105px;
+    position: absolute;
+    top: 1px;  
+}
+.comment .wall-item-lock {
+       left: 65px;
 }
 
 .wall-item-ago {
@@ -825,13 +898,35 @@ input#dfrn-url {
        font-size: 0.8em;
 }
 
+.wall-item-location {
+       overflow: hidden;
+       /* add ellipsis on text overflow               */
+       /* this work on safari, opera, ie, chrome.     */
+       /* firefox users have to wait support or we    */
+       /* can use a jquery plugin http://bit.ly/zJskg */
+       text-overflow: ellipsis;
+       -o-text-overflow: ellipsis;
+       width: 100%;
+}
+
+.wall-item-like-buttons {
+       float: left;
+       margin-right: 10px;
+       padding-right: 10px;
+       border-right: 2px solid #fff;
+}
+
+
 .wall-item-like-buttons img {
        cursor: pointer;
 }
+
+.wall-item-links-wrapper {
+       float: left;
+}
+
 .wall-item-delete-wrapper {
        float: right;
-       margin-top: 20px;
-       margin-right: 50px;
 }
 
 .wall-item-delete-end {
@@ -854,35 +949,60 @@ input#dfrn-url {
 .wall-item-photo {
        border: none;
 }
+.comment .wall-item-photo {
+       width: 50px; height: 50px;
+}
 .wall-item-content {
-       float: left;
-       width: 450px;
+       /*float: left;*/
+       /*width: 450px;*/
        margin-left: 10px;
-       margin-bottom: 20px;
+       /*margin-bottom: 20px;*/
+       /*padding: 20px;*/
+       max-height: 400px;
+       overflow: auto;
 }
 
 .wall-item-title {
        float: left;
        font-weight: bold;
-       width: 450px;
+       /*width: 450px;*/
+}
+
+.wall-item-title-end {
+       clear: both;
 }
 
 .wall-item-body {
        float: left;
-       width: 450px;
-       margin-top: 30px;
+       /*width: 450px;*/
+       margin-top: 10px;
+}
+
+.wall-item-tools {
+       clear: both;
+       background-image: url("head.jpg");
+    background-position: 0 -20px;
+    background-repeat: repeat-x;
+       padding: 5px 10px 0px;
 }
+.wall-item-author {
+       margin-top: 10px;
+}
+
+.comment .wall-item-tools {
+       background:none;
+} 
 
 .comment-edit-wrapper {
        margin-top: 15px;
-       background: #CCCCCC;
+       background: #f3f3f3;
        margin-left: 50px;
 }
 
 .comment-wwedit-wrapper {
        margin-top: 15px;
-       background: #CCCCCC;
-       margin-left: 250px;
+       background: #f3f3f3;
+       margin-left: 50px;
 }
 
 .comment-edit-photo {
@@ -907,6 +1027,7 @@ input#dfrn-url {
        margin: 10px 0px 10px 110px;
 }
 
+#profile-jot-plugin-wrapper,
 #profile-jot-submit-wrapper {
        margin-top: 15px;
 }
@@ -952,6 +1073,20 @@ input#dfrn-url {
        height: 30px;
 }
 
+#profile-jot-plugin-end{
+  clear: both;
+}
+.profile-jot-net {
+       float: left;
+       margin-right: 10px;
+       margin-top: 5px;
+       margin-bottom: 5px;
+}
+
+#profile-jot-networks-end {
+       clear: both;
+}
+
 #profile-jot-end {
        /*clear: both;*/
        margin-bottom: 30px;
@@ -1202,7 +1337,12 @@ input#dfrn-url {
        margin-top: 30px;
 }
 #contact-edit-poll-text {
-       margin-bottom: 10px;
+       margin-top: 15px;
+       margin-bottom: 5px;
+}
+
+#contact-edit-update-now {
+       margin-top: 15px;
 }
 
 #contact-edit-photo-wrapper {
@@ -1458,8 +1598,9 @@ input#dfrn-url {
        margin-top: 10px;
 }
 a.mail-list-link {
-       display: block;
-       padding: 4px 5px;
+    display: block;
+    font-size: 1.3em;
+    padding: 4px 0;
 }
 
 /*
@@ -1497,8 +1638,8 @@ a.mail-list-link {
 }
 
 .mail-conv-subject {
-       font-size: 1.1em;
-       margin-top: 10px;
+    font-size: 1.4em;
+    margin: 10px 0;
 }
 
 .mail-conv-outside-wrapper-end {
@@ -1557,8 +1698,23 @@ a.mail-list-link {
 .photo-album-image-wrapper {
        float: left;
        margin-top: 15px;
-       height: 350px;
-       width: 350px;
+       margin-right: 15px;
+       width: 200px; height: 200px; 
+       overflow: hidden; 
+       position: relative;
+}
+.photo-album-image-wrapper .caption {
+       display: none; 
+       width: 100%;
+       position: absolute; 
+       bottom: 0px; 
+       padding: 0.5em 0.5em 0px 0.5em;
+       background-color: rgba(245, 245, 255, 0.8);
+       border-bottom: 2px solid #CCC;
+       margin: 0px;
+}
+.photo-album-image-wrapper a:hover .caption {
+       display:block;
 }
 
 #photo-album-end {
@@ -1566,12 +1722,22 @@ a.mail-list-link {
 }
 
 .photo-top-image-wrapper {
+       position: relative;
        float: left;
        margin-top: 15px;
-       height: 350px;
-       width: 350px;
+       margin-right: 15px;
+       width: 200px; height: 200px; 
+       overflow: hidden; 
+}
+.photo-top-album-name {
+       width: 100%;
+       min-height: 2em;
+       position: absolute; 
+       bottom: 0px; 
+       padding: 0px 3px;
+       padding-top: 0.5em;
+       background-color: rgb(255, 255, 255);
 }
-
 #photo-top-end {
        clear: both;
 }
@@ -1595,6 +1761,10 @@ a.mail-list-link {
 #photos-upload-album-select {
        float: left;
 }
+
+#photos-upload-spacer {
+       margin-top: 25px;
+}
 #photos-upload-new-end, #photos-upload-exist-end {
        clear: both;
 }
@@ -1660,11 +1830,16 @@ a.mail-list-link {
        margin-bottom: 15px;
 }
 
-#photo-edit-caption-label, #photo-edit-tags-label {
+#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {
        float: left;
        width: 150px;
 }
-#photo-edit-caption, #photo-edit-newtag {
+
+#photo-edit-perms-end {
+       margin-bottom: 15px;
+}
+
+#photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
        float: left;
        margin-bottom: 25px;
 }
@@ -1675,7 +1850,7 @@ a.mail-list-link {
        margin-bottom: 25px;
 }
 
-#photo-edit-caption-end, #photo-edit-tags-end {
+#photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
        clear: both;
 }
 
@@ -1763,7 +1938,7 @@ a.mail-list-link {
 }
 
 .sparkle {
-       cursor: url('../default/lock.cur'), pointer;
+       cursor: url('lock.cur'), pointer;
 /*     cursor: pointer !important; */
 }
 
@@ -1778,6 +1953,10 @@ a.mail-list-link {
 .contact-block-link {
        float: left;
 }
+.contact-block-img {
+       width:48px;
+       height:48px;
+}
 
 #tag-remove {
        margin-bottom: 15px;
@@ -1840,8 +2019,6 @@ a.mail-list-link {
        margin-bottom: 25px;
 }
 
-
-
 /* end from defautlt */
        
 
@@ -1850,3 +2027,91 @@ a.mail-list-link {
        font-size: 120%;
        font-weight: bold;
 }
+
+.vcard .title {
+       margin-bottom: 5px;
+}
+
+
+#birthday-title {
+       float: left;
+       font-weight: bold;      
+}
+
+#birthday-adjust {
+       float: left;
+       font-size: 75%;
+       margin-left: 10px;
+}
+
+#birthday-title-end {
+       clear: both;
+}
+
+.birthday-list {
+       margin-left: 15px;
+}
+
+#birthday-wrapper {
+       margin-bottom: 20px;
+}
+
+#network-new-link {
+       margin-top: 15px;
+       margin-bottom: 15px;
+}
+
+
+.tool-wrapper {
+  float: left;
+  margin-left: 20px;
+}
+
+.tool-link {
+  cursor: pointer;
+}
+
+
+.calendar {
+       font-family: Courier, monospace;
+}
+.today {
+       color: #FF0000;
+}
+
+.settings-block {
+       border: 1px solid #AAA;
+       margin: 10px;
+       padding: 10px;
+}
+
+.app-title {
+       margin: 10px;
+}
+
+#identity-manage-desc {
+       margin-top:15px;
+       margin-bottom: 15px;
+}
+
+#identity-manage-choose {
+       margin-bottom: 15px;
+}
+
+#identity-submit {
+       margin-top: 20px;
+}
+
+#photo-prev-link, #photo-next-link {
+       padding: 10px;
+       float: left;
+}
+
+#photo-photo {
+       float: left;
+}
+
+#photo-photo-end {
+       clear: both;
+}
+