diff options
Diffstat (limited to 'view/theme/quattro/dark')
-rw-r--r-- | view/theme/quattro/dark/Makefile | 4 | ||||
-rw-r--r-- | view/theme/quattro/dark/colors.less | 111 | ||||
-rw-r--r-- | view/theme/quattro/dark/style.css | 2063 | ||||
-rw-r--r-- | view/theme/quattro/dark/style.less | 14 |
4 files changed, 0 insertions, 2192 deletions
diff --git a/view/theme/quattro/dark/Makefile b/view/theme/quattro/dark/Makefile deleted file mode 100644 index 989da60c7..000000000 --- a/view/theme/quattro/dark/Makefile +++ /dev/null @@ -1,4 +0,0 @@ -## - -style.css : style.less colors.less ../icons.less ../quattro.less - lessc style.less > style.css diff --git a/view/theme/quattro/dark/colors.less b/view/theme/quattro/dark/colors.less deleted file mode 100644 index 42fdd34bb..000000000 --- a/view/theme/quattro/dark/colors.less +++ /dev/null @@ -1,111 +0,0 @@ -// Quattro Theme LESS file - -// "Echo" palette from Inkscape -@Yellow1 : #fce94f; -@Blue1:rgb(25,174,255); -@Blue2:rgb(0,132,200); -@Blue3:rgb(0,92,148); -@Red1:rgb(255,65,65); -@Red2:rgb(220,0,0); -@Red3:rgb(181,0,0); -@Orange1:rgb(255,255,62); -@Orange2:rgb(255,153,0); -@Orange3:rgb(255,102,0); -@Brown1:rgb(255,192,34); -@Brown2:rgb(184,129,0); -@Brown3:rgb(128,77,0); -@Green1:rgb(204,255,66); -@Green2:rgb(154,222,0); -@Green3:rgb(0,145,0); -@Purple1:rgb(241,202,255); -@Purple2:rgb(215,108,255); -@Purple3:rgb(186,0,255); -@Metalic1:rgb(189,205,212); -@Metalic2:rgb(158,171,176); -@Metalic3:rgb(54,78,89); -@Metalic4:rgb(14,35,46); -@Grey1:rgb(255,255,255); -@Grey2:rgb(204,204,204); -@Grey3:rgb(153,153,153); -@Grey4:rgb(102,102,102); -@Grey5:rgb(45,45,45); - - -// Theme colors -@BodyBackground: @Grey1; -@BodyColor: @Grey5; - -@Link: @Blue3; -@LinkHover: @Blue3; -@LinkVisited: @Blue3; -@LinkDimmed: @Blue2; - -@ButtonColor: @Grey1; -@ButtonBackgroundColor: @Grey5; - -@Banner: @Grey1; - -@NavbarBackground:@Metalic4; -@NavbarSelectedBg:@Metalic3; -@NavbarSelectedBorder: @Metalic2; -@NavbarNotifBg: @Blue1; - -@Menu: @Grey5; -@MenuBg: @Grey1; -@MenuBorder: @Metalic3; -@MenuItem: @Grey5; -@MenuItemHoverBg: @Metalic1; -@MenuItemSeparator: @Metalic2; -@MenuEmpty: @Metalic2; -@MenuItemDetail: @Metalic2; - -@AsideBorder: @Metalic1; -@AsideConnect: @Grey1; -@AsideConnectBg: @Blue3; -@AsideConnectHoverBg: @Blue1; -@VCardLabelColor: @Grey3; - -@InfoColor: @Grey1; -@InfoBackgroundColor: @Metalic3; - -@NoticeColor: @Grey1; -@NoticeBackgroundColor: #511919; - -@FieldHelpColor: @Grey3; - -@ThreadBackgroundColor: #eff0f1; -@ThreadBottomBorderColor: @Grey2; -@ShinyBorderColor: @Yellow1; - -@ItemColor: @Grey5; -@ItemColorDimmed: @Grey3; - -@CommentBoxEmptyColor: @Grey3; -@CommentBoxEmptyBorderColor: @Grey3; -@CommentBoxFullColor: @Grey5; -@CommentBoxFullBorderColor: @Grey5; - -@TagColor: @Grey1; - -@JotToolsBackgroundColor: @Metalic4; -@JotToolsBorderColor: @Metalic2; -@JotToolsOverBackgroundColor: @Metalic3; -@JotToolsOverBorderColor: @Metalic1; -@JotToolsText: @Grey2; -@JotSubmitBackgroundColor: @Grey2; -@JotSubmitText: @Grey4; -@JotSubmitOverBackgroundColor: @Metalic1; -@JotSubmitOverText: @Grey4; -@JotPermissionUnlockBackgroundColor: @Grey2; -@JotPermissionLockBackgroundColor: @Grey4; -@JotLoadingBackgroundColor: @Grey1; -@JotPreviewBackgroundColor: @Yellow1; - -@MessageNewBackgroundColor: @Blue1; -@MessageNewBorderColor: @Blue3; -@MessageNewColor: @Grey1; - -@MailListBackgroundColor: #f6f7f8; - -@MailDisplaySubjectColor: @Grey5; -@MailDisplaySubjectBackgroundColor: #f6f7f8; diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css deleted file mode 100644 index 17ee6576d..000000000 --- a/view/theme/quattro/dark/style.css +++ /dev/null @@ -1,2063 +0,0 @@ -/** - * 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; - min-width: 22px; - height: 22px; -} -.icon.text { - text-indent: 0px; -} -.icon.notify { - background-image: url("../../../images/icons/22/notify_off.png"); -} -.icon.gear { - background-image: url("../../../images/icons/22/gear.png"); -} -.icon.like { - background-image: url("icons/like.png"); -} -.icon.dislike { - background-image: url("icons/dislike.png"); -} -.icon.add { - background-image: url("../../../images/icons/22/add.png"); -} -.icon.delete { - background-image: url("../../../images/icons/22/delete.png"); -} -.icon.edit { - background-image: url("../../../images/icons/22/edit.png"); -} -.icon.star { - background-image: url("../../../images/icons/22/star.png"); -} -.icon.menu { - background-image: url("../../../images/icons/22/menu.png"); -} -.icon.link { - background-image: url("../../../images/icons/22/link.png"); -} -.icon.lock { - background-image: url("../../../images/icons/22/lock.png"); -} -.icon.unlock { - background-image: url("../../../images/icons/22/unlock.png"); -} -.icon.plugin { - background-image: url("../../../images/icons/22/plugin.png"); -} -.icon.type-unkn { - background-image: url("../../../images/icons/22/zip.png"); -} -.icon.type-audio { - background-image: url("../../../images/icons/22/audio.png"); -} -.icon.type-video { - background-image: url("../../../images/icons/22/video.png"); -} -.icon.type-image { - background-image: url("../../../images/icons/22/image.png"); -} -.icon.type-text { - background-image: url("../../../images/icons/22/text.png"); -} -.icon.language { - background-image: url("icons/language.png"); -} -.icon.text { - padding: 10px 0px 0px 25px; -} -.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.like { - background-image: url("icons/like.png"); -} -.icon.s10.dislike { - background-image: url("icons/dislike.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.plugin { - background-image: url("../../../images/icons/10/plugin.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.language { - background-image: url("icons/language.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.like { - background-image: url("icons/like.png"); -} -.icon.s16.dislike { - background-image: url("icons/dislike.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.plugin { - background-image: url("../../../images/icons/16/plugin.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.language { - background-image: url("icons/language.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.like { - background-image: url("icons/like.png"); -} -.icon.s22.dislike { - background-image: url("icons/dislike.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.plugin { - background-image: url("../../../images/icons/22/plugin.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.language { - background-image: url("icons/language.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.like { - background-image: url("icons/like.png"); -} -.icon.s48.dislike { - background-image: url("icons/dislike.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.plugin { - background-image: url("../../../images/icons/48/plugin.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"); -} -.icon.s48.language { - background-image: url("icons/language.png"); -} -.icon.on { - background-image: url("icons/addon_on.png"); - min-width: 16px; - height: 16px; - background-position: 0px 0px; -} -.icon.off { - background-image: url("icons/addon_off.png"); - width: 16px; - height: 16px; - background-position: 0px 0px; -} -/* 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: #005c94; - text-decoration: none; -} -a:visited { - color: #005c94; - text-decoration: none; -} -a:hover { - color: #005c94; - text-decoration: underline; -} -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #005c94; - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - color: #005c94; - 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; -} -.tool > img { - float: left; -} -/* popup notifications */ -#jGrowl.top-right { - top: 30px; - right: 15px; -} -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: #0e232e; - 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 #0e232e; -} -nav .nav-menu.selected { - border-bottom: 3px solid #9eabb0; -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #19aeff; - -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: #bdcdd4; -} -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; -} -ul.menu-popup .toolbar { - background-color: #9eabb0; - height: auto; - overflow: auto; -} -ul.menu-popup .toolbar a { - float: right; -} -ul.menu-popup .toolbar a:hover { - background-color: #ffffff; -} -/* 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: #bdcdd4; -} -#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 230px*/ -aside { - display: table-cell; - vertical-align: top; - width: 200px; - padding: 0px 10px 0px 20px; - border-right: 1px solid #bdcdd4; -} -aside .profile-edit-side-div { - display: none; -} -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: #005c94 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: #19aeff; -} -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; -} -/* 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 800px */ -section { - display: table-cell; - vertical-align: top; - width: 770px; - padding: 0px 20px 0px 10px; -} -/* wall item */ -.thread-wrapper { - background-color: #eff0f1; - position: relative; - padding: 10px; - margin-bottom: 20px; - width: 750px; - border-bottom: 1px solid #cccccc; -} -.wall-item-decor { - position: absolute; - left: 97%; - top: -10px; - width: 16px; -} -.unstarred { - display: none; -} -.wall-item-container { - display: table; - width: 750px; -} -.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 .contact-photo-wrapper { - margin-left: 16px; -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; -} -.wall-item-container.comment .contact-photo-menu-button { - top: 15px !important; - left: 0px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} -/* 'tag' item type */ -.wall-item-container.item-tag .wall-item-content { - 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.item-tag .contact-photo-wrapper { - margin-left: 32px; -} -.wall-item-container.item-tag .contact-photo { - width: 16px; - height: 16px; -} -.wall-item-container.item-tag .contact-photo-menu-button { - top: 15px !important; - left: 15px !important; -} -.wall-item-comment-wrapper { - margin: 1em 2em 1em 60px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 1em; - width: 100%; - font-size: 12px; - 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; -} -.threaded .wall-item-comment-wrapper { - margin-left: 0px; -} -.comment-edit-preview { - width: 710px; - border: 1px solid #2d2d2d; - margin-top: 10px; - background-color: #fce94f; -} -.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 .thread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} -.shiny { - border-right: 10px solid #fce94f; -} -#jot-preview-content .thread-wrapper { - background-color: #fce94f; -} -.hide-comments-outer { - margin-bottom: 0.8em; -} -.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 { - 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: 12px; - color: #999999; - border: 1px solid #999999; - padding: 0.3em; -} -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 770px; - background-color: #0e232e; - 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: #cccccc; - width: 100%; - height: 40px; - text-align: center; - line-height: 40px; - overflow: hidden; -} -#jot #jot-tools li:hover { - background-color: #364e59; - 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: #bdcdd4; - 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: 500px; - 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: 40px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot #jot-category { - border: 0px; - margin: 0px; - height: 20px; - width: 200px; - border: 1px solid #ffffff; -} -#jot #jot-category:hover { - border: 1px solid #999999; -} -#jot #jot-category:focus { - border: 1px solid #999999; -} -/** 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 #005c94; -} -/** 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 input[type="checkbox"], -.field input[type="radio"] { - width: auto; -} -.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 albums */ -#photo-edit-link-wrap { - margin-bottom: 10px; -} -#album-edit-link { - border-right: 1px solid #364e59; - float: left; - padding-right: 5px; - margin-right: 5px; -} -#photo-edit-link, -#album-edit-link a { - background: url("../../../images/icons/16/edit.png") no-repeat left center; - padding-left: 18px; -} -#photo-toprofile-link { - background: url("../../../images/icons/16/user.png") no-repeat left center; - padding-left: 18px; -} -.photos-upload-link a, -#photo-top-upload-link { - background: url("../../../images/icons/16/add.png") no-repeat left center; - padding-left: 18px; -} -.photo-top-image-wrapper, -.photo-album-image-wrapper { - float: left; - margin: 0px 10px 10px 0px; - width: 150px; - height: 150px; - position: relative; - overflow: hidden; -} -.photo-top-image-wrapper img, -.photo-album-image-wrapper img { - width: 150px; -} -.photo-top-image-wrapper .photo-top-album-name, -.photo-album-image-wrapper .photo-top-album-name, -.photo-top-image-wrapper .caption, -.photo-album-image-wrapper .caption { - position: absolute; - color: #2d2d2d; - background-color: #ffffff; - width: 100%; - -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); - -webkit-transition: all 0.5s ease-in-out; - -moz-transition: all 0.5s ease-in-out; - -o-transition: all 0.5s ease-in-out; - -ms-transition: all 0.5s ease-in-out; - transition: all 0.5s ease-in-out; - bottom: -150px; -} -.photo-top-image-wrapper:hover .photo-top-album-name, -.photo-album-image-wrapper:hover .photo-top-album-name, -.photo-top-image-wrapper:hover .caption, -.photo-album-image-wrapper:hover .caption { - bottom: 0px; - -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); - -webkit-transition: all 0.5s ease-in-out; - -moz-transition: all 0.5s ease-in-out; - -o-transition: all 0.5s ease-in-out; - -ms-transition: all 0.5s ease-in-out; - transition: all 0.5s ease-in-out; -} -#photo-photo { - display: block; - width: 660px; - padding: 50px; - margin-bottom: 0px; - text-align: center; - background-color: #999999; -} -#photo-photo img { - max-width: 560px; -} -#photo-album-title { - background: url("../../../images/icons/22/image.png") no-repeat top left; - padding-left: 23px; - min-height: 22px; -} -#photo-album-title a { - display: block; - padding-top: 5px; -} -#photo-caption { - display: block; - width: 660px; - min-height: 55px; - background-color: #cccccc; - padding: 0 50px 0 50px; -} -#photo-next-link > a > div { - background: url("icons/next.png") no-repeat center center; - float: right; - width: 50px; - height: 50px; -} -#photo-prev-link > a > div { - background: url("icons/prev.png") no-repeat center center; - float: left; - width: 50px; - height: 50px; -} -#photo-like-div { - display: block; - width: 660px; - height: 30px; - background-color: #cccccc; - padding: 0 50px 0 50px; -} -#photo-like-div .icon { - float: left; -} -#photo-like-div .like-rotator { - float: right; -} -/* 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; -} -/* messages */ -#message-new { - background: #19aeff; - border: 1px solid #005c94; - width: 150px; -} -#message-new a { - color: #ffffff; - text-align: center; - display: block; - font-weight: bold; - padding: 1em 0px; -} -.mail-list-wrapper { - background-color: #f6f7f8; - margin-bottom: 5px; - width: 100%; - height: auto; - overflow: hidden; -} -.mail-list-wrapper span { - display: block; - float: left; - width: 20%; - overflow: hidden; -} -.mail-list-wrapper .mail-subject { - width: 30%; - padding: 4px 0px 0px 4px; -} -.mail-list-wrapper .mail-subject a { - display: block; -} -.mail-list-wrapper .mail-subject.unseen a { - font-weight: bold; -} -.mail-list-wrapper .mail-date { - padding: 4px 4px 0px 4px; -} -.mail-list-wrapper .mail-from { - padding: 4px 4px 0px 4px; -} -.mail-list-wrapper .mail-count { - padding: 4px 4px 0px 4px; - text-align: right; -} -.mail-list-wrapper .mail-delete { - float: right; -} -#mail-display-subject { - background-color: #f6f7f8; - color: #2d2d2d; - margin-bottom: 10px; - width: 100%; - height: auto; - overflow: hidden; -} -#mail-display-subject span { - float: left; - overflow: hidden; - padding: 4px 0px 0px 10px; -} -#mail-display-subject .mail-delete { - float: right; - 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; -} -#mail-display-subject:hover .mail-delete { - 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; -} -/* theme screenshot */ -.screenshot, -#theme-preview { - position: absolute; - width: 202px; - left: 70%; - top: 50px; -} -.screenshot img, -#theme-preview img { - width: 200px; - height: 150px; -} -/* page footer */ -footer { - height: 100px; - display: table-row; -} -.pager { - margin-top: 25px; - clear: both; -} -/** - * ADMIN - */ -#pending-update { - float: right; - color: #ffffff; - font-weight: bold; - background-color: #FF0000; - padding: 0em 0.3em; -} -#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 h3 { - border-bottom: 1px solid #cccccc; -} -#adminpage .field label { - font-weight: bold; -} -#adminpage .submit { - clear: left; - text-align: right; -} -#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 .plugin desc { - margin-left: 2.5em; -} -#adminpage .toggleplugin { - float: left; - margin-right: 1em; -} -#adminpage table { - width: 100%; - border-bottom: 1px solid #000000; - margin: 5px 0px; -} -#adminpage table th { - text-align: left; -} -#adminpage table td .icon { - float: left; -} -#adminpage table tr:hover { - background-color: #bbc7d7; -} -#adminpage table#users img { - width: 16px; - height: 16px; -} -#adminpage .selectall { - text-align: right; -} -/* edit buttons for comments */ -.icon.dim { - opacity: 0.3; - filter: alpha(opacity=30); -} -.comment-edit-bb { - list-style: none; - display: none; - margin: 0px; - padding: 0px; - width: 75%; -} -.comment-edit-bb > li { - display: inline-block; - margin: 10px 10px 0 0; - visibility: none; -} -.editicon { - display: inline-block; - width: 16px; - height: 16px; - background-image: url(icons/bbedit.png); - text-decoration: none; -} -.editicon :hover { - background-color: #ccc; -} -.boldbb { - background-position: 0px 0px; -} -.boldbb:hover { - background-position: 0px -16px; -} -.italicbb { - background-position: -16px 0px; -} -.italicbb:hover { - background-position: -16px -16px; -} -.underlinebb { - background-position: -32px 0px; -} -.underlinebb:hover { - background-position: -32px -16px; -} -.quotebb { - background-position: -48px 0px; -} -.quotebb:hover { - background-position: -48px -16px; -} -.codebb { - background-position: -64px 0px; -} -.codebb:hover { - background-position: -64px -16px; -} -.imagebb { - background-position: -80px 0px; -} -.imagebb:hover { - background-position: -80px -16px; -} -.urlbb { - background-position: -96px 0px; -} -.urlbb:hover { - background-position: -96px -16px; -} -.videobb { - background-position: -112px 0px; -} -.videobb:hover { - background-position: -112px -16px; -} -.attachtype { - display: block; - width: 20px; - height: 23px; - float: left; - background-image: url('../../../images/content-types.png'); -} -.body-attach { - margin-top: 10px; -} -.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; -} diff --git a/view/theme/quattro/dark/style.less b/view/theme/quattro/dark/style.less deleted file mode 100644 index 7d81e788a..000000000 --- a/view/theme/quattro/dark/style.less +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Fabio Comuni <http://kirgroup.com/profile/fabrixxm> - **/ -// Less file http://lesscss.org/ -// compile with lessc -// $ lessc style.less > style.css - -@import "colors"; -@import "../icons"; -@import "../quattro"; - - - - |