X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fdispy%2Fstyle.css;h=7bb28218424221f583a5a0bd1aafc36ecc336089;hb=95a933c9a2c34bad936da5fdfea3fcd0614fc56a;hp=a0f860494d2e090af7503e675a5beb48df0349fd;hpb=8674d01432c54bcbf8a7be0461a3c52d898bc884;p=friendica.git diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css index a0f860494d..7bb2821842 100644 --- a/view/theme/dispy/style.css +++ b/view/theme/dispy/style.css @@ -138,14 +138,17 @@ nav .nav-link { background: transparent url('icons.png') 0px 0px no-repeat; } -#nav-directory-link { background-position: 0px -22px } -#nav-directory-link:hover { background-position: -22px -22px;} -#nav-search-link { background-position: 0px -44px } -#nav-search-link:hover { background-position: -22px -44px;} -#nav-apps-link { background-position: 0px -66px } -#nav-apps-link:hover { background-position: -22px -66px;} -#nav-login-link { background-position: 0px -88px } -#nav-login-link:hover { background-position: -22px -88px;} +#nav-directory-link { background-position: 0px -22px } +#nav-directory-link:hover { background-position: -22px -22px;} +#nav-search-link { background-position: 0px -44px } +#nav-search-link:hover { background-position: -22px -44px;} +#nav-apps-link { background-position: 0px -66px } +#nav-apps-link:hover { background-position: -22px -66px;} +#nav-login-link { background-position: 0px -88px } +#nav-login-link:hover { background-position: -22px -88px;} +#nav-help-link { background-position: 0px -110px } +#nav-help-link:hover { background-position: -22px -110px;} + #notifications { height: 20px; width: 100%; @@ -170,7 +173,33 @@ nav .nav-link { #notify-update { background-position: -60px 0px; } #home-update { background-position: -90px 0px; } +#lang-select-icon { + cursor: pointer; + position: absolute; + left: 0px; + top: 0px; +} + +#language-selector { + position: absolute; + top: 0; + left: 16px; +} + + /** sysmsg **/ +#sysmsg_info{ + position:fixed; + bottom: 0px; right:20%; + -moz-box-shadow: 0px 0px 5px #888; + -webkit-box-shadow: 0px 0px 5px #888; + box-shadow: 0px 0px 5px #888; + padding: 10px; + background-color: #fcaf3e; border:2px solid #f8911b; + border-bottom:0px; + padding-bottom: 50px; + z-index: 1000; +} #sysmsg { position:fixed; bottom: 0px; right:10%; @@ -183,12 +212,15 @@ nav .nav-link { padding-bottom: 50px; z-index: 1000; } +#sysmsg_info br, #sysmsg br { display:block; margin:2px 0px; border-top: 1px solid #ccccce; } + + /** * aside **/ @@ -219,6 +251,11 @@ aside #viewcontacts { text-align: right;} padding: 0.2em 0.5em; } + +#netsearch-box { + margin: 30px 0px; +} + /** * contacts block */ @@ -296,8 +333,15 @@ aside #viewcontacts { text-align: right;} #contact_deny_wrapper, #acl-deny-outer-wrapper { width: 47%; float: right; } -#acl-permit-text, -#acl-deny-text {background-color: #555753; color: #ccccce; padding: 5px;} +#acl-permit-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;} +#jot-public {background-color: #555753; color: #ff0000; padding: 5px; float: left;} +#acl-deny-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;} + +#acl-permit-text-end, +#acl-deny-text-end { clear: both; } + + + #acl-permit-wrapper, #acl-deny-wrapper { padding: 5px; } @@ -314,6 +358,9 @@ aside #viewcontacts { text-align: right;} #acl-wrapper-end, #profile-jot-end { clear: both; height: 5px; } + + + /** * section */ @@ -324,6 +371,7 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} .tabs-wrapper li { display: inline;} .tabs { padding: 0px 5px; margin-right: 10px; } .tabs:hover { background-color: #729fcf; color: #eeeeec; border: 0px; } +.tabs.active { background-color: #729fcf; color: #eeeeec; border: 0px; } /** @@ -419,7 +467,7 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} height: 30px; } -.wallwall .wwto img { width: 30px; height: 30px;} +.wallwall .wwto img { width: 30px!important; height: 30px!important;} .wallwall .wall-item-photo-end { clear: both; } .wall-item-arrowphoto-wrapper { position: absolute; @@ -445,6 +493,9 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} .wall-item-photo-menu li a { white-space: nowrap; display: block; padding: 5px 2px; color: #eeeeec; } .wall-item-photo-menu li a:hover { color: #555753; background: #eeeeec; } +.icon.drop, +.icon.drophide { float: left; } +#item-delete-selected { overflow: auto; width: 100%} /** * comment */ @@ -452,7 +503,7 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} .ccollapse-wrapper { font-size: 0.9em; margin-left: 80px; } .wall-item-outside-wrapper.comment { margin-left: 80px; } -.wall-item-outside-wrapper.comment .wall-item-photo { width: 40px; height: 40px;} +.wall-item-outside-wrapper.comment .wall-item-photo { width: 40px!important; height: 40px!important;} .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; } .wall-item-outside-wrapper.comment .wall-item-photo-menu-button { width: 50px; top: 45px; background-position: 35px center; @@ -498,6 +549,16 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} border: 0px; } +/** + * item text style + **/ +.wall-item-body code { + border-color: #CCCCCC; + border-style: solid; + border-width: 1px 1px 1px 10px; + display: block; + padding-left: 10px; +} @@ -582,6 +643,9 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} transition: all 0.2s ease-in-out; } +#photo-next-link .icon, +#photo-prev-link .icon { display: none } + #photos-upload-spacer, #photos-upload-new-wrapper, #photos-upload-exist-wrapper { margin-bottom: 1em; } @@ -697,7 +761,8 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} /** * contacts selector */ - +#group-edit-desc { margin: 10px 0xp; } +#group-members, #prof-members { height: 200px; overflow: auto; @@ -706,6 +771,7 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } +#group-all-contacts, #prof-all-contacts { height: 200px; overflow: auto; @@ -714,6 +780,8 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } +#group-members h3, +#group-all-contacts h3, #prof-members h3, #prof-all-contacts h3{ color: #eeeeec; @@ -721,7 +789,7 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} margin: 0px; padding: 5px; } - +#group-separator, #prof-separator { display: none;} /** @@ -730,12 +798,201 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} #cropimage-wrapper { float:left; } #crop-image-form { clear:both; } +/** + * events + **/ + +.clear { clear: both; } +.eventcal { + float: left; + font-size: 20px; +} + +.vevent { + border: 1px solid #CCCCCC; +} +.vevent .event-description, .vevent .event-location { + margin-left: 10px; + margin-right: 10px; +} +.vevent .event-start { + margin-left: 10px; + margin-right: 10px; +} + +#new-event-link { + margin-bottom: 10px; +} + +.edit-event-link, .plink-event-link { + float: left; + margin-top: 4px; + margin-right: 4px; + margin-bottom: 15px; +} + +.event-description:before { + content: url('../../../images/calendar.png'); + margin-right: 15px; +} + +.event-start, .event-end { + margin-left: 10px; + width: 330px; +} + +.event-start .dtstart, .event-end .dtend { + float: right; +} + +.event-list-date { + margin-bottom: 10px; +} + +.prevcal, .nextcal { + float: left; + margin-left: 32px; + margin-right: 32px; + margin-top: 64px; +} +.event-calendar-end { + clear: both; +} + + +.calendar { + font-family: Courier, monospace; +} +.today { + font-weight: bold; + color: #FF0000; +} + +#event-start-text, +#event-finish-text { + margin-top: 10px; + margin-bottom: 5px; +} + +#event-nofinish-checkbox, +#event-nofinish-text, +#event-adjust-checkbox, +#event-adjust-text, +#event-share-checkbox +{ + float: left; +} +#event-datetime-break { + margin-bottom: 10px; +} + +#event-nofinish-break, +#event-adjust-break, +#event-share-break { + clear: both; +} + +#event-desc-text, +#event-location-text { + margin-top: 10px; + margin-bottom: 5px; +} +#event-submit { + margin-top: 10px; +} /** * directory */ .directory-item {float: left; margin: 50px 50px 0px 0px;} +/** + * ADMIN + */ +#pending-update { + float:right; + color: #ffffff; + font-weight: bold; + background-color: #FF0000; + padding: 0em 0.3em; +} +.admin.linklist { + border: 0px; padding: 0px; +} +.admin.link { + list-style-position: inside; +} + +#adminpage dl { + clear: left; + margin-bottom: 2px; + padding-bottom: 2px; + border-bottom: 1px solid black; +} +#adminpage dt { + width: 200px; + float: left; + font-weight: bold; +} +#adminpage dd { + margin-left: 200px; +} + +#adminpage .field { + clear: left; + margin-bottom: 5px; + padding-bottom: 5px; +} + +#adminpage .field label { + float: left; + width: 200px; + font-weight: bold; +} + +#adminpage .field input, +#adminpage .field textarea { + width: 400px; +} +#adminpage .field textarea { height: 100px; } +#adminpage .field_help { + display: block; + margin-left: 200px; + color: #666666; + +} + +#adminpage h3 { + border-bottom: 1px solid #cccccc; +} + +#adminpage .submit { + clear:left; +} + +#adminpage #pluginslist { + margin: 0px; padding: 0px; +} +#adminpage .plugin { + list-style: none; + display: block; + border: 1px solid #888888; + padding: 1em; + margin-bottom: 5px; + clear: left; +} +#adminpage .toggleplugin { + float:left; + margin-right: 1em; +} + +#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} +#adminpage table th { text-align: left;} +#adminpage td .icon { float: left;} +#adminpage table#users img { width: 16px; height: 16px; } +#adminpage table tr:hover { background-color: #bbc7d7; } +#adminpage .selectall { text-align: right; } + /** * ICONS */ @@ -747,6 +1004,7 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} border-bottom: 0px; }*/ + .border { border: 1px solid #babdb6; -webkit-border-radius: 3px; @@ -771,9 +1029,9 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} .pause { background-position: -110px -20px;} .play { background-position: -130px -20px;} .pencil { background-position: -150px -20px;} -.small-pencil{ background-position: -170px -20px;} +.small-pencil { background-position: -170px -20px;} .recycle { background-position: -190px -20px;} -.remote-link{ background-position: -210px -20px;} +.remote-link { background-position: -210px -20px;} .share { background-position: -230px -20px;} .tools { background-position: -50px -40px;} @@ -781,7 +1039,32 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} .unlock { background-position: -90px -40px;} .video { background-position: -110px -40px;} .youtube { background-position: -130px -40px;} - + +.attach { background-position: -190px -40px;} +.language { background-position: -210px -40px;} + + +.on { background-position: -50px -60px;} +.off { background-position: -70px -60px;} +.prev { background-position: -90px -60px;} +.next { background-position: -110px -60px;} + + +.icon.dim { opacity: 0.3;filter:alpha(opacity=30); } + +.attachtype { + display: block; width: 20px; height: 23px; + background-image: url('../../../images/content-types.png'); +} + +.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; } + + + /** * footer */