X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fduepuntozero%2Fstyle.css;h=0e361ad46d1e12b5a028cf5416ff7e3839fd2686;hb=229eb9c681d62edc5faa63bb1d66046d123c3f35;hp=e3a5fd3e72431a02dca7ad966421d95aab4cf325;hpb=fb3bb41dc2521ce6bcf9b58fa7b0133107fb987f;p=friendica.git diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css index e3a5fd3e72..0e361ad46d 100644 --- 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; @@ -91,12 +96,13 @@ nav #site-location { nav #banner { display: block; - padding-top: 10px; + padding-top: 14px; position: absolute; } nav #banner #logo-text a { - font-size: 44px; + font-size: 40px; font-weight: bold; + margin-left: 3px; color: #000000; } @@ -202,12 +208,15 @@ div.wall-item-content-wrapper.shiny { background-repeat:no-repeat; } -/* from defautlt */ +/* from default */ #jot-perms-icon, #profile-location, -#profile-nolocation, +#profile-nolocation, +#profile-youtube, #profile-video, -#profile-link, +#profile-audio, +#profile-link, +#profile-title, #wall-image-upload, #profile-upload-wrapper, #wall-image-upload-div, @@ -215,7 +224,7 @@ div.wall-item-content-wrapper.shiny { cursor: pointer; } -.fakelink, .fakelink:visited { +.fakelink, .fakelink:visited, .fakelink:link { color: #3465a4; text-decoration: none; cursor: pointer; @@ -275,8 +284,7 @@ div.wall-item-content-wrapper.shiny { } #register-submit-button { - margin-top: 50px; - margin-left: 350px; + margin-top: 10px; } #label-login-name, #label-login-password, #login-extra-filler { @@ -319,7 +327,7 @@ div.wall-item-content-wrapper.shiny { input#dfrn-url { float: left; - background: url(ff-16.jpg) no-repeat; + background: url(friendika-16.png) no-repeat; background-position: 2px center; font-size: 17px; padding-left: 21px; @@ -370,6 +378,11 @@ input#dfrn-url { } #settings-nick-wrapper { + margin-top: 20px; + margin-bottom: 30px; +} + +#settings-expire-end { margin-bottom: 30px; } @@ -378,6 +391,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, @@ -388,7 +402,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; } @@ -398,6 +419,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, @@ -408,7 +430,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; } @@ -418,6 +447,7 @@ input#dfrn-url { #settings-nick, #settings-defloc, #settings-allowloc, +#settings-blockw, #timezone-select, #theme-select, #settings-password, @@ -427,7 +457,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; } @@ -605,6 +642,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; @@ -624,7 +666,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; @@ -644,21 +687,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, @@ -675,8 +722,28 @@ input#dfrn-url { margin-left: 20px; } +#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-keywords-desc { +#profile-edit-pubkeywords-desc, +#profile-edit-prvkeywords-desc { float: left; margin-left: 20px; } @@ -697,8 +764,12 @@ 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, @@ -715,7 +786,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, @@ -796,6 +868,7 @@ input#dfrn-url { .wall-item-content-wrapper { margin-top: 10px; border: 1px solid #CCC; + position: relative; } .wall-item-content-wrapper.comment { @@ -803,26 +876,91 @@ input#dfrn-url { background: #EEEEEE; } +.wall-item-info { + display: block; + float: left; + width:110px; + margin-right:10px; +} +.comment .wall-item-info { + width: 70px; +} + .wall-item-photo-wrapper { margin-top: 10px; margin-left: 10px; margin-bottom: 10px; 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; } + + +.comment .wall-item-photo-menu-button { top: 44px;} +.comment .wall-item-photo-menu { top: 60px; } + +.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; + 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 { @@ -830,20 +968,43 @@ 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-share-buttons { + margin-left: 10px; +} + +.editpost { + margin-left: 15px; +} + .wall-item-links-wrapper { float: left; - margin-bottom: 5px; - margin-left: 5px; } .wall-item-delete-wrapper { float: right; - margin-top: 5px; - margin-right: 5px; } .wall-item-delete-end { @@ -866,12 +1027,15 @@ input#dfrn-url { .wall-item-photo { border: none; } +.comment .wall-item-photo { + width: 50px; height: 50px; +} .wall-item-content { - float: left; + /*float: left;*/ /*width: 450px;*/ margin-left: 10px; -/* margin-bottom: 20px;*/ - padding: 20px; + /*margin-bottom: 20px;*/ + /*padding: 20px;*/ max-height: 400px; overflow: auto; } @@ -879,15 +1043,34 @@ input#dfrn-url { .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; + /*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: #f3f3f3; @@ -932,33 +1115,45 @@ input#dfrn-url { } #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: 15px; +} +#profile-audio-wrapper { + float: left; + 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: 200px; + margin-left: 100px; font-weight: bold; font-size: 1.2em; } @@ -1308,7 +1503,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; @@ -1317,13 +1512,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 { @@ -1593,8 +1796,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 { @@ -1602,12 +1820,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; } @@ -1684,7 +1912,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; @@ -1704,6 +1932,11 @@ a.mail-list-link { float: left; width: 150px; } + +#photo-edit-perms-end { + margin-bottom: 15px; +} + #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname { float: left; margin-bottom: 25px; @@ -1880,8 +2113,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; } /* end from defautlt */ @@ -1929,9 +2162,176 @@ a.mail-list-link { .tool-wrapper { float: left; - margin-left: 20px; + margin-left: 15px; } .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; +} + +.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; +}