/** * Fabio Comuni <http://kirgroup.com/profile/fabrixxm> **/ /* icons */ .icon { background-color: transparent ; background-repeat: no-repeat; background-position: left center; display: block; overflow: hidden; text-indent: -9999px; padding: 1px; } .icon.text { text-indent: 0px; } .icon.s10 { min-width: 10px; height: 10px; } .icon.s10.notify { background-image: url("../../../images/icons/10/notify_off.png"); } .icon.s10.gear { background-image: url("../../../images/icons/10/gear.png"); } .icon.s10.add { background-image: url("../../../images/icons/10/add.png"); } .icon.s10.delete { background-image: url("../../../images/icons/10/delete.png"); } .icon.s10.edit { background-image: url("../../../images/icons/10/edit.png"); } .icon.s10.star { background-image: url("../../../images/icons/10/star.png"); } .icon.s10.menu { background-image: url("../../../images/icons/10/menu.png"); } .icon.s10.link { background-image: url("../../../images/icons/10/link.png"); } .icon.s10.lock { background-image: url("../../../images/icons/10/lock.png"); } .icon.s10.unlock { background-image: url("../../../images/icons/10/unlock.png"); } .icon.s10.type-unkn { background-image: url("../../../images/icons/10/zip.png"); } .icon.s10.type-audio { background-image: url("../../../images/icons/10/audio.png"); } .icon.s10.type-video { background-image: url("../../../images/icons/10/video.png"); } .icon.s10.type-image { background-image: url("../../../images/icons/10/image.png"); } .icon.s10.type-text { background-image: url("../../../images/icons/10/text.png"); } .icon.s10.text { padding: 2px 0px 0px 15px; } .icon.s16 { min-width: 16px; height: 16px; } .icon.s16.notify { background-image: url("../../../images/icons/16/notify_off.png"); } .icon.s16.gear { background-image: url("../../../images/icons/16/gear.png"); } .icon.s16.add { background-image: url("../../../images/icons/16/add.png"); } .icon.s16.delete { background-image: url("../../../images/icons/16/delete.png"); } .icon.s16.edit { background-image: url("../../../images/icons/16/edit.png"); } .icon.s16.star { background-image: url("../../../images/icons/16/star.png"); } .icon.s16.menu { background-image: url("../../../images/icons/16/menu.png"); } .icon.s16.link { background-image: url("../../../images/icons/16/link.png"); } .icon.s16.lock { background-image: url("../../../images/icons/16/lock.png"); } .icon.s16.unlock { background-image: url("../../../images/icons/16/unlock.png"); } .icon.s16.type-unkn { background-image: url("../../../images/icons/16/zip.png"); } .icon.s16.type-audio { background-image: url("../../../images/icons/16/audio.png"); } .icon.s16.type-video { background-image: url("../../../images/icons/16/video.png"); } .icon.s16.type-image { background-image: url("../../../images/icons/16/image.png"); } .icon.s16.type-text { background-image: url("../../../images/icons/16/text.png"); } .icon.s16.text { padding: 4px 0px 0px 20px; } .icon.s22 { min-width: 22px; height: 22px; } .icon.s22.notify { background-image: url("../../../images/icons/22/notify_off.png"); } .icon.s22.gear { background-image: url("../../../images/icons/22/gear.png"); } .icon.s22.add { background-image: url("../../../images/icons/22/add.png"); } .icon.s22.delete { background-image: url("../../../images/icons/22/delete.png"); } .icon.s22.edit { background-image: url("../../../images/icons/22/edit.png"); } .icon.s22.star { background-image: url("../../../images/icons/22/star.png"); } .icon.s22.menu { background-image: url("../../../images/icons/22/menu.png"); } .icon.s22.link { background-image: url("../../../images/icons/22/link.png"); } .icon.s22.lock { background-image: url("../../../images/icons/22/lock.png"); } .icon.s22.unlock { background-image: url("../../../images/icons/22/unlock.png"); } .icon.s22.type-unkn { background-image: url("../../../images/icons/22/zip.png"); } .icon.s22.type-audio { background-image: url("../../../images/icons/22/audio.png"); } .icon.s22.type-video { background-image: url("../../../images/icons/22/video.png"); } .icon.s22.type-image { background-image: url("../../../images/icons/22/image.png"); } .icon.s22.type-text { background-image: url("../../../images/icons/22/text.png"); } .icon.s22.text { padding: 10px 0px 0px 25px; } .icon.s48 { width: 48px; height: 48px; } .icon.s48.notify { background-image: url("../../../images/icons/48/notify_off.png"); } .icon.s48.gear { background-image: url("../../../images/icons/48/gear.png"); } .icon.s48.add { background-image: url("../../../images/icons/48/add.png"); } .icon.s48.delete { background-image: url("../../../images/icons/48/delete.png"); } .icon.s48.edit { background-image: url("../../../images/icons/48/edit.png"); } .icon.s48.star { background-image: url("../../../images/icons/48/star.png"); } .icon.s48.menu { background-image: url("../../../images/icons/48/menu.png"); } .icon.s48.link { background-image: url("../../../images/icons/48/link.png"); } .icon.s48.lock { background-image: url("../../../images/icons/48/lock.png"); } .icon.s48.unlock { background-image: url("../../../images/icons/48/unlock.png"); } .icon.s48.type-unkn { background-image: url("../../../images/icons/48/zip.png"); } .icon.s48.type-audio { background-image: url("../../../images/icons/48/audio.png"); } .icon.s48.type-video { background-image: url("../../../images/icons/48/video.png"); } .icon.s48.type-image { background-image: url("../../../images/icons/48/image.png"); } .icon.s48.type-text { background-image: url("../../../images/icons/48/text.png"); } /* global */ body { font-family: Liberation Sans, helvetica, arial, clean, sans-serif; font-size: 11px; background-color: #ffffff; color: #2d2d2d; margin: 50px 0px 0px 0px; display: table; } h4 { font-size: 1.1em; } a, a:link { color: #009100; text-decoration: none; } a:visited { color: #009100; text-decoration: none; } a:hover { color: #009100; text-decoration: underline; } .left { float: left; } .right { float: right; } .hidden { display: none; } .clear { clear: both; } .fakelink { color: #009100; text-decoration: none; cursor: pointer; } .fakelink:hover { color: #009100; text-decoration: underline; } code { font-family: Courier, monospace; white-space: pre; display: block; overflow: auto; border: 1px solid #444; background: #EEE; color: #444; padding: 10px; margin-top: 20px; } #panel { position: absolute; width: 10em; background: #ffffff; color: #2d2d2d; margin: 0px; padding: 1em; list-style: none; border: 3px solid #364e59; z-index: 100000; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); } /* tool */ .tool { height: auto; overflow: auto; } .tool .label { float: left; } .tool .action { float: right; } /* popup notifications */ div.jGrowl div.notice { background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; color: #ffffff; padding-left: 58px; } div.jGrowl div.info { background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center; color: #ffffff; padding-left: 58px; } /* header */ header { position: fixed; left: 43%; right: 43%; top: 0px; margin: 0px; padding: 0px; /*width: 100%; height: 12px; */ z-index: 110; color: #ffffff; } header #site-location { display: none; } header #banner { overflow: hidden; text-align: center; width: 100%; } header #banner a, header #banner a:active, header #banner a:visited, header #banner a:link, header #banner a:hover { color: #ffffff; text-decoration: none; outline: none; vertical-align: bottom; } header #banner #logo-img { height: 22px; margin-top: 5px; } header #banner #logo-text { font-size: 22px; } /* nav */ nav { width: 100%; height: 32px; position: fixed; left: 0px; top: 0px; padding: 0px; background-color: #009100; color: #ffffff; z-index: 100; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); } nav a, nav a:active, nav a:visited, nav a:link, nav a:hover { color: #ffffff; text-decoration: none; outline: none; } nav ul { margin: 0px; padding: 0px 20px; } nav ul li { list-style: none; margin: 0px; padding: 0px; float: left; } nav ul li .menu-popup { left: 0px; right: auto; } nav .nav-menu-icon { position: relative; height: 22px; padding: 5px; margin: 0px 10px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } nav .nav-menu-icon.selected { background-color: #364e59; } nav .nav-menu-icon img { width: 22px; height: 22px; } nav .nav-menu-icon .nav-notify { top: 3px; } nav .nav-menu { position: relative; height: 16px; padding: 5px; margin: 3px 15px 0px; font-size: 14px; border-bottom: 3px solid #009100; } nav .nav-menu.selected { border-bottom: 3px solid #9eabb0; } nav .nav-notify { display: none; position: absolute; background-color: #dc0000; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-size: 10px; padding: 1px 3px; top: 0px; right: -10px; min-width: 15px; text-align: right; } nav .nav-notify.show { display: block; } nav #nav-help-link, nav #nav-search-link, nav #nav-directory-link, nav #nav-apps-link, nav #nav-site-linkmenu { float: right; } nav #nav-help-link .menu-popup, nav #nav-search-link .menu-popup, nav #nav-directory-link .menu-popup, nav #nav-apps-link .menu-popup, nav #nav-site-linkmenu .menu-popup { right: 0px; left: auto; } nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-linkmenu.selected .icon.s22.notify { background-image: url("../../../images/icons/22/notify_on.png"); } nav #nav-apps-link.selected { background-color: #364e59; } ul.menu-popup { position: absolute; display: none; width: 10em; background: #ffffff; color: #2d2d2d; margin: 0px; padding: 0px; list-style: none; border: 3px solid #364e59; z-index: 100000; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); } ul.menu-popup a { display: block; color: #2d2d2d; padding: 5px 10px; text-decoration: none; } ul.menu-popup a:hover { background-color: #ccff42; } ul.menu-popup .menu-sep { border-top: 1px solid #9eabb0; } ul.menu-popup li { float: none; overflow: auto; height: auto; display: block; } ul.menu-popup li img { float: left; width: 16px; height: 16px; padding-right: 5px; } ul.menu-popup .empty { padding: 5px; text-align: center; color: #9eabb0; } /* autocomplete popup */ .acpopup { max-height: 150px; background-color: #ffffff; color: #2d2d2d; border: 1px solid #MenuBorder; overflow: auto; z-index: 100000; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); } .acpopupitem { color: #2d2d2d; padding: 4px; clear: left; } .acpopupitem img { float: left; margin-right: 4px; } .acpopupitem.selected { background-color: #ccff42; } #nav-notifications-menu { width: 400px; max-height: 550px; overflow: auto; } #nav-notifications-menu img { float: left; margin-right: 5px; } #nav-notifications-menu .contactname { font-weight: bold; } #nav-notifications-menu .notif-when { font-size: 10px; color: #9eabb0; display: block; } /* aside */ aside { display: table-cell; vertical-align: top; width: 200px; padding: 0px 10px 0px 20px; border-right: 1px solid #bdcdd4; } aside .vcard .fn { font-size: 16px; font-weight: bold; margin-bottom: 5px; } aside .vcard .title { margin-bottom: 5px; } aside .vcard dl { height: auto; overflow: auto; } aside .vcard dt { float: left; margin-left: 0px; width: 35%; text-align: right; color: #999999; } aside .vcard dd { float: left; margin-left: 4px; width: 60%; } aside #profile-extra-links ul { padding: 0px; margin: 0px; } aside #profile-extra-links li { padding: 0px; margin: 0px; list-style: none; } aside #dfrn-request-link { display: block; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #ffffff; background: #009100 url('../../../images/connect-bg.png') no-repeat left center; font-weight: bold; text-transform: uppercase; padding: 4px 2px 2px 35px; } aside #dfrn-request-link:hover { text-decoration: none; background-color: #ccff42; } aside #profiles-menu { width: 20em; } #contact-block { overflow: auto; height: auto; /*.contact-block-div { width:60px; height: 60px; }*/ } #contact-block .contact-block-h4 { float: left; margin: 5px 0px; } #contact-block .allcontact-link { float: right; margin: 5px 0px; } #contact-block .contact-block-content { clear: both; overflow: hidden; height: auto; } #contact-block .contact-block-link { float: left; margin: 0px 2px 2px 0px; } #contact-block .contact-block-link img { width: 48px; height: 48px; } /* mail view */ .mail-conv-sender, .mail-conv-detail { float: left; } .mail-conv-detail { margin-left: 20px; width: 500px; } .mail-conv-subject { font-size: 1.4em; margin: 10px 0; } .mail-conv-outside-wrapper-end { clear: both; } .mail-conv-outside-wrapper { margin-top: 30px; } .mail-conv-delete-wrapper { float: right; margin-right: 30px; margin-top: 15px; } .mail-conv-break { clear: both; } .mail-conv-delete-icon { border: none; } /* group member */ #contact-edit-drop-link, .mail-list-delete-wrapper, .group-delete-wrapper { float: right; margin-right: 50px; } #contact-edit-drop-link .drophide, .mail-list-delete-wrapper .drophide, .group-delete-wrapper .drophide { background-image: url('../../../images/icons/22/delete.png'); display: block; width: 22px; height: 22px; opacity: 0.3; position: relative; top: -50px; } #contact-edit-drop-link .drop, .mail-list-delete-wrapper .drop, .group-delete-wrapper .drop { background-image: url('../../../images/icons/22/delete.png'); display: block; width: 22px; height: 22px; position: relative; top: -50px; } /* #group-members { margin-top: 20px; padding: 10px; height: 250px; overflow: auto; border: 1px solid #ddd; } #group-members-end { clear: both; } #group-all-contacts { padding: 10px; height: 450px; overflow: auto; border: 1px solid #ddd; } #group-all-contacts-end { clear: both; margin-bottom: 10px; } .contact-block-div { float: left; width: 60px; height: 60px; }*/ /* widget */ .widget { margin-bottom: 2em; /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ } .widget h3 { padding: 0px; margin: 2px; } .widget .action { opacity: 0.1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .widget input.action { opacity: 0.5; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .widget:hover .title .action { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .widget .tool:hover .action { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .widget .tool:hover .action.ticked { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .widget ul { padding: 0px; } .widget ul li { padding-left: 16px; min-height: 16px; list-style: none; } .widget .tool.selected { background: url('../../../images/selected.png') no-repeat left center; } /* widget: search */ #add-search-popup { width: 200px; top: 18px; } /* section */ section { display: table-cell; vertical-align: top; width: 800px; padding: 0px 20px 0px 10px; } /* wall item */ .tread-wrapper { background-color: #f6f7f8; position: relative; padding: 10px; margin-bottom: 20px; width: 780px; } .wall-item-decor { position: absolute; left: 97%; top: -10px; width: 16px; } .unstarred { display: none; } .wall-item-container { display: table; width: 780px; } .wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { display: table-row; } .wall-item-container .wall-item-bottom { opacity: 0.5; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .wall-item-container:hover .wall-item-bottom { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .wall-item-container .wall-item-info { display: table-cell; vertical-align: top; text-align: left; width: 60px; } .wall-item-container .wall-item-location { word-wrap: break-word; width: 50px; } .wall-item-container .wall-item-content { display: table-cell; font-size: 12px; max-width: 720px; word-wrap: break-word; } .wall-item-container .wall-item-content img { max-width: 710px; } .wall-item-container .wall-item-links, .wall-item-container .wall-item-actions { display: table-cell; vertical-align: middle; } .wall-item-container .wall-item-links .icon, .wall-item-container .wall-item-actions .icon { opacity: 0.5; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .wall-item-container .wall-item-links .icon:hover, .wall-item-container .wall-item-actions .icon:hover { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .wall-item-container .wall-item-ago { padding-right: 40px; } .wall-item-container .wall-item-name { font-weight: bold; } .wall-item-container .wall-item-actions-author { float: left; width: 20em; margin-top: 0.5em; } .wall-item-container .wall-item-actions-social { float: left; margin-top: 0.5em; } .wall-item-container .wall-item-actions-social a { margin-right: 3em; } .wall-item-container .wall-item-actions-tools { float: right; width: 15%; } .wall-item-container .wall-item-actions-tools a { float: right; } .wall-item-container .wall-item-actions-tools input { float: right; } .wall-item-container.comment { /*margin-top: 50px;*/ } .wall-item-container.comment .contact-photo { width: 32px; height: 32px; margin-left: 16px; /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ } .wall-item-container.comment .contact-photo-menu-button { top: 15px !important; left: 15px !important; } .wall-item-container.comment .wall-item-links { padding-left: 12px; } .wall-item-comment-wrapper { margin: 30px 2em 2em 60px; } .wall-item-comment-wrapper .comment-edit-photo { display: none; } .wall-item-comment-wrapper textarea { height: 1em; width: 100%; font-size: 10px; color: #999999; border: 1px solid #999999; padding: 0.3em; } .wall-item-comment-wrapper .comment-edit-text-full { font-size: 14px; height: 4em; color: #2d2d2d; border: 1px solid #2d2d2d; } .comment-edit-preview { width: 710px; border: 1px solid #2d2d2d; margin-top: 10px; } .comment-edit-preview .contact-photo { width: 32px; height: 32px; margin-left: 16px; /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ } .comment-edit-preview .contact-photo-menu-button { top: 15px !important; left: 15px !important; } .comment-edit-preview .wall-item-links { padding-left: 12px; } .comment-edit-preview .wall-item-container { width: 700px; } .comment-edit-preview .tread-wrapper { width: 700px; padding: 0; margin: 10px 0; } .shiny { border-right: 10px solid #ddffdd; } #jot-preview-content .tread-wrapper { background-color: #ddffdd; } .wall-item-tags { padding-top: 5px; } .tag { background: url("../../../images/tag_b.png") no-repeat center left; color: #ffffff; padding-left: 3px; } .tag a { padding-right: 8px; background: url("../../../images/tag.png") no-repeat center right; color: #ffffff; } .filesavetags { padding: 3px 0px 3px 0px; opacity: 0.5; } .wwto { position: absolute !important; width: 25px; height: 25px; background: #FFFFFF; border: 2px solid #364e59; height: 25px; width: 25px; overflow: hidden; padding: 1px; position: absolute !important; top: 40px; left: 30px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); } .wwto .contact-photo { width: 25px; height: 25px; } #pause { position: fixed; bottom: 5px; right: 5px; } .contact-photo-wrapper { position: relative; } .contact-photo { width: 48px; height: 48px; overflow: hidden; display: block; } .contact-photo img { width: 48px; height: 48px; } .contact-photo-menu-button { display: none; position: absolute; left: -2px; top: 31px; } .contact-wrapper { float: left; width: 300px; height: 90px; padding-right: 10px; margin: 0 10px 10px 0px; } .contact-wrapper .contact-photo-wrapper { float: left; margin-right: 10px; } .contact-wrapper .contact-photo { width: 80px; height: 80px; } .contact-wrapper .contact-photo img { width: 80px; height: 80px; } .contact-wrapper .contact-photo-menu-button { left: 0px; top: 63px; } .directory-item { float: left; width: 200px; height: 200px; } .directory-item .contact-photo { width: 175px; height: 175px; } .directory-item .contact-photo img { width: 175px; height: 175px; } .contact-name { font-weight: bold; padding-top: 15px; } .contact-details { color: #999999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* editor */ .jothidden { display: none; } #jot { width: 100%; margin: 0px 2em 20px 0px; } #jot .profile-jot-text { height: 1em; width: 99%; font-size: 10px; color: #999999; border: 1px solid #999999; padding: 0.3em; } #jot #jot-tools { margin: 0px; padding: 0px; height: 40px; overflow: none; width: 800px; background-color: #009100; border-bottom: 2px solid #9eabb0; } #jot #jot-tools li { list-style: none; float: left; width: 80px; height: 40px; border-bottom: 2px solid #9eabb0; } #jot #jot-tools li a { display: block; color: #2d2d2d; width: 100%; height: 40px; text-align: center; line-height: 40px; overflow: hidden; } #jot #jot-tools li:hover { background-color: #9ade00; border-bottom: 2px solid #bdcdd4; } #jot #jot-tools li.perms { float: right; width: 40px; } #jot #jot-tools li.perms a.unlock { width: 30px; border-left: 10px solid #cccccc; background-color: #cccccc; } #jot #jot-tools li.perms a.lock { width: 30px; border-left: 10px solid #666666; background-color: #666666; } #jot #jot-tools li.submit { float: right; background-color: #cccccc; border-bottom: 2px solid #cccccc; border-right: 1px solid #666666; border-left: 1px solid #666666; } #jot #jot-tools li.submit input { border: 0px; margin: 0px; padding: 0px; background-color: #cccccc; color: #666666; width: 80px; height: 40px; line-height: 40px; } #jot #jot-tools li.submit input:hover { background-color: #ccff42; color: #666666; } #jot #jot-tools li.loading { float: right; background-color: #ffffff; width: 20px; vertical-align: center; text-align: center; border-top: 2px solid #9eabb0; height: 38px; } #jot #jot-tools li.loading img { margin-top: 10px; } #jot #jot-title { border: 0px; margin: 0px; height: 20px; width: 700px; font-weight: bold; border: 1px solid #ffffff; } #jot #jot-title:-webkit-input-placeholder { font-weight: normal; } #jot #jot-title:-moz-placeholder { font-weight: normal; } #jot #jot-title:hover { border: 1px solid #999999; } #jot #jot-title:focus { border: 1px solid #999999; } #jot #character-counter { width: 80px; float: right; text-align: right; height: 20px; line-height: 20px; padding-right: 20px; } /** buttons **/ /*input[type="submit"] { border: 0px; background-color: @ButtonBackgroundColor; color: @ButtonColor; padding: 0px 10px; .rounded(5px); height: 18px; }*/ /** acl **/ #photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { display: block!important; } #acl-wrapper { width: 690px; float: left; } #acl-search { float: right; background: #ffffff url("../../../images/search_18.png") no-repeat right center; padding-right: 20px; } #acl-showall { float: left; display: block; width: auto; height: 18px; background-color: #cccccc; background-image: url("../../../images/show_all_off.png"); background-position: 7px 7px; background-repeat: no-repeat; padding: 7px 5px 0px 30px; color: #999999; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } #acl-showall.selected { color: #000000; background-color: #ff9900; background-image: url("../../../images/show_all_on.png"); } #acl-list { height: 210px; border: 1px solid #cccccc; clear: both; margin-top: 30px; overflow: auto; } .acl-list-item { display: block; width: 150px; height: 30px; border: 1px solid #cccccc; margin: 5px; float: left; } .acl-list-item img { width: 22px; height: 22px; float: left; margin: 4px; } .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden; } .acl-list-item a { font-size: 8px; display: block; width: 40px; height: 10px; float: left; color: #999999; background-color: #cccccc; background-position: 3px 3px; background-repeat: no-repeat; margin-right: 5px; -webkit-border-radius: 2px ; -moz-border-radius: 2px; border-radius: 2px; padding-left: 15px; } #acl-wrapper a:hover { text-decoration: none; color: #000000; } .acl-button-show { background-image: url("../../../images/show_off.png"); } .acl-button-hide { background-image: url("../../../images/hide_off.png"); } .acl-button-show.selected { color: #000000; background-color: #9ade00; background-image: url("../../../images/show_on.png"); } .acl-button-hide.selected { color: #000000; background-color: #ff4141; background-image: url("../../../images/hide_on.png"); } .acl-list-item.groupshow { border-color: #9ade00; } .acl-list-item.grouphide { border-color: #ff4141; } /** /acl **/ /** tab buttons **/ ul.tabs { list-style-type: none; padding-bottom: 10px; } ul.tabs li { float: left; margin-left: 20px; } ul.tabs li .active { border-bottom: 1px solid #009100; } /** group editor **/ #group-edit-desc { margin-top: 1em; color: #999999; } #group-update-wrapper { height: auto; overflow: auto; } #group-update-wrapper #group { width: 300px; float: left; margin-right: 20px; } #group-update-wrapper #contacts { width: 300px; float: left; } #group-update-wrapper #group-separator { display: none; } #group-update-wrapper .contact_list { height: 300px; border: 1px solid #364e59; overflow: auto; } #group-update-wrapper .contact_list .contact-block-div { width: 50px; height: 50px; float: left; } /** * Form fields */ .field { margin-bottom: 10px; padding-bottom: 10px; overflow: auto; width: 100%; } .field label { float: left; width: 200px; } .field input, .field textarea { width: 400px; } .field textarea { height: 100px; } .field .field_help { display: block; margin-left: 200px; color: #999999; } .field .onoff { float: left; width: 80px; } .field .onoff a { display: block; border: 1px solid #666666; background-image: url("../../../images/onoff.jpg"); background-repeat: no-repeat; padding: 4px 2px 2px 2px; height: 16px; text-decoration: none; } .field .onoff .off { border-color: #666666; padding-left: 40px; background-position: left center; background-color: #cccccc; color: #666666; text-align: right; } .field .onoff .on { border-color: #204A87; padding-right: 40px; background-position: right center; background-color: #D7E3F1; color: #204A87; text-align: left; } .field .hidden { display: none!important; } .field.radio .field_help { margin-left: 0px; } #profile-edit-links li { list-style: none; margin-top: 10px; } #profile-edit-default-desc { color: #FF0000; border: 1px solid #FF8888; background-color: #FFEEEE; padding: 7px; } #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, #profile-edit-locality-label, #profile-edit-region-label, #profile-edit-postal-code-label, #profile-edit-country-name-label, #profile-edit-marital-label, #profile-edit-with-label, #profile-edit-sexual-label, #profile-edit-politic-label, #profile-edit-religion-label, #profile-edit-pubkeywords-label, #profile-edit-prvkeywords-label, #profile-edit-gender-select, #profile-edit-homepage-label { float: left; width: 175px; padding-top: 7px; } #profile-edit-profile-name, #profile-edit-name, #gender-select, #profile-edit-pdesc, #profile-edit-gender, #profile-edit-dob, #profile-edit-address, #profile-edit-locality, #profile-edit-region, #profile-edit-postal-code, #profile-edit-country-name, #profile-edit-marital, #profile-edit-with, #profile-edit-sexual, #profile-edit-politic, #profile-edit-religion, #profile-edit-pubkeywords, #profile-edit-prvkeywords, #profile-edit-homepage { margin-top: 5px; } /* oauth */ .oauthapp { height: auto; overflow: auto; border-bottom: 2px solid #cccccc; padding-bottom: 1em; margin-bottom: 1em; } .oauthapp img { float: left; width: 48px; height: 48px; margin: 10px; } .oauthapp img.noicon { background-image: url("../../../images/icons/48/plugin.png"); background-position: center center; background-repeat: no-repeat; } .oauthapp a { float: left; } /* contacts */ .contact-entry-wrapper { width: 50px; float: left; } /* photo */ .lframe { float: left; margin: 0px 10px 10px 0px; } /* profile match wrapper */ .profile-match-wrapper { float: left; width: 90px; height: 90px; margin-bottom: 20px; } .profile-match-wrapper .contact-photo { width: 80px; height: 80px; } .profile-match-wrapper .contact-photo img { width: 80px; height: 80px; } .profile-match-wrapper .contact-photo-menu-button { left: 0px; top: 63px; } /* page footer */ footer { height: 100px; display: table-row; } .pager { margin-top: 25px; clear: both; }