diff --git a/view/theme/dispy-dark/snapshot.jpg b/view/theme/dispy-dark/snapshot.jpg new file mode 100644 index 0000000000..ada60ca61e Binary files /dev/null and b/view/theme/dispy-dark/snapshot.jpg differ diff --git a/view/theme/dispy-dark/style.css b/view/theme/dispy-dark/style.css index 5dba6b94c7..dd0ce356dd 100644 --- a/view/theme/dispy-dark/style.css +++ b/view/theme/dispy-dark/style.css @@ -48,8 +48,7 @@ body { body, button, input, select, textarea { font-family: sans-serif; color: #eec; - /*background-color: #2e3436;*/ - background-color: #2e2f2e; + background-color: #2e2f2e; } select { border: 1px #555 dotted; @@ -212,16 +211,47 @@ input[type=submit] { /** * login */ +#login-extra-links { + overflow: auto; + padding-top: 140px !important; + width: 100%; +} #login-extra-links a { margin-right: 20px; } +#login_standard { + display: block; + float: none; + height: 100px; + position: absolute; + width: 100%; +} +#login_standard .field label { + width: 200px; +} +#login_standard input, #login_standard input[type="text"] { + margin: 0 0 8px; + width: 210px; +} +#login-submit-wrapper { + margin: 0; +} +#login-submit-button { + margin-left: 0px !important; +} +#login_openid #id_openid_url { + width: 200px; +} +#login_openid label { + width: 208px; +} /** * nav */ nav { - height: 80px; + height: 85px; display: block; background-color: #1d1f1d; color: #eeeeec; @@ -251,25 +281,6 @@ nav #banner #logo-text a { font-weight: bold; margin-left: 3px; } -nav #user-menu { - display: block; - width: auto; - float: right; - margin: 3px 68px 0 0; - position: relative; - background-color: #555753; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #555753 url("menu-user-pin.jpg") 98% center no-repeat; - clear: both; -} -nav #user-menu-label { - float: left; - font-size: 12px; - padding: 3px 20px 9px 5px; - height: 10px; -} ul#user-menu-popup { display: none; position: absolute; @@ -298,14 +309,6 @@ ul#user-menu-popup li a:hover { ul#user-menu-popup li a.nav-sep { border-top: 1px solid #eeeeec; } -#nav-buttons { - clear: both; - list-style: none; - padding: 0px; -} -#nav-buttons li { - padding: 0; -} nav .nav-link { float: right; display: block; @@ -413,13 +416,6 @@ nav .nav-link { .icon, .hover, .focus, .pointer { cursor: pointer; } -#notifications { - height: 20px; - width: 100%; - position: absolute; - top: -19px; - left: 0; -} /* popup notifications */ div.jGrowl div.notice { background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; @@ -468,6 +464,13 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link .show { display: block; } +#notifications { + height: 20px; + width: 170px; + position: absolute; + top: -19px; + left: 4px; +} #nav-floater { position: fixed; top: 20px; @@ -477,12 +480,23 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link color: transparent; border-radius: 5px; z-index: 100; + width: 28%; + height: 80px; +} +#nav-buttons { + clear: both; + list-style: none; + padding: 0px; + height: 25px; +} +#nav-buttons li { + padding: 0; } .floaterflip { display: block; position: fixed; z-index: 110; - top: 53px; + top: 56px; right: 19px; width: 22px; height: 22px; @@ -492,18 +506,37 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link } .search-box { display: inline-block; - height: 40px; - margin: 12px 0 0 -3px; + height: 20px; + margin: 0; position: relative; - right: -12px; - top: 17px; - width: 0; + left: 7px; + top: 5px; + /*width: 210px;*/ } #search-text { border: 1px #eec solid; background: #2e2f2e; color: #eec; } +nav #user-menu { + display: block; + width: 75%; + margin: 3px 0 0 0; + position: relative; + background-color: #555753; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + background: #555753 url("menu-user-pin.jpg") 98% center no-repeat; + clear: both; + top: 12px; + left: 7px; +} +nav #user-menu-label { + font-size: 12px; + padding: 3px 20px 9px 5px; + height: 10px; +} .nav-ajax-update, .nav-ajax-left { width: 30px; height: 19px; @@ -710,7 +743,7 @@ aside #viewcontacts { } #netsearch-box { margin: 20px 0px 30px; - width: 150px; + width: 150px; } #netsearch-box #search-submit { margin: 5px 5px 0px 0px; @@ -719,7 +752,6 @@ aside #viewcontacts { margin: 0px 0px 0px 0px; } - /** * contacts block */ @@ -1005,7 +1037,7 @@ section { border: 1px solid #729fcf; padding: 4px; } -.tab:hover { +.tab:hover, .tab.active:hover { background: #88a9d2; color: #2e2f2e; } @@ -1017,6 +1049,9 @@ section { background: #88a9d2; color: #2e2f2e; } +.tab.active a { + color: #2e2f2e; +} .tab a { border: 0; text-decoration: none; @@ -1742,8 +1777,10 @@ div[id$="wrapper"] br { /** * register, settings & profile forms */ -#id_openid_url, .openid { + +} +#id_openid_url { background:url(login-bg.gif) no-repeat; background-position:0 50%; padding-left:18px; @@ -1785,16 +1822,7 @@ div[id$="wrapper"] br { margin: 30px 0px; } .profile-edit-side-div { - /*background: #111; - border-radius: 5px 5px 0px 0px; - margin: 0px 0px 0px 0px; - width: 100px; - height: 25px; - position: absolute;*/ display: none; - /*left: 35%; - top: 41%; - cursor: pointer;*/ } /*.profile-edit-side-div:hover { display: block; @@ -2204,6 +2232,13 @@ div[id$="wrapper"] br { .nets-all { margin-left: 0px; } +#netsearch-box { + margin-top: 20px; + width: 150px; +} +#netsearch-box #search-submit { + margin: 5px 0px 0px 0px; +} /** @@ -2293,7 +2328,7 @@ div[id$="wrapper"] br { .field { /*margin-bottom: 10px;*/ /*padding-bottom: 10px;*/ - overflow: auto; + /*overflow: auto;*/ width: 100%; } .field label, label { diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css index c591152c2d..77b22d65ff 100644 --- a/view/theme/dispy/style.css +++ b/view/theme/dispy/style.css @@ -59,6 +59,9 @@ option { padding: 3px; vertical-align: middle; } +li { + padding: 0 0 0 2px; +} /* remember to define focus styles! */ :focus { outline: 0; @@ -208,16 +211,47 @@ input[type=submit] { /** * login */ +#login-extra-links { + overflow: auto; + padding-top: 140px !important; + width: 100%; +} #login-extra-links a { margin-right: 20px; } +#login_standard { + display: block; + float: none; + height: 100px; + position: absolute; + width: 100%; +} +#login_standard .field label { + width: 200px; +} +#login_standard input, #login_standard input[type="text"] { + margin: 0 0 8px; + width: 210px; +} +#login-submit-wrapper { + margin: 0; +} +#login-submit-button { + margin-left: 0px !important; +} +#login_openid #id_openid_url { + width: 200px; +} +#login_openid label { + width: 208px; +} /** * nav */ nav { - height: 80px; + height: 85px; display: block; background-color: #2e3436; color: #eeeeec; @@ -247,25 +281,6 @@ nav #banner #logo-text a { font-weight: bold; margin-left: 3px; } -nav #user-menu { - display: block; - width: auto; - float: right; - margin: 3px 68px 0 0; - position: relative; - background-color: #555753; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #555753 url("menu-user-pin.jpg") 98% center no-repeat; - clear: both; -} -nav #user-menu-label { - float: left; - font-size: 12px; - padding: 3px 20px 9px 5px; - height: 10px; -} ul#user-menu-popup { display: none; position: absolute; @@ -294,14 +309,6 @@ ul#user-menu-popup li a:hover { ul#user-menu-popup li a.nav-sep { border-top: 1px solid #eeeeec; } -#nav-buttons { - clear: both; - list-style: none; - padding: 0px; -} -#nav-buttons li { - padding: 0; -} nav .nav-link { float: right; display: block; @@ -409,13 +416,6 @@ nav .nav-link { .icon, .hover, .focus, .pointer { cursor: pointer; } -#notifications { - height: 20px; - width: 100%; - position: absolute; - top: -19px; - left: 0; -} /* popup notifications */ div.jGrowl div.notice { background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; @@ -464,6 +464,13 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link .show { display: block; } +#notifications { + height: 20px; + width: 170px; + position: absolute; + top: -19px; + left: 4px; +} #nav-floater { position: fixed; top: 20px; @@ -473,12 +480,23 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link color: transparent; border-radius: 5px; z-index: 100; + width: 28%; + height: 80px; +} +#nav-buttons { + clear: both; + list-style: none; + padding: 0px; + height: 25px; +} +#nav-buttons li { + padding: 0; } .floaterflip { display: block; position: fixed; z-index: 110; - top: 53px; + top: 56px; right: 19px; width: 22px; height: 22px; @@ -488,18 +506,37 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link } .search-box { display: inline-block; - height: 40px; - margin: 12px 0 0 -3px; + height: 20px; + margin: 0; position: relative; - right: -12px; - top: 17px; - width: 0; + left: 7px; + top: 5px; + /*width: 210px;*/ } #search-text { border: 1px #eec solid; background: #2e3436; color: #eec; } +nav #user-menu { + display: block; + width: 75%; + margin: 3px 0 0 0; + position: relative; + background-color: #555753; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + background: #555753 url("menu-user-pin.jpg") 98% center no-repeat; + clear: both; + top: 12px; + left: 7px; +} +nav #user-menu-label { + font-size: 12px; + padding: 3px 20px 9px 5px; + height: 10px; +} .nav-ajax-update, .nav-ajax-left { width: 30px; height: 19px; @@ -705,7 +742,11 @@ aside #viewcontacts { padding:.2em .5em; } #netsearch-box { - margin: 30px 0px; + margin: 20px 0px 30px; + width: 150px; +} +#netsearch-box #search-submit { + margin: 5px 5px 0px 0px; } .ttright { margin: 0px 0px 0px 0px; @@ -964,7 +1005,7 @@ aside #viewcontacts { background-color: #ffffe0; color: #111; border: 1px #aa0 solid; - border-radius: 3px; + border-radius: 5px; padding: 3px 3px 6px 10px; } #jot-preview-content .wall-item-outside-wrapper { @@ -1007,6 +1048,9 @@ section { .tab.active { background: #729fcf; color: #eeeeec; +} +.tab.active a { + } .tab a { border: 0; @@ -1037,6 +1081,9 @@ section { .shiny { background: #efefdf; } +.wall-outside-wrapper .shiny { + border-radius: 5px; +} .heart { color: red; } @@ -1730,8 +1777,10 @@ div[id$="wrapper"] br { /** * register, settings & profile forms */ -#id_openid_url, .openid { + +} +#id_openid_url { background:url(login-bg.gif) no-repeat; background-position:0 50%; padding-left:18px; @@ -1827,10 +1876,12 @@ div[id$="wrapper"] br { * contacts selector */ .group-delete-wrapper { - margin: -31px 122px 0 0; + margin: -31px 50px 0 0; float: right; } - +/*.group-delete-icon { + margin: 0 0 0 10px; +}*/ #group-edit-submit-wrapper { margin: 0 0 10px 0; display: inline; @@ -1870,6 +1921,7 @@ div[id$="wrapper"] br { display: none; } + /** * profile */ @@ -2188,6 +2240,7 @@ div[id$="wrapper"] br { margin: 5px 0px 0px 0px; } + /** * ADMIN */ @@ -2275,7 +2328,7 @@ div[id$="wrapper"] br { .field { /*margin-bottom: 10px;*/ /*padding-bottom: 10px;*/ - overflow: auto; + /*overflow: auto;*/ width: 100%; } .field label, label { @@ -2287,7 +2340,7 @@ div[id$="wrapper"] br { margin: 0 10px 0.5em 0; border: 1px #999 solid; padding: 5px; - background: #eee; + background: #ccc; vertical-align: middle; color: #111; } @@ -2591,9 +2644,9 @@ div[id$="wrapper"] br { } .border, .border:hover { border: 1px solid #babdb6; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } .attachtype { display: block; @@ -2720,7 +2773,7 @@ footer { vertical-align: middle; } #acl-wrapper a:hover { - text-decoration:none; + text-decoration: none; color: #000; border: 0; }