diff --git a/duepuntozero/bbedit.png b/duepuntozero/bbedit.png new file mode 100755 index 0000000..4607e07 Binary files /dev/null and b/duepuntozero/bbedit.png differ diff --git a/duepuntozero/bbedit.png.license b/duepuntozero/bbedit.png.license new file mode 100644 index 0000000..985c307 --- /dev/null +++ b/duepuntozero/bbedit.png.license @@ -0,0 +1,3 @@ +SPDX-FileCopyrightText: 2010-2024 the Friendica project + +SPDX-License-Identifier: CC0-1.0 diff --git a/duepuntozero/border.jpg b/duepuntozero/border.jpg new file mode 100755 index 0000000..26e0a9f Binary files /dev/null and b/duepuntozero/border.jpg differ diff --git a/duepuntozero/border.jpg.license b/duepuntozero/border.jpg.license new file mode 100644 index 0000000..985c307 --- /dev/null +++ b/duepuntozero/border.jpg.license @@ -0,0 +1,3 @@ +SPDX-FileCopyrightText: 2010-2024 the Friendica project + +SPDX-License-Identifier: CC0-1.0 diff --git a/duepuntozero/config.php b/duepuntozero/config.php new file mode 100644 index 0000000..2d7c2ae --- /dev/null +++ b/duepuntozero/config.php @@ -0,0 +1,79 @@ +getLocalUserId()) { + return; + } + + $colorset = DI::pConfig()->get(DI::userSession()->getLocalUserId(), 'duepuntozero', 'colorset'); + $user = true; + + return clean_form($appHelper, $colorset, $user); +} + +function theme_post(AppHelper $appHelper) +{ + if (!DI::userSession()->getLocalUserId()) { + return; + } + + if (isset($_POST['duepuntozero-settings-submit'])) { + DI::pConfig()->set(DI::userSession()->getLocalUserId(), 'duepuntozero', 'colorset', $_POST['duepuntozero_colorset']); + } +} + +function theme_admin(AppHelper $appHelper) +{ + $colorset = DI::config()->get('duepuntozero', 'colorset'); + $user = false; + + return clean_form($appHelper, $colorset, $user); +} + +function theme_admin_post() +{ + if (isset($_POST['duepuntozero-settings-submit'])) { + DI::config()->set('duepuntozero', 'colorset', $_POST['duepuntozero_colorset']); + } +} + +/// @TODO $appHelper is no longer used +function clean_form(AppHelper $appHelper, &$colorset, $user) +{ + $colorset = [ + 'default' => 'default', + 'greenzero' => 'greenzero', + 'purplezero' => 'purplezero', + 'easterbunny' => 'easterbunny', + 'darkzero' => 'darkzero', + 'comix' => 'comix', + 'slackr' => 'slackr', + ]; + + if ($user) { + $color = DI::pConfig()->get(DI::userSession()->getLocalUserId(), 'duepuntozero', 'colorset'); + } else { + $color = DI::config()->get('duepuntozero', 'colorset'); + } + + $t = Renderer::getMarkupTemplate("theme_settings.tpl"); + $o = Renderer::replaceMacros($t, [ + '$submit' => DI::l10n()->t('Submit'), + '$title' => DI::l10n()->t("Theme settings"), + '$colorset' => ['duepuntozero_colorset', DI::l10n()->t('Variations'), $color, '', $colorset], + ]); + + return $o; +} diff --git a/duepuntozero/deriv/comix.css b/duepuntozero/deriv/comix.css new file mode 100644 index 0000000..4e6f703 --- /dev/null +++ b/duepuntozero/deriv/comix.css @@ -0,0 +1,113 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +body { + font-family: "Comic Sans MS", sans !important; + font-size: 13px; +} +.wall-item-content-wrapper { + border: none; +} + +.wall-item-content-wrapper.comment { + background: #ffffff !important; + border-left: 1px solid #EEE; +} + +.wall-item-tools { + background: none; +} + +.comment-edit-text-empty, .comment-edit-text-full { + border: none; + border-left: 1px solid #EEE; + background: #EEEEEE; +} + +.comment-edit-wrapper, .comment-wwedit-wrapper { + background: #ffffff !important; +} + +section { + margin: 0px 32px; +} + +aside { + margin-left: 32px; +} +nav { + margin-left: 32px; + margin-right: 32px; +} + +nav #site-location { + top: 80px; + right: 36px; +} + +.wall-item-photo, .photo, .contact-block-img, .my-comment-photo { + border-radius: 3px; + -moz-border-radius: 3px; + margin-top: 15px; +} + +.wall-item-photo.comment { + margin-top: 26px; +} + + +.triangle-isosceles { + position:relative; + padding:15px; + margin:1em 0 3em; + color:#000; + background:#EEEEEE; /* default background for browsers without gradient support */ + /* css3 */ + background:-webkit-gradient(linear, 0 0, 0 100%, from(#EEEEEE), to(#ffffff)); + background:-moz-linear-gradient(#EEEEEE, #ffffff); + background:-o-linear-gradient(#EEEEEE, #ffffff); + background:linear-gradient(#EEEEEE, #ffffff); + -webkit-border-radius:10px; + -moz-border-radius:10px; + border-radius:10px; +} + +/* Variant : for left/right positioned triangle +------------------------------------------ */ + +.triangle-isosceles.left { + margin-left:30px; + background:#F8F8F8; + border: 2px solid #CCCCCC; +} + +/* THE TRIANGLE +------------------------------------------------------------------------------------------------------------------------------- */ + +/* creates triangle */ +.triangle-isosceles:after { + content:""; + position:absolute; + bottom:-8px; /* value = - border-top-width - border-bottom-width */ + left:30px; /* controls horizontal position */ + border-width:15px 15px 0; /* vary these values to change the angle of the vertex */ + border-style:solid; + border-color:#f8f8f8 transparent; + /* reduce the damage in FF3.0 */ + display:block; + width:0; +} + +/* Variant : left +------------------------------------------ */ + +.triangle-isosceles.left:after { + top:12px; /* controls vertical position */ + left:-30px; /* value = - border-left-width - border-right-width */ + bottom:auto; + border-width:10px 30px 10px 0; + border-color:transparent #f8f8f8; +} diff --git a/duepuntozero/deriv/darkzero.css b/duepuntozero/deriv/darkzero.css new file mode 100644 index 0000000..2dbff71 --- /dev/null +++ b/duepuntozero/deriv/darkzero.css @@ -0,0 +1,192 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +/* dark variation Fabio Comuni */ + +a:link, a:visited { color: #99CCFF; text-decoration: none; } +a:hover {text-decoration: underline; } + +input, select, textarea { + background-color: #222222; + color: #FFFFFF !important; + border: 1px solid #444444; +} +.openid { background-color: #222222;} + +body { background-color: #222222; color: #cccccc; background-image: url('imgdarkzero/head.jpg'); } +aside{ background-image: url('imgdarkzero/border.jpg'); padding-bottom: 0px; } +section { background-color: #333333; background-image: url('imgdarkzero/border.jpg'); } +#panel { background-color: #2e2f2e;} + +.tabs { background-image: url('imgdarkzero/head.jpg'); } +div.wall-item-content-wrapper.shiny { background-image: url('ingdarkzero/shiny.png'); } + +nav #banner #logo-text a { color: #ffffff; } + +/* Contact-Header for the Network Stream */ +#viewcontact_wrapper-network {background-image: url('imgdarkzero/head.jpg');} + +.wall-item-content-wrapper { + border: 1px solid #444444; + background: #444444; +} +.wall-item-outside-wrapper.threaded > .wall-item-content-wrapper { + -moz-border-radius: 3px 3px 0px; + border-radius: 3px 3px 0px; +} +.wall-item-tools { background-color: #444444; background-image: none;} +.comment-wwedit-wrapper{ + background-color: #333333; +} +.comment-wwedit-wrapper.threaded { + border: solid #444444; + border-width: 0px 3px 3px; + -moz-border-radius: 0px 0px 3px 3px; + border-radius: 0px 0px 3px 3px; +} +.editicon { + background-color: #333; +} +.comment-edit-preview{ color: #000000; } +.wall-item-content-wrapper.comment { background-color: #444444; border: 0px;} +.photo-top-album-name{ background-color: #333333; } +.photo-album-image-wrapper .caption { background-color: rgba(51, 51, 51, 0.8); color: #FFFFFF; } + +.nav-selected.nav-link { color: #ffffff!important; border-bottom: 0px} +.nav-commlink, .nav-login-link, .nav-logout-link {background-color: #b7bab3;} +.nav-commlink:link, .nav-commlink:visited, +.nav-login-link:link, .nav-login-link:visited, +.nav-logout-link:link, .nav-logout-link:visited { + color: #ffffff; +} + +.fakelink, .fakelink:visited { + color: #99CCFF; +} + +.wall-item-name-link { + color: #99CCFF; +} + +.wall-item-photo-menu li a, .contact-photo-menu { + color: #CCCCCC; background-color: #333333; +} + +.wall-item-photo-menu li a:hover { + background-color: #CCCCCC; color: #333333; +} + +code { + background:#2e2f2e !important; + color:#fff !important; +} + +blockquote { + background:#2e2f2e !important; + color:#eec !important; +} + + +#page-footer { min-height: 1em;} +footer { + margin: 0px 10%; + display: block; + background-image: url('imgdarkzero/sectionend.jpg'); + background-position: top left; + background-repeat: repeat-x; + height: 25px; +} + + +input#dfrn-url { + background-color: #222222; + color: #FFFFFF !important; +} +.pager_first a, .pager_last a, .pager_prev a, .pager_next a, .pager_n a, .pager_current, .scroll_loader_text { + color: #000088; +} + +#jot-perms-icon { + float: left; +} + + +#jot-title, #jot-category { + background-color: #333333; + border: 1px solid #333333; +} + +#jot-title::-webkit-input-placeholder{ color: #555555!important;} +#jot-title:-moz-placeholder{color: #555555!important;} +#jot-category::-webkit-input-placeholder{ color: #555555!important;} +#jot-category:-moz-placeholder{color: #555555!important;} + + +#jot-title:hover, +#jot-title:focus, +#jot-category:hover, +#jot-category:focus { + border: 1px solid #cccccc; +} + +#profile-jot-email-label, div#jot-preview-content, div.profile-jot-net { + color: #eec; +} +#fancybox-content{ + background:#444; +} + +.notification-seen { + background:#111; +} + +#nav-notifications-menu { + background: #2e2e2f; +} + +#nav-notifications-menu li:hover { + background: #444; +} + +.acpopupitem{ + background:#2e2f2e; +} + +.widget .selected, .circle-selected { + background:#2e2f2e; +} + +/* Events */ + +.fc-state-highlight { +background: #666 !important; +} + +.fc-state-disabled, .fc-state-disabled .fc-button-inner { +color: #000 !important; +} + +/*Admin page */ + +#adminpage table tr:hover { + color: #eec; + background-color: #666; +} + +.settings-widget .selected { +background: #666; +} + + +/* Stuff that doesn't seem to fit with anything else */ + +#datebrowse-sidebar select { +color:#99CCFF !important; +} + +input#prvmail-subject { +background: #222 !important; +} diff --git a/duepuntozero/deriv/easterbunny.css b/duepuntozero/deriv/easterbunny.css new file mode 100644 index 0000000..1544104 --- /dev/null +++ b/duepuntozero/deriv/easterbunny.css @@ -0,0 +1,54 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +.vcard .fn { + color: orange !important; +} + +.vcard .title { + color: #00BB00 !important; +} + +.wall-item-content-wrapper { + border: 1px solid red; + background: #FFDDFF; +} + +.wall-item-content-wrapper.comment { + background: #FFCCAA; +} + +.comment-edit-wrapper { + background: yellow; +} + +body { background-image: url('imgeasterbunny/head.jpg'); } +section { background: #EEFFFF; } + +a, a:visited { color: #0000FF; text-decoration: none; } +a:hover {text-decoration: underline; } + +/* Contact-Header for the Network Stream */ +#viewcontact_wrapper-network { background: #FFDDFF; } + +aside { background-image: url('imgeasterbunny/border.jpg'); } +.tabs { background-image: url('imgeasterbunny/head.jpg'); } +div.wall-item-content-wrapper.shiny { background-image: url('imgeasterbunny/shiny.png'); } + + +.nav-commlink, .nav-login-link, .nav-logout-link { + background-color: #aed3b2; + +} + +.fakelink, .fakelink:visited { + color: #0000FF; +} + +.wall-item-name-link { + color: #0000FF; +} + diff --git a/duepuntozero/deriv/greenzero.css b/duepuntozero/deriv/greenzero.css new file mode 100644 index 0000000..08f0c5a --- /dev/null +++ b/duepuntozero/deriv/greenzero.css @@ -0,0 +1,42 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +/* green variation by Tobias Diekershoff */ + +a:link, a:visited { color: #549f4f; text-decoration: none; } +a:hover {text-decoration: underline; } + +.nav-selected.nav-link { color: #549f4f!important; border-bottom: 0px} +.nav-commlink, .nav-login-link, .nav-logout-link {background-color: #aed3b2;} +.nav-commlink:link, .nav-commlink:visited, +.nav-login-link:link, .nav-login-link:visited, +.nav-logout-link:link, .nav-logout-link:visited{ + color: #ffffff; +} + +.icon { + display: block; width: 16px; height: 16px; + background-image: url('imggreenzero/greenicons.png'); +} + + + +body { background-image: url('imggreenzero/head.jpg'); } +aside { background-image: url('imggreenzero/border.jpg'); } +section { background-image: url('imggreenzero/border.jpg'); } +.tabs { background-image: url('imggreenzero/head.jpg'); } +#viewcontact_wrapper-network { background: #DBEAD7; } +div.wall-item-content-wrapper.shiny { background-image: url('imggreenzero/shiny.png'); } + +.fakelink, .fakelink:visited, .fakelink:hover, .fakelink:link { + color: #549f4f !important; +} + +.wall-item-name-link { + color: #549f4f; +} + + diff --git a/duepuntozero/deriv/imgdarkzero/border.jpg b/duepuntozero/deriv/imgdarkzero/border.jpg new file mode 100755 index 0000000..c2e57cc Binary files /dev/null and b/duepuntozero/deriv/imgdarkzero/border.jpg differ diff --git a/duepuntozero/deriv/imgdarkzero/head.jpg b/duepuntozero/deriv/imgdarkzero/head.jpg new file mode 100755 index 0000000..e4056b7 Binary files /dev/null and b/duepuntozero/deriv/imgdarkzero/head.jpg differ diff --git a/duepuntozero/deriv/imgdarkzero/sectionend.jpg b/duepuntozero/deriv/imgdarkzero/sectionend.jpg new file mode 100755 index 0000000..d7f9d8f Binary files /dev/null and b/duepuntozero/deriv/imgdarkzero/sectionend.jpg differ diff --git a/duepuntozero/deriv/imgdarkzero/shiny.png b/duepuntozero/deriv/imgdarkzero/shiny.png new file mode 100755 index 0000000..994c0d0 Binary files /dev/null and b/duepuntozero/deriv/imgdarkzero/shiny.png differ diff --git a/duepuntozero/deriv/imgeasterbunny/border.jpg b/duepuntozero/deriv/imgeasterbunny/border.jpg new file mode 100755 index 0000000..ff10ee2 Binary files /dev/null and b/duepuntozero/deriv/imgeasterbunny/border.jpg differ diff --git a/duepuntozero/deriv/imgeasterbunny/head.jpg b/duepuntozero/deriv/imgeasterbunny/head.jpg new file mode 100755 index 0000000..e6b0d2a Binary files /dev/null and b/duepuntozero/deriv/imgeasterbunny/head.jpg differ diff --git a/duepuntozero/deriv/imgeasterbunny/shiny.png b/duepuntozero/deriv/imgeasterbunny/shiny.png new file mode 100755 index 0000000..d3f71ee Binary files /dev/null and b/duepuntozero/deriv/imgeasterbunny/shiny.png differ diff --git a/duepuntozero/deriv/imggreenzero/border.jpg b/duepuntozero/deriv/imggreenzero/border.jpg new file mode 100755 index 0000000..26e0a9f Binary files /dev/null and b/duepuntozero/deriv/imggreenzero/border.jpg differ diff --git a/duepuntozero/deriv/imggreenzero/file.gif b/duepuntozero/deriv/imggreenzero/file.gif new file mode 100755 index 0000000..e388a13 Binary files /dev/null and b/duepuntozero/deriv/imggreenzero/file.gif differ diff --git a/duepuntozero/deriv/imggreenzero/greenicons.png b/duepuntozero/deriv/imggreenzero/greenicons.png new file mode 100755 index 0000000..1e15697 Binary files /dev/null and b/duepuntozero/deriv/imggreenzero/greenicons.png differ diff --git a/duepuntozero/deriv/imggreenzero/head.jpg b/duepuntozero/deriv/imggreenzero/head.jpg new file mode 100755 index 0000000..f1c11bc Binary files /dev/null and b/duepuntozero/deriv/imggreenzero/head.jpg differ diff --git a/duepuntozero/deriv/imggreenzero/shiny.png b/duepuntozero/deriv/imggreenzero/shiny.png new file mode 100755 index 0000000..994c0d0 Binary files /dev/null and b/duepuntozero/deriv/imggreenzero/shiny.png differ diff --git a/duepuntozero/deriv/imgpurplezero/border.jpg b/duepuntozero/deriv/imgpurplezero/border.jpg new file mode 100755 index 0000000..ff10ee2 Binary files /dev/null and b/duepuntozero/deriv/imgpurplezero/border.jpg differ diff --git a/duepuntozero/deriv/imgpurplezero/head.jpg b/duepuntozero/deriv/imgpurplezero/head.jpg new file mode 100755 index 0000000..e6b0d2a Binary files /dev/null and b/duepuntozero/deriv/imgpurplezero/head.jpg differ diff --git a/duepuntozero/deriv/imgpurplezero/shiny.png b/duepuntozero/deriv/imgpurplezero/shiny.png new file mode 100755 index 0000000..d3f71ee Binary files /dev/null and b/duepuntozero/deriv/imgpurplezero/shiny.png differ diff --git a/duepuntozero/deriv/purplezero.css b/duepuntozero/deriv/purplezero.css new file mode 100644 index 0000000..fd57c08 --- /dev/null +++ b/duepuntozero/deriv/purplezero.css @@ -0,0 +1,32 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +a, a:link, a:visited { color: #7433af; text-decoration: none; } +a:hover {text-decoration: underline; } + + +body { background-image: url('imgpurplezero/head.jpg'); } +aside { background-image: url('imgpurplezero/border.jpg'); } +section { background-image: url('imgpurplezero/border.jpg'); } +#viewcontact_wrapper-network { background: #ECCAEB; } +.tabs { background-image: url('imgpurplezero/head.jpg'); } +div.wall-item-content-wrapper.shiny { background-image: url('imgpurplezero/shiny.png'); } + + +.nav-commlink, .nav-login-link, .nav-logout-link { + background-color: #aed3b2; + +} + +.fakelink, .fakelink:visited { + color: #7433af; +} + +.wall-item-name-link { + color: #7433af; +} + + diff --git a/duepuntozero/deriv/slackr.css b/duepuntozero/deriv/slackr.css new file mode 100644 index 0000000..db94c7c --- /dev/null +++ b/duepuntozero/deriv/slackr.css @@ -0,0 +1,216 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +.wall-item-content-wrapper { + border: none; +} + +.wall-item-content-wrapper.comment { + background: #ffffff !important; + border-left: 1px solid #EEE; +} + +.wall-item-tools { + background: none; +} +.wall-item-body a:hover { + color: #ff6600; +} + + +.widget { +/* box-shadow: 4px 4px 3px 0 #444444; */ +} + +.comment-edit-text-empty, .comment-edit-text-full { + border: none; + border-left: 1px solid #EEE; + background: #EEEEEE; +} + +.comment-edit-wrapper, .comment-wwedit-wrapper { + background: #ffffff !important; +} + +section { + margin: 0px 32px; +} + +aside { + margin-left: 32px; +} +nav { + margin-left: 32px; + margin-right: 32px; +} + +nav #site-location { + top: 80px; + right: 36px; +} + +#profile-jot-text_parent, .mceLayout { + border-radius: 3px; + -moz-border-radius: 3px; + box-shadow: 4px 4px 3px 0 #444444; +} + +#profile-jot-text:hover { + color: #000000; +} + +#events-reminder { + border-radius: 3px; + -moz-border-radius: 3px; + opacity: 0.3; + filter:alpha(opacity=30); + margin-left: 5px; + margin-top: 5px; +} + +#events-reminder.birthday-today, #events-reminder.event-today { + opacity: 1.0; + filter:alpha(opacity=100); + box-shadow: 4px 4px 3px 0 #444444; + margin-left: 0px; + margin-top: 0px; +} + +#events-reminder:hover { + opacity: 1.0; + filter:alpha(opacity=100); + box-shadow: 4px 4px 3px 0 #444444; + margin-left: 0px; + margin-top: 0px; +} + +.fc-event-skin { + background-color: #3465a4 !important; +} +.wall-item-photo, .photo, .contact-block-img, .my-comment-photo { + border-radius: 3px; + -moz-border-radius: 3px; + box-shadow: 4px 4px 3px 0 #444444; +} + +.group-list-img { + border-radius: 3px; + -moz-border-radius: 3px; + box-shadow: 4px 4px 3px 0 #444444; +} + +#datebrowse-sidebar select { + margin-left: 25px; + border-radius: 3px; + -moz-border-radius: 3px; + opacity: 0.3; + filter:alpha(opacity=30); +} + +#datebrowse-sidebar select:hover { + opacity: 1.0; + filter:alpha(opacity=100); +} + +#posted-date-selector { + margin-left: 30px !important; + margin-top: 5px !important; + margin-right: 0px !important; + margin-bottom: 0px !important; +} + + +#posted-date-selector:hover { + box-shadow: 4px 4px 3px 0 #444444; + margin-left: 25px !important; + margin-top: 0px !important; + margin-right: 5px !important; + margin-bottom: 5px !important; + +} + +.contact-entry-photo img, .profile-match-photo img, #photo-photo img, .directory-photo-img, .photo-album-photo, .photo-top-photo, .profile-jot-text, .circle-selected, .widget .selected, #profile-jot-submit { + border-radius: 3px; + -moz-border-radius: 3px; + box-shadow: 4px 4px 3px 0 #444444; +} +.settings-widget .selected { + border-radius: 3px; + -moz-border-radius: 3px; + box-shadow: 4px 4px 3px 0 #444444; +} + +#sidebar-page-list .label { + margin-left: 5px; +} + + +.photo { + border: 1px solid #AAAAAA; +} + +.photo-top-photo, .photo-album-photo { + padding: 10px; + max-width: 300px; + border: 1px solid #888888; +} + +.rotleft1 { +-webkit-transform: rotate(-1deg); +-moz-transform: rotate(-1deg); +-ms-transform: rotate(-1deg); +-o-transform: rotate(-1deg); +} + +.rotleft2 { +-webkit-transform: rotate(-2deg); +-moz-transform: rotate(-2deg); +-ms-transform: rotate(-2deg); +-o-transform: rotate(-2deg); +} + +.rotleft3 { +-webkit-transform: rotate(-3deg); +-moz-transform: rotate(-3deg); +-ms-transform: rotate(-3deg); +-o-transform: rotate(-3deg); +} + +.rotleft4 { +-webkit-transform: rotate(-4deg); +-moz-transform: rotate(-4deg); +-ms-transform: rotate(-4deg); +-o-transform: rotate(-4deg); +} + +.rotright1 { +-webkit-transform: rotate(1deg); +-moz-transform: rotate(1deg); +-ms-transform: rotate(1deg); +-o-transform: rotate(1deg); +} + +.rotright2 { +-webkit-transform: rotate(2deg); +-moz-transform: rotate(2deg); +-ms-transform: rotate(2deg); +-o-transform: rotate(2deg); +} + +.rotright3 { +-webkit-transform: rotate(3deg); +-moz-transform: rotate(3deg); +-ms-transform: rotate(3deg); +-o-transform: rotate(3deg); +} + +.rotright4 { +-webkit-transform: rotate(4deg); +-moz-transform: rotate(4deg); +-ms-transform: rotate(4deg); +-o-transform: rotate(4deg); +} + diff --git a/duepuntozero/editicons.png b/duepuntozero/editicons.png new file mode 100755 index 0000000..67346c4 Binary files /dev/null and b/duepuntozero/editicons.png differ diff --git a/duepuntozero/editicons.png.license b/duepuntozero/editicons.png.license new file mode 100644 index 0000000..985c307 --- /dev/null +++ b/duepuntozero/editicons.png.license @@ -0,0 +1,3 @@ +SPDX-FileCopyrightText: 2010-2024 the Friendica project + +SPDX-License-Identifier: CC0-1.0 diff --git a/duepuntozero/ff-16.jpg b/duepuntozero/ff-16.jpg new file mode 100755 index 0000000..3621f59 Binary files /dev/null and b/duepuntozero/ff-16.jpg differ diff --git a/duepuntozero/ff-16.jpg.license b/duepuntozero/ff-16.jpg.license new file mode 100644 index 0000000..985c307 --- /dev/null +++ b/duepuntozero/ff-16.jpg.license @@ -0,0 +1,3 @@ +SPDX-FileCopyrightText: 2010-2024 the Friendica project + +SPDX-License-Identifier: CC0-1.0 diff --git a/duepuntozero/file.gif b/duepuntozero/file.gif new file mode 100755 index 0000000..7885b99 Binary files /dev/null and b/duepuntozero/file.gif differ diff --git a/duepuntozero/file.gif.license b/duepuntozero/file.gif.license new file mode 100644 index 0000000..985c307 --- /dev/null +++ b/duepuntozero/file.gif.license @@ -0,0 +1,3 @@ +SPDX-FileCopyrightText: 2010-2024 the Friendica project + +SPDX-License-Identifier: CC0-1.0 diff --git a/duepuntozero/friendika-16.png b/duepuntozero/friendika-16.png new file mode 100755 index 0000000..1a742ec Binary files /dev/null and b/duepuntozero/friendika-16.png differ diff --git a/duepuntozero/friendika-16.png.license b/duepuntozero/friendika-16.png.license new file mode 100644 index 0000000..985c307 --- /dev/null +++ b/duepuntozero/friendika-16.png.license @@ -0,0 +1,3 @@ +SPDX-FileCopyrightText: 2010-2024 the Friendica project + +SPDX-License-Identifier: CC0-1.0 diff --git a/duepuntozero/head.jpg b/duepuntozero/head.jpg new file mode 100755 index 0000000..2948dc5 Binary files /dev/null and b/duepuntozero/head.jpg differ diff --git a/duepuntozero/head.jpg.license b/duepuntozero/head.jpg.license new file mode 100644 index 0000000..985c307 --- /dev/null +++ b/duepuntozero/head.jpg.license @@ -0,0 +1,3 @@ +SPDX-FileCopyrightText: 2010-2024 the Friendica project + +SPDX-License-Identifier: CC0-1.0 diff --git a/duepuntozero/lock.cur b/duepuntozero/lock.cur new file mode 100755 index 0000000..892c5e8 Binary files /dev/null and b/duepuntozero/lock.cur differ diff --git a/duepuntozero/lock.cur.license b/duepuntozero/lock.cur.license new file mode 100644 index 0000000..985c307 --- /dev/null +++ b/duepuntozero/lock.cur.license @@ -0,0 +1,3 @@ +SPDX-FileCopyrightText: 2010-2024 the Friendica project + +SPDX-License-Identifier: CC0-1.0 diff --git a/duepuntozero/login-bg.gif b/duepuntozero/login-bg.gif new file mode 100755 index 0000000..be47484 Binary files /dev/null and b/duepuntozero/login-bg.gif differ diff --git a/duepuntozero/login-bg.gif.license b/duepuntozero/login-bg.gif.license new file mode 100644 index 0000000..985c307 --- /dev/null +++ b/duepuntozero/login-bg.gif.license @@ -0,0 +1,3 @@ +SPDX-FileCopyrightText: 2010-2024 the Friendica project + +SPDX-License-Identifier: CC0-1.0 diff --git a/duepuntozero/photo-menu.jpg b/duepuntozero/photo-menu.jpg new file mode 100755 index 0000000..763a99a Binary files /dev/null and b/duepuntozero/photo-menu.jpg differ diff --git a/duepuntozero/photo-menu.jpg.license b/duepuntozero/photo-menu.jpg.license new file mode 100644 index 0000000..985c307 --- /dev/null +++ b/duepuntozero/photo-menu.jpg.license @@ -0,0 +1,3 @@ +SPDX-FileCopyrightText: 2010-2024 the Friendica project + +SPDX-License-Identifier: CC0-1.0 diff --git a/duepuntozero/screenshot.jpg b/duepuntozero/screenshot.jpg new file mode 100755 index 0000000..399d1aa Binary files /dev/null and b/duepuntozero/screenshot.jpg differ diff --git a/duepuntozero/screenshot.jpg.license b/duepuntozero/screenshot.jpg.license new file mode 100644 index 0000000..985c307 --- /dev/null +++ b/duepuntozero/screenshot.jpg.license @@ -0,0 +1,3 @@ +SPDX-FileCopyrightText: 2010-2024 the Friendica project + +SPDX-License-Identifier: CC0-1.0 diff --git a/duepuntozero/shiny.png b/duepuntozero/shiny.png new file mode 100755 index 0000000..994c0d0 Binary files /dev/null and b/duepuntozero/shiny.png differ diff --git a/duepuntozero/shiny.png.license b/duepuntozero/shiny.png.license new file mode 100644 index 0000000..985c307 --- /dev/null +++ b/duepuntozero/shiny.png.license @@ -0,0 +1,3 @@ +SPDX-FileCopyrightText: 2010-2024 the Friendica project + +SPDX-License-Identifier: CC0-1.0 diff --git a/duepuntozero/style.css b/duepuntozero/style.css new file mode 100644 index 0000000..d263cbe --- /dev/null +++ b/duepuntozero/style.css @@ -0,0 +1,3291 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +/** + * duepuntozero Frindika style + * Fabio Comuni + */ + + +/* generals */ +body { + font-family: helvetica,arial,freesans,clean,sans-serif; + font-size: 12px; + background-color: #ffffff; + background-image: url(head.jpg); + background-repeat: repeat-x; + color: #000000; + margin: 0px; +} + + +a, a:visited, a:link { color: #3465a4; text-decoration: none; } +a:hover {text-decoration: underline; } + +input { + border: 1px solid #666666; + -moz-border-radius: 3px; + border-radius: 3px; + padding: 3px; +} + +img { border :0px; } + +#id_openid_url, .openid input { + background: url(login-bg.gif) no-repeat; + background-position: 0 50%; + padding-left: 18px; +} +.openid:hover { + +} + +#id_openid_url { + width: 384px; +} + +pre 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; +} + +blockquote { + background-color: #f4f8f9; + border-left: 4px solid #dae4ee; + padding: 0.4em; +} + +.icollapse-wrapper, .ccollapse-wrapper { + border: 1px solid #CCC; + padding: 5px; +} + +.hide-comments { + margin-left: 5px; +} + +#panel { + background-color: ivory; + position: absolute; + z-index: 2; + width: 30%; + padding: 25px; + border: 1px solid #444; +} + +.heart { + color: #FF0000; + font-size: 100%; + margin-right: 5px; +} + +ul.menu-popup { + position: absolute; + display: none; + width: auto; + margin: 2px 0 0; + padding: 0px; + list-style: none; + z-index: 100000; + border: 2px solid #444444; + background: #FFFFFF; +} +.menu-popup li a { + padding: 2px; + white-space: nowrap; +} + +a.btn, a.btn:hover { + text-decoration: none; + color: inherit; +} + + +/* nav */ +nav { + height: 94px; + display: block; + margin: 0px 10%; + border-bottom: 1px solid #babdb6; + position: relative; +} +nav #site-location { + color: #888a85; + font-size: 0.8em; + position: absolute; +} + +.error-message { + color: #FF0000; + font-size: 1.1em; + border: 1px solid #FF8888; + background-color: #FFEEEE; + padding: 10px; +} + +.info-message { + color: #204a87; + font-size: 1.1em; + border: 1px solid #3465a4; + background-color: #d7e3f1; + padding: 10px; +} + +.warning-message { + background-color: #F4FA58; + border: 1px solid #F3F781; + color: #000000; + font-size: 1.1em; + padding: 10px; +} + + +nav #banner { + display: block; + margin-top: 14px; + position: absolute; +} +nav #banner #logo-text a { + font-size: 40px; + font-weight: bold; + margin-left: 3px; + color: #000000; + +} +nav #banner #logo-text a:hover { text-decoration: none; } + + +.nav-commlink, .nav-login-link, .nav-logout-link { + display: block; + height: 15px; + margin-top: 67px; + margin-right: 2px; + /*padding: 6px 10px;*/ + padding: 6px 3px; + float: left; + bottom: 140px; + border: 1px solid #babdb6; + border-bottom: 0px; + background-color: #aec0d3; + color: #565854; + -moz-border-radius: 3px 3px 0px 0px; + border-radius: 3px 3px 0px 0px; +} +nav .nav-link { + float: right; + margin: 0.2em 0em; + padding: 0em 0.5em; + background-color: transparent !important; +} + +.nav-commlink.selected { + background-color: #ffffff; + border-bottom: 1px solid #ffffff; + color: #000000 !important; + margin-top: 64px; + padding-top: 6px; + padding-bottom: 8px; +} +.nav-ajax-left { + font-size: 0.8em; + float: left; + margin-top: 62px; +} + + +nav #nav-link-wrapper .nav-link { + border-right: 1px solid #babdb6; +} + +/* aside */ +aside { + display: block; + min-height: 112px; + width: 200px; + margin-left: 10%; + padding: 1em; + float: left; + background-image: url(border.jpg); + background-position: top left; + background-repeat: no-repeat; + position: absolute; +} + +#dfrn-request-link { + display: block; + color: #FFFFFF; + -webkit-border-radius: 5px ; + -moz-border-radius: 5px; + border-radius: 5px; + padding: 5px; + font-weight: bold; + background: #3465a4 url('friendica-16.png') no-repeat 95% center; +} +#subscribe-feed-link, +#wallmessage-link { + display: block; + color: #FFFFFF; + -webkit-border-radius: 5px ; + -moz-border-radius: 5px; + border-radius: 5px; + padding: 5px; + font-weight: bold; + background-color: #3465a4; +} + +/* section */ +section { + margin: 0px 10%; + padding-top: 1em; + padding-left: 250px; + padding-right: 1em; + display: block; + background-color: #ffffff; + background-image: url(border.jpg); + background-position: top right; + background-repeat: no-repeat; + min-height: 112px; + +} +.tabs { + height: 27px; + background-image: url(head.jpg); + background-repeat: repeat-x; + background-position: 0px -20px; + border-bottom: 1px solid #babdb6; + padding:0px; +} +.tabs li { margin: 0px; list-style: none; } +.tab { + display:block; + float:left; + padding: 0.4em; + /*margin-right: 1em;*/ + margin-right: 3px ; +} +.tab.active { + font-weight: bold; + +} + + +/* footer */ +footer { + text-align: right; + padding-bottom: 1em; + padding-right: 3em; +} + +.birthday-today, .event-today { + font-weight: bold; +} + +div.wall-item-content-wrapper.shiny { + background-image: url('shiny.png'); + background-position: -5px 30px; + background-repeat:no-repeat; +} + +.preview { + background: #FFFFC8; +} + +#theme-preview { + margin: 15px 0 15px 150px; +} + +/* Contact-Header for the Network Stream */ +#viewcontact_wrapper-network { + width: 100%; + min-height: 100px; + background-color: #DBE6F1; + border-bottom: 1px solid #babdb6; +} +#contact-entry-wrapper-network { + float: none; + width: auto; + height: auto; + padding: 10px; + margin: 0px +} +#contact-entry-accounttype-network { + font-size: 20px; +} +#contact-entry-name-network { + font-size: 24.5px; +} +/*#contact-entry-name-network>.contact-entry-details, #contact-entry-url-network, +#contact-entry-details-network, contact-entry-network-network { + color: #000; +}*/ + +/* from default */ +#jot-perms-icon, +#profile-location, +#profile-nolocation, +#profile-youtube, +#profile-video, +#profile-audio, +#profile-link, +#profile-title, +#wall-image-upload, +#wall-file-upload, +#profile-upload-wrapper, +#wall-image-upload-div, +#wall-file-upload-div, +.hover, .focus { + cursor: pointer; +} + +#jot-perms-icon { + float: left; +} + +#jot-title, #jot-category { + border: 0px; + margin: 0px; + height: 20px; + width: 530px; + margin-bottom: 5px; + font-weight: bold; + border: 1px solid #ffffff; +} + +#jot-title::-webkit-input-placeholder{font-weight: normal;} +#jot-category::-webkit-input-placeholder{font-weight: normal;} +#jot-title:-moz-placeholder{font-weight: normal;} +#jot-category:-moz-placeholder{font-weight: normal;} + + +#jot-title:hover, +#jot-title:focus, +#jot-category:hover, +#jot-category:focus { + border: 1px solid #cccccc; +} + +.jothidden { display:none; } + + +.fakelink, .fakelink:visited, .fakelink:link { + color: #3465a4; + text-decoration: none; + cursor: pointer; + margin-top: 15px; + margin-bottom: 15px; +} +.lockview { + cursor: pointer; +} + +#circle-sidebar { + margin-bottom: 10px; +} + +.widget .selected, .circle-selected, .group-selected { + padding: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + border: 1px solid #CCCCCC; + background: #F8F8F8; + font-weight: bold; +} + +.settings-widget .selected { + padding: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + border: 1px solid #CCCCCC; + background: #F8F8F8; + font-weight: bold; +} + +.fakelink:hover { + color: #3465a4; + text-decoration: underline; + cursor: pointer; +} +.smalltext { + font-size: 0.7em; +} +#sysmsg { + /*width: 600px;*/ + margin-bottom: 10px; +} + +#register-fill-ext { + margin-bottom: 25px; +} + +#label-register-name, #label-register-email, #label-register-nickname, #label-register-openid { + float: left; + width: 350px; + margin-top: 10px; +} + +#register-name, #register-email, #register-nickname { + float: left; + margin-top: 10px; + width: 150px; +} + +#register-openid { + float: left; + margin-top: 10px; + width: 130px; +} + +#register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end { + clear: both; +} + +#register-nickname-desc { + margin-top: 30px; + width: 650px; +} +#register-sitename { + float: left; + margin-top: 10px; +} + +#register-submit-button { + margin-top: 10px; +} + + +#login_standard { + width: 210px; + float: left; +} +#login_openid { + width: 210px; + margin-left: 250px; +} + +#login_standard input, +#login_openid input { + width: 180px; +} + +#login-extra-links { + clear: both; +} + +#register-link, #lost-password-link { + float: left; + font-size: 80%; + margin-right: 15px; +} + +#login-name-end, #login-password-end, #login-extra-end, #login-submit-end { + height: 50px; +} + +#login-submit-wrapper { + clear: both; +} +#login-submit-button { +/* margin-top: 10px; */ + margin-left: 200px; +} + + +input#dfrn-url { + float: left; + background: url(friendica-16.png) no-repeat; + background-position: 2px center; + font-size: 17px; + padding-left: 21px; + height: 21px; + background-color: #FFFFFF; + color: #000000; + margin-bottom: 20px; +} + +#dfrn-url-label { + float: left; + width: 250px; +} + +#dfrn-request-url-end { + clear: both; +} + +#knowyouyes, #knowyouno { + float: left; +} + +#dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper { + + float: none; +} +#dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label { + float: left; + width: 75px; + margin-left: 50px; + margin-bottom: 7px; +} +#dfrn-request-knowyou-break, #dfrn-request-knowyou-end { + clear: both; + +} + +#dfrn-request-message-wrapper { + margin-bottom: 50px; +} +#dfrn-request-submit-wrapper { + clear: both; + margin-left: 50px; +} + +#dfrn-request-info-wrapper { + margin-left: 50px; +} + + + +#cropimage-wrapper, #cropimage-preview-wrapper { + float: left; + padding: 30px; +} + +#crop-image-form { + margin-top: 30px; + clear: both; +} + +.intro-wrapper { + margin-top: 20px; +} + +.intro-fullname { + font-size: 1.1em; + font-weight: bold; + +} +.intro-desc { + margin-bottom: 20px; + font-weight: bold; +} + +.intro-note { + padding: 10px; +} + +.intro-end { + padding: 30px; +} + +.intro-form { + float: left; +} +.intro-approve-form { + clear: both; +} +.intro-approve-as-friend-end { + clear: both; +} +.intro-submit-approve, .intro-submit-ignore { + margin-right: 20px; +} +.intro-submit-approve { + margin-top: 15px; +} + +.intro-approve-as-friend-label, .intro-approve-as-fan-label { + float: left; + width: 100px; + margin-left: 20px; +} +.intro-approve-as-friend, .intro-approve-as-fan { + float: left; +} +.intro-form-end { + clear: both; +} +.intro-approve-as-friend-desc { + margin-top: 15px; +} +.intro-approve-as-end { + clear: both; + margin-bottom: 10px; +} + +.intro-end { + clear: both; + margin-bottom: 30px; +} +.aprofile dt { + font-weight: bold; +} +#page-profile .title { + font-weight: bold; +} +#profile-vcard-break { + clear: both; +} +#profile-extra-links { + clear: both; + margin-top: 10px; +} + +#profile-extra-links ul { + list-style-type: none; + padding: 0px; +} + + +#profile-extra-links li { + margin-top: 5px; +} + +#profile-edit-links ul { + list-style-type: none; +} +#profile-edit-links li { + margin-top: 10px; +} + +#profile-menu { + display: none; +} + +.profile-edit-side-div { + float: right; +} +.profile-edit-side-link { + opacity: 0.3; + filter:alpha(opacity=30); +} +.profile-edit-side-link:hover { + opacity: 1.0; + filter:alpha(opacity=100); +} + +.view-contact-wrapper { + margin-top: 20px; + float: left; + margin-left: 20px; + width: 180px; +} + +.contact-wrapper { + float: left; + width: 150px; + height: 150px; + overflow: auto; +} + +#view-contact-end { + clear: both; +} + +#profile-edit-default-desc { + color: #FF0000; + border: 1px solid #FF8888; + background-color: #FFEEEE; + padding: 7px; +} + +#profile-edit-clone-link-wrapper { + float: left; + margin-left: 50px; + margin-bottom: 20px; + width: 300px; +} + + +#profile-edit-links-end { + clear: both; + margin-bottom: 15px; +} + +.profile-listing-photo { + border: none; +} + +.profile-edit-submit-wrapper { + margin-top: 20px; + margin-bottom: 20px; +} + +#profile-photo-link-select-wrapper { + margin-top: 2em; +} + +#profile-photo-submit-wrapper { + margin-top: 10px; +} + +#profile-photo-wrapper img { + width:175px; + height:175px; + padding: 12px; +} +#profile-photo-wrapper.crop-preview img { + padding: 0; +} + +#profile-edit-profile-name-label, +#profile-edit-name-label, +#profile-edit-about-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-pubkeywords-label, +#profile-edit-prvkeywords-label, +#profile-edit-homepage-label { + float: left; + width: 175px; +} + +#profile-edit-profile-name, +#profile-edit-name, +#profile-edit-about, +#profile-edit-dob, +#profile-edit-address, +#profile-edit-locality, +#profile-edit-region, +#profile-edit-postal-code, +#profile-edit-country-name, +#profile-edit-pubkeywords, +#profile-edit-prvkeywords, +#profile-in-dir-yes, +#profile-in-dir-no, +#profile-in-netdir-yes, +#profile-in-netdir-no, +#hide-wall-yes, +#hide-wall-no, +#hide-friends-yes, +#hide-friends-no { + float: left; + margin-bottom: 20px; +} +#settings-normal, +#settings-soapbox, +#settings-freelove, +#settings-community { + float: left; +} +#settings-notifications label { + margin-left: 20px; +} +#settings-notification-desc, #settings-activity-desc { + font-weight: bold; + margin-bottom: 15px; +} +#settings-pagetype-desc { + color: #666666; + margin-bottom: 15px; +} + +#profile-in-dir-yes-label, +#profile-in-dir-no-label, +#profile-in-netdir-yes-label, +#profile-in-netdir-no-label, +#hide-wall-yes-label, +#hide-wall-no-label, +#hide-friends-yes-label, +#hide-friends-no-label { + margin-left: 125px; + float: left; + width: 50px; +} + +#profile-edit-with-label { + width: 175px; + margin-left: 20px; +} + +#profile-publish-yes-reg, +#profile-publish-no-reg { + float: left; + margin-bottom: 10px; +} + +#profile-publish-yes-label-reg, +#profile-publish-no-label-reg { + margin-left: 350px; + float: left; + width: 50px; +} + +#profile-publish-break-reg, +#profile-publish-end-reg { + clear: both; +} + + +#profile-edit-about-desc, +#profile-edit-pubkeywords-desc, +#profile-edit-prvkeywords-desc { + float: left; + margin-left: 20px; +} + + +#profile-edit-homepage { + float: left; + margin-bottom: 35px; +} +#settings-normal-label, +#settings-soapbox-label, +#settings-community-label, +#settings-freelove-label { + float: left; + width: 200px; +} +#settings-normal-desc, +#settings-soapbox-desc, +#settings-community-desc, +#settings-freelove-desc { + /*float: left; + margin-left: 75px;*/ + clear: left; + color: #666666; + display: block; + margin-bottom: 20px +} + +#profile-edit-name-end, +#profile-edit-about-end, +#profile-edit-dob-end, +#profile-edit-address-end, +#profile-edit-locality-end, +#profile-edit-region-end, +#profile-edit-postal-code-end, +#profile-edit-country-name-end, +#profile-edit-pubkeywords-end, +#profile-edit-prvkeywords-end, +#profile-edit-homepage-end, +#profile-in-dir-break, +#profile-in-dir-end, +#profile-in-netdir-break, +#profile-in-netdir-end, +#hide-wall-break, +#hide-wall-end, +#hide-friends-break, +#hide-friends-end, +#settings-normal-break, +#settings-soapbox-break, +#settings-community-break, +#settings-freelove-break { + clear: both; +} + +.settings-widget ul { + list-style-type: none; + padding: 0px; +} + +.settings-widget li { + margin-left: 24px; + margin-bottom: 8px; +} + + +#profile-edit-profile-name-wrapper .required { + color: #FF0000; + float: left; +} + +#contacts-main { + margin-top: 20px; + margin-bottom: 20px; +} + +.contact-entry-wrapper { + float: left; + min-width: 363px; + height: 90px; + padding-right: 10px; + margin: 0 10px 10px 0px; +} +.contact-entry-wrapper .contact-entry-photo-wrapper { + float: left; + margin-right: 10px; +} +#contacts-search-end { + margin-bottom: 10px; +} + +.contact-entry-direction-icon { + margin-top: 24px; + margin-right: 2px; +} + +.contact-entry-photo img { + border: none; +} +.contact-entry-photo a img { + width: 80px; + height: 80px; +} +.contact-entry-photo-end { + clear: both; +} +.contact-entry-name { + font-weight: bold; +} +.contact-entry-details { + font-size: 13px; + color: #999999; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.contact-entry-edit-links { + margin-top: 6px; + margin-left: 10px; + width: 16px; +} +.contact-entry-nav-wrapper { + float: left; + margin-left: 10px; +} + +.contact-entry-edit-links img { + border: none; + margin-right: 15px; +} +.contact-entry-photo { + float: left; + position: relative; +} +.contact-entry-end { + clear: both; +} + +#fsuggest-desc, #fsuggest-submit-wrapper { + margin-top: 15px; + margin-bottom: 15px; +} + +#network-star-link{ + margin-top: 10px; +} +.network-star { + float: left; + margin-right: 5px; +} +#network-bmark-link { + margin-top: 10px; +} + +.wall-item-content-wrapper { + margin-top: 10px; + border: 1px solid #CCC; + position: relative; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.tread-wrapper .tread-wrapper { + margin-left: 50px; +} +.tread-wrapper .wall-item-comment-wrapper { + margin-left: 50px; +} + +.tread-end-wrapper { + margin-left: 50px; +} + +.wall-item-content-wrapper.comment { + /*margin-left: 50px;*/ + background: #EEEEEE; +} + +.wall-item-like.comment, .wall-item-dislike.comment { + margin-left: 50px; +} + +.wall-item-info { + display: block; + float: left; + width:110px; + margin-right:10px; +} +.comment .wall-item-info { + width: 70px; +} + +.wall-item-photo-wrapper { + margin-top: 10px; + margin-left: 10px; + margin-bottom: 10px; + width: 100px; +} +.wall-item-photo-menu-button { + display: block; + position: absolute; + background-image: url("photo-menu.jpg"); + background-position: top left; + background-repeat: no-repeat; + margin: 0px; padding: 0px; + width: 16px; + height: 16px; + top: 74px; left:10px; + overflow: hidden; + text-indent: 40px; + display: none; + +} +.wall-item-photo-menu { + width: auto; + border: 2px solid #444444; + background: #FFFFFF; + position: absolute; + left: 10px; top: 90px; + display: none; + z-index: 10000; +} +.wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none } +.wall-item-photo-menu li a { display: block; padding: 2px; } +.wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; } + +.comment .wall-item-photo-menu-button { top: 44px;} +.comment .wall-item-photo-menu { top: 60px; } + +.wallwall .wwto { + left: 50px; + margin: 0; + position: absolute; + top: 70px; + width: 30px +} +.wallwall .wwto img { + width: 30px !important; + height: 30px !important; +} + +.wallwall .wall-item-photo-end { + clear: both; +} + +.wall-item-arrowphoto-wrapper { + position: absolute; + left: 75px; + top: 70px; + z-index: 100; +} +.wall-item-wrapper { + /*float: left; + margin-right: 5px; + width: 250px;*/ + margin-left:10px; +} +.wall-item-lock { + /*height: 20px;*/ + /*margin-top: 10px;*/ + left: 105px; + position: absolute; + top: 1px; +} +.comment .wall-item-lock { + left: 65px; +} + +.wall-item-ago, +.shared-time { + color: #888888; + font-size: 0.8em; +} + +.wall-item-location { + overflow: hidden; + /* add ellipsis on text overflow */ + /* this work on safari, opera, ie, chrome. */ + /* firefox users have to wait support or we */ + /* can use a jquery addon http://bit.ly/zJskg */ + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + width: 100%; +} + +.wall-item-like-buttons { + float: left; + margin-right: 10px; +/* padding-right: 10px; */ +/* border-right: 2px solid #fff; */ +} + +.like-rotator { + margin-left: 5px; +} + +.wall-item-like-buttons > a, +.wall-item-like-buttons > img { + float: left; +} + +.wall-item-like-buttons img { + cursor: pointer; +} + +.wall-item-share-buttons { + margin-left: 10px; + margin-right: 10px; +} + +.wall-item-like-buttons > a.active, +.wall-item-attend-wrapper > a.active { + background-color: rgba(52, 101, 164, .5); +} + +.editpost { + margin-left: 10px; + float: left; +} +.pin-item { + margin-left: 10px; + float: left; +} +.star-item { + margin-left: 10px; + float: left; +} +.tag-item { + margin-left: 10px; + float: left; +} + +.filer-item { + margin-left: 10px; + float: left; +} + +.wall-item-links-wrapper { + float: left; +} + +.wall-item-delete-wrapper { + float: right; +} + +.wall-item-delete-end { + clear: both; +} + +.wall-item-delete-icon { + border: none; +} + +.wall-item-attend-wrapper { + float:left; + padding-left: 10px; +} + +.wall-item-attend-wrapper > a { + display: inline-block; + margin-right: 10px; +} + + +.wall-item-wrapper-end { + clear: both; +} +.wall-item-name-link, +.shared-author { + font-weight: bold; + text-decoration: none; + color: #3172BD; +} +.wall-item-photo { + border: none; +} +.comment .wall-item-photo { + width: 50px !important; + height: 50px !important; +} +.wall-item-content { + /*float: left;*/ + /*width: 450px;*/ + margin-left: 10px; + /*margin-bottom: 20px;*/ + /*padding: 20px;*/ + max-height: 700px; + overflow: auto; +} + +.wall-item-content img { + max-width: 700px; +} + +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.type-link blockquote { + margin-left: 160px; + max-height: 160px; + overflow: hidden; +} + +.shared_header a { + color: black; +} +.shared_header a:hover { + color: #36c; +} + +.wall-item-title { + float: left; + font-weight: bold; + /*width: 450px;*/ +} + +.wall-item-title-end { + clear: both; +} + +.wall-item-body { + float: left; + /*width: 450px;*/ + margin-top: 10px; +} + +.wall-item-tools { + clear: both; + background-image: url("head.jpg"); + background-position: 0 -20px; + background-repeat: repeat-x; + padding: 5px 10px 0px; +} +.wall-item-author { + margin-top: 10px; +} + +.comment .wall-item-tools { + background:none; +} + +.comment-edit-wrapper { + margin-top: 15px; + background: #f3f3f3; + margin-left: 50px; +} + +.comment-wwedit-wrapper { + background: #f3f3f3; +} + +.comment-edit-photo { + margin-top: 10px; + margin-left: 10px; + margin-bottom: 10px; + width: 100px; + float: left; +} +.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-photo { + width: 40px; +} + +.comment-edit-photo img { + width: 25px; +} +.comment-edit-text-empty, .comment-edit-text-full { + float: left; + margin-top: 10px; + -moz-border-radius: 3px; + border-radius: 3px; + border: 1px solid #cccccc; + padding: 3px 1px 1px 3px; +} +.comment-edit-text-end { + clear: both; +} + +.comment-edit-submit { + margin: 10px 0px 10px 110px; +} + +.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-submit-wrapper > .comment-edit-submit { + margin-left: 50px; +} + +#profile-jot-plugin-wrapper, +#profile-jot-submit-wrapper { + margin-top: 15px; +} + +#profile-jot-submit { + float: left; +} +#profile-upload-wrapper { + float: left; + margin-left: 30px; +} +#profile-attach-wrapper { + float: left; + margin-left: 30px; +} +#profile-rotator { + float: left; + margin-left: 30px; +} +#profile-link-wrapper { + float: left; + margin-left: 15px; +} +#profile-youtube-wrapper { + float: left; + margin-left: 15px; +} +#profile-video-wrapper { + float: left; + margin-left: 15px; +} +#profile-audio-wrapper { + float: left; + margin-left: 15px; +} +#profile-location-wrapper { + float: left; + margin-left: 15px; +} +#jot-preview-link { + float: left; + margin-left: 45px; + margin-top: 0px !important; +} + + +#profile-nolocation-wrapper { + float: left; + margin-left: 15px; +} +#profile-title-wrapper { + float: left; + margin-left: 15px; +} + +#profile-jot-perms { + float: left; + margin-left: 100px; + font-weight: bold; + font-size: 1.2em; +} + + +#profile-jot-perms-end { + /*clear: left;*/ + height: 30px; +} + +#profile-jot-plugin-end{ + clear: both; +} +.profile-jot-net { + float: left; + margin-right: 10px; + margin-top: 5px; + margin-bottom: 5px; +} + +#profile-jot-networks-end { + clear: both; +} + +#profile-jot-end { + /*clear: both;*/ + margin-bottom: 30px; +} +#about-jot-submit-wrapper { + margin-top: 15px; +} +#about-jot-end { + margin-bottom: 30px; +} +#contacts-main { + margin-bottom: 30px; +} + +#profile-listing-desc { + margin-left: 30px; +} + +#profile-listing-new-link-wrapper { + margin-left: 30px; + margin-bottom: 30px; +} +.profile-listing-photo-wrapper { + float: left; +} + +.profile-listing-edit-buttons-wrapper { + clear: both; +} +.profile-listing-photo-edit-link { + float: left; + width: 125px; +} +.profile-listing-end { + clear: both; +} +.profile-listing-edit-buttons-wrapper img{ + border: none; + margin-right: 20px; +} +.profile-listing { + margin-top: 25px; +} +.profile-listing-name { + float: left; + margin-left: 32px; + margin-top: 10px; + color: #3172BD; + font-weight: bold; + width: 200px; + +} +.fortune { + margin-top: 50px; + color: #4444FF; + font-weight: bold; + margin-bottom: 20px; +} + + +.directory-end { + clear: both; +} +.directory-name { + text-align: center; +} +.directory-photo { + margin-left: 25px; +} +.directory-details { + font-size: 0.7em; + text-align: center; + margin-left: 5px; + margin-right: 5px; +} +.directory-item { + float: left; + width: 225px; + height: 260px; + overflow: auto; +} + +#directory-search-wrapper { + margin-top: 20px; + margin-right: 20px; + margin-bottom: 50px; +} + +#directory-search-end { +} + +.directory-photo-img { + border: none; +} + + +.pager { + padding: 10px; + text-align: center; + font-size: 1.0em; + clear:left; +} + +.pager .disabled { + display: none; +} + +.pager_first, +.pager_last, +.pager_prev, +.pager_next, +.pager_n, +.scroll_loader_text { + border: 1px solid black; + background: #EEE; + padding: 4px; +} + +.pager_first a, +.pager_last a, +.pager_prev a, +.pager_next a, +.pager_n a { + text-decoration: none; +} + +.pager_current { + border: 1px solid black; + background: #FFCCCC; + padding: 4px; +} + + +#contact-edit-wrapper { + margin-top: 10px; +} + +#contact-edit-banner-name { + font-size: 1.4em; + font-weight: bold; +} + +#contact-edit-poll-wrapper { + margin-top: 15px; +} + +#contact-edit-poll-text { + margin-top: 15px; + margin-bottom: 5px; +} + +#contact-edit-update-now { + margin-top: 15px; +} + +#contact-edit-links{ + clear: both; +} + +#contact-edit-links ul { + list-style: none; + list-style-type: none; + margin-left: 0px; + padding-left: 0px; +} + +#contact-edit-links li { + margin-top: 5px; +} + +#contact-edit-drop-link { + float: right; + margin-right: 20px; +} + +#contact-edit-nav-end { + clear: both; +} + +#contact-edit-wrapper { + width: 100%; +} + +#contact-edit-end { + clear: both; + margin-top: 15px; +} + +#contact-profile-selector { + width: 175px; + /*margin-left: 175px;*/ +} + +.contact-select { position: absolute; top: 64px; left:64px; display:none; } +.contact-select:checked, +.contact-entry-photo:hover .contact-select { display:block; } + +.contact-photo-menu-button { + position: absolute; + background-image: url("photo-menu.jpg"); + background-position: top left; + background-repeat: no-repeat; + margin: 0px; padding: 0px; + width: 16px; + height: 16px; + top: 64px; left:0px; + overflow: hidden; + text-indent: 40px; + display: none; + +} +.contact-photo-menu { + width: auto; + border: 2px solid #444444; + background: #FFFFFF; + position: absolute; + left: 0px; top: 90px; + display: none; + z-index: 10000; +} +.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } +.contact-photo-menu li a { display: block; padding: 2px; } +.contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; } + + +#block-message, #ignore-message, #archive-message, #lost-contact-message { + color: #FF0000; +} + +#profile-edit-insecure { + margin-top: 20px; + color: #FF0000; + font-size: 1.1em; + border: 1px solid #FF8888; + background-color: #FFEEEE; + padding-left: 5px; + /*: 3px 3px 3px 5px; */ + width: 587px; +} + +#profile-jot-text { + height: 20px; + width: 100%; + color:#cccccc; + border: 1px solid #cccccc; + padding: 3px 0px 0px 5px; + -moz-border-radius: 3px; + border-radius: 3px; +} + + +/** acl **/ +#photo-edit-perms-select, +#photos-upload-permissions-wrapper, +#profile-jot-acl-wrapper{ + display:block!important; +} + +#photos-usage-message { + margin-bottom: 15px; +} + +#acl-wrapper { + width: 690px; + float:left; +} +#acl-wrapper a:hover { + text-decoration: none; + color:#000000; +} +/** /acl **/ + + +.comment-edit-text-empty { + color: gray; + height: 2em; + width: 175px; + overflow: auto; + margin-bottom: 10px; +} + +.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-text-empty { + height: 1.5em; +} + +.comment-edit-text-full { + color: black; + height: 150px; + width: 350px; + overflow: auto; +} + +#circle-new-submit-wrapper { + margin-top: 30px; +} + +#circle-edit-name-label { + float: left; + width: 175px; + margin-top: 20px; + margin-bottom: 20px; +} + +#circle-edit-name { + float: left; + width: 225px; + margin-top: 20px; + margin-bottom: 20px; +} + +#circle-edit-name-wrapper { + + +} + + +#circle_members_select_label { + display: block; + float: left; + width: 175px; +} + +.circle_members_select { + float: left; + width: 230px; + overflow: auto; +} + +#circle_members_select_end { + clear: both; +} +#circle-edit-name-end { + clear: both; +} + +#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { + margin-bottom: 10px; + margin-top: 20px; +} + +#prvmail-submit { + float: left; + margin-top: 10px; + margin-right: 30px; +} +#prvmail-upload-wrapper, +#prvmail-link-wrapper, +#prvmail-rotator-wrapper { + float: left; + margin-top: 10px; + margin-right: 10px; + width: 24px; +} + +#prvmail-end { + clear: both; +} + +.mail-list-sender, +.mail-list-detail { + float: left; +} +.mail-list-detail { + margin-left: 20px; +} + +.mail-list-subject { + font-size: 1.1em; + margin-top: 10px; +} +a.mail-list-link { + display: block; + font-size: 1.3em; + padding: 4px 0; +} + +/* +*a.mail-list-link:hover { +* background-color: #15607B; +* color: #F5F6FB; +*} +*/ + +.mail-list-outside-wrapper-end { + clear: both; +} + +.mail-list-outside-wrapper { + margin-top: 30px; +} + +.mail-list-delete-wrapper { + float: right; + margin-right: 30px; + margin-top: 15px; +} + +.mail-list-delete-icon { + border: none; +} + +.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; +} + +.message-links ul { + list-style-type: none; + padding: 0px; +} + +.message-links li { + margin-top: 10px; + float: left; +} +.message-links a { + padding: 3px 5px; +} + +.message-links-end { + clear: both; +} + +#sidebar-circle-list ul { + list-style-type: none; +} +.sidebar-circle-li .notify, .group-widget-entry .notify { + display: none; + font-size: 9px; + border: 1px solid rgb(221, 221, 221); + padding: 2px; + float: right; + background-color: #BABDB6; +} +.sidebar-circle-li .notify.show, .group-widget-entry .notify.show { + display: block; +} + +#sidebar-circle-list .icon, #sidebar-circle-list .iconspacer { + display: inline-block; + height: 12px; + width: 12px; +} + +#sidebar-circle-list li { + margin-top: 10px; +} + +#group-list-sidebar ul { + list-style: none; +} + +.nets-ul, .fileas-ul, .category-ul, .datebrowse-ul { + list-style-type: none; +} + +.nets-ul li, .fileas-ul li, .category-ul li, .datebrowse-ul li { + margin-top: 10px; +} + +.nets-link { + margin-left: 24px; +} +.nets-all { + margin-left: 42px; +} + +.fileas-link, .category-link { + margin-left: 24px; +} + +.fileas-all, .category-all { + margin-left: 0px; +} + +#search-save { + margin-left: 5px; +} +.circlesideedit { + margin-right: 10px; +} +#saved-search-ul { + list-style-type: none; +} +.savedsearchdrop, .savedsearchterm { + float: left; + margin-top: 10px; +} +.savedsearchterm { + margin-left: 10px; +} + + +#side-follow-wrapper { + margin-top: 20px; +} +#side-follow-url, #side-peoplefind-url { + margin-top: 5px; +} +#side-follow-submit, #side-peoplefind-submit { + margin-top: 15px; +} + +#side-match-link { + margin-top: 10px; +} + +aside input[type='text'] { + width: 174px; +} + +.widget { + border: 1px solid #DDDDDD; + padding: 8px; + margin-top: 5px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + +} + + +/*.photos { + height: auto; + overflow: auto; +}*/ + +.photos-end { + clear: both; + margin-bottom: 25px; +} + +.photo-album-image-wrapper { + float: left; + margin-top: 15px; + margin-right: 15px; + margin-left: 15px; +/* width: 200px; height: 200px; + overflow: hidden; + position: relative; */ +} +.photo-album-image-wrapper .caption { + display: none; + width: 100%; +/* position: absolute; */ + bottom: 0px; + padding: 0.5em 0.5em 0px 0.5em; + background-color: rgba(245, 245, 255, 0.8); + border-bottom: 2px solid #CCC; + margin: 0px; +} +.photo-album-image-wrapper a:hover .caption { + display:block; +} + +#photo-album-end { + clear: both; + margin-bottom: 25px; +} + +.photo-top-image-wrapper { +/* position: relative; */ + float: left; + margin-top: 15px; + margin-right: 15px; + margin-left: 15px; + margin-bottom: 15px; +/* width: 200px; height: 200px; + overflow: hidden; */ +} +.photo-top-album-name { + width: 100%; + min-height: 2em; +/* position: absolute; */ + bottom: 0px; + padding: 0px 3px; + padding-top: 0.5em; + background-color: rgb(255, 255, 255); +} +#photo-top-end { + clear: both; +} + +#photo-top-links { + margin-bottom: 30px; + margin-left: 30px; +} + +#photos-upload-newalbum-div { + float: left; + width: 175px; +} + +#photos-upload-noshare { + margin-bottom: 10px; +} +#photos-upload-existing-album-text { + float: left; + width: 175px; +} +#photos-upload-newalbum { + float: left; +} +#photos-upload-album-select { + float: left; +} + +#photos-upload-spacer { + margin-top: 25px; +} +#photos-upload-new-end, #photos-upload-exist-end { + clear: both; +} +#photos-upload-exist-end { + margin-bottom: 15px; +} +#photos-upload-submit { + margin-top: 15px; +} + +#photos_upload_applet_wrapper { + margin-bottom: 15px; +} + +#photos-upload-no-java-message { + margin-bottom: 15px; +} + +.video-top-wrapper { + display: inline-block; + vertical-align: top; + margin-top: 15px; + margin-right: 15px; + margin-left: 15px; + margin-bottom: 15px; +} + +#profile-jot-desc { + /*float: left;*/ + width: 480px; + color: #FF0000; + margin-top: 10px; + margin-bottom: 10px; +} + +#character-counter { + float: right; + font-size: 120%; +} + +#character-counter.grey { + color: #888888; +} + +#character-counter.orange { + color: orange; +} +#character-counter.red { + color: red; +} + +#profile-jot-banner-end { + /* clear: both; */ +} + +#photos-upload-select-files-text { + margin-top: 15px; + margin-bottom: 15px; +} + +#photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link { + color: #8888FF; + text-decoration: none; + cursor: pointer; +} + +#photos-upload-perms-menu:hover { + color: #0000FF; + text-decoration: underline; + cursor: pointer; +} +#settings-default-perms-menu { + margin-top: 15px; + margin-bottom: 15px; +} + +#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, #photo-edit-rotate-label { + float: left; + width: 150px; +} + +#photo-edit-perms-end { + margin-bottom: 15px; +} + +#photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname, #photo-edit-rotate { + float: left; + margin-bottom: 25px; +} +#photo-edit-link-wrap { + margin-bottom: 15px; +} +#photo-like-div { + margin-bottom: 25px; +} + +#photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end, #photo-edit-rotate-end { + clear: both; +} + +#photo-edit-rotate-end { + margin-bottom: 15px; +} + +#photo-edit-delete-button { + margin-left: 200px; +} +#photo-edit-end { + margin-bottom: 35px; +} +#photo-caption { + font-size: 110%; + font-weight: bold; + margin-top: 15px; + margin-bottom: 15px; +} + +#in-this-photo-text { + color: #0000FF; + margin-left: 30px; +} + +#in-this-photo { + margin-left: 60px; + margin-top: 10px; + margin-bottom: 20px; +} + +#photo-album-edit-submit, #photo-album-edit-drop { + margin-top: 15px; + margin-bottom: 15px; +} + +#photo-album-edit-drop { + margin-left: 200px; +} + +.circle-delete-wrapper { + float: right; + margin-right: 50px; +} + +#install-dbhost-label, +#install-dbuser-label, +#install-dbpass-label, +#install-dbdata-label, +#install-tz-desc { + float: left; + width: 250px; + margin-top: 10px; + margin-bottom: 10px; + +} + +#install-dbhost, +#install-dbuser, +#install-dbpass, +#install-dbdata { + float: left; + width: 200px; + margin-left: 20px; +} + +#install-dbhost-end, +#install-dbuser-end, +#install-dbpass-end, +#install-dbdata-end, +#install-tz-end { + clear: both; +} + +#install-form select#timezone_select { + float: left; + margin-top: 18px; + margin-left: 20px; +} + +#dfrn-request-networks { + margin-bottom: 30px; +} + +#pause { + position: fixed; + bottom: 5px; + right: 5px; +} + +.sparkle { + cursor: url('lock.cur'), pointer; +/* cursor: pointer !important; */ +} + +.contact-block-div { + float: left; + width: 52px; + height: 52px; +} +.contact-block-textdiv { + float: left; + width: 150px; + height: 34px; +} + +#contact-block-end { + clear: both; +} +.contact-block-link { + float: left; +} +.contact-block-img { + width:48px; + height:48px; +} + +#tag-remove { + margin-bottom: 15px; +} + +#tagrm li { + margin-bottom: 10px; +} + +#tagrm-submit, #tagrm-cancel { + margin-top: 25px; +} + +#tagrm-cancel { + margin-left: 15px; +} + +.wall-item-conv { + margin-top: 5px; + margin-bottom: 25px; +} + +#search-submit { + margin-left: 15px; +} + +#search-box { + margin-bottom: 25px; +} + +.location-label, .homepage-label, .network-label { + float: left; + text-align: right; + display: block; + width: 65px; +} + +.adr, .homepage-url, .x-network { + display: inline-block; + margin-left: 8px; +} + +.profile-clear { + clear: both; +} + + +.clear { + clear: both; +} + +.cc-license { + margin-top: 50px; + font-size: 70%; +} + + +#addon-settings-link, #account-settings-link { + margin-bottom: 10px; +} + +#uexport-link { + margin-bottom: 20px; +} + +/* end from default */ + + +.fn { + padding: 0px 0px 5px 12px; + font-size: 120%; + font-weight: bold; +} + +.vcard .title, +.vcard .p-addr { + margin-bottom: 5px; + margin-left: 12px; +} + +.vcard .account-type { + font-size: 120%; + margin-bottom: 13px; +} + +.vcard dl { + clear: both; + display: inline-block; +} + +#birthday-title { + float: left; + font-weight: bold; +} + +#birthday-title-end { + clear: both; +} + +.birthday-list { + margin-left: 15px; +} + +#birthday-wrapper { + margin-bottom: 20px; +} + +#network-new-link { + margin-top: 15px; + margin-bottom: 15px; +} + + +.tool-wrapper { + float: left; + margin-left: 15px; +} + +.tool-link { + cursor: pointer; +} + +.eventcal { + float: left; + font-size: 20px; +} + +#event-summary-text { + margin-top: 15px; +} + +#event-share-checkbox { + float: left; + margin-top: 10px; +} + +#event-share-text { + float: left; + margin-top: 10px; + margin-left: 5px; +} + +#event-share-break { + clear: both; + margin-bottom: 10px; +} + +#event-summary { + width: 400px; +} + +.vevent { + border: 1px solid #CCCCCC; +} + +.vevent .event-summary { + margin-left: 10px; + margin-right: 10px; + font-weight: bold; +} + +.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; + clear: both; +} + +.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; +} + +.settings-block { + border-bottom: 1px solid #AAA; +} + +.app-title { + margin: 10px; +} + +#identity-delegation-desc { + margin-top:15px; + margin-bottom: 15px; +} + +#identity-delegation-choose { + margin-bottom: 15px; +} + +#identity-submit { + margin-top: 20px; +} + +#photo-prev-link, #photo-next-link { + padding: 10px; + float: left; +} + +#photo-photo { + float: left; +} + +#photo-photo-end { + clear: both; +} + +.profile-match-photo { + float: left; + text-align: center; + width: 120px; +} + +.profile-match-name { + float: left; + text-align: center; + width: 120px; + overflow: hidden; +} + +.profile-match-break, +.profile-match-end { + clear: both; +} + +.profile-match-connect { + text-align: center; + font-weight: bold; +} + +.profile-match-wrapper { + float: left; + padding: 10px; + width: 120px; + height: 120px; + scroll: auto; +} +#profile-match-wrapper-end { + clear: both; +} +.side-link { + margin-bottom: 15px; +} + +#circle-members { + margin-top: 20px; + padding: 10px; + height: 250px; + overflow: auto; + border: 1px solid #ddd; +} + +#circle-members-end { + clear: both; +} + +#circle-separator { + margin-top: 10px; + margin-bottom: 10px; +} + +#circle-all-contacts { + padding: 10px; + height: 450px; + overflow: auto; + border: 1px solid #ddd; +} + +#circle-all-contacts-end { + clear: both; + margin-bottom: 10px; +} + +#circle-edit-desc { + margin-top: 15px; +} + + +#prof-members { + margin-top: 20px; + padding: 10px; + height: 250px; + overflow: auto; + border: 1px solid #ddd; +} + +#prof-members-end { + clear: both; +} + +#prof-separator { + margin-top: 10px; + margin-bottom: 10px; +} + +#prof-all-contacts { + padding: 10px; + height: 450px; + overflow: auto; + border: 1px solid #ddd; +} + +#prof-all-contacts-end { + clear: both; + margin-bottom: 10px; +} + +#prof-edit-desc { + margin-top: 15px; +} + +#contact-advanced-name-label, +#contact-advanced-nick-label, +#contact-advanced-attag-label, +#contact-advanced-url-label, +#contact-advanced-request-label, +#contact-advanced-confirm-label, +#contact-advanced-notification-label, +#contact-advanced-photo-label, +#contact-advanced-poll-label { + float: left; + width: 200px; + margin-bottom: 15px; +} + +#contact-advanced-name, +#contact-advanced-nick, +#contact-advanced-attag, +#contact-advanced-url, +#contact-advanced-request, +#contact-advanced-confirm, +#contact-advanced-notify, +#contact-advanced-photo, +#contact-advanced-poll { + float: left; + width: 300px; +} + + +#netsearch-box { + margin-top: 20px; +} + +#netsearch-box #search-submit { + margin: 5px 0px 0px 0px; +} + +.required { + color: #FF0000; +} + +#event-start-text, #event-finish-text { + margin-top: 10px; + margin-bottom: 5px; +} + +#event-nofinish-checkbox, #event-nofinish-text { + float: left; +} +#event-datetime-break { + margin-bottom: 10px; +} + +#event-nofinish-break { + clear: both; +} + +#event-desc-text, #event-location-text { + margin-top: 10px; + margin-bottom: 5px; +} +#event-submit { + margin-top: 10px; +} + +.body-tag, .filesavetags, .categorytags { + opacity: 0.5; + filter:alpha(opacity=50); +} + +.body-tag:hover, .filesavetags:hover, .categorytags:hover { + opacity: 1.0 !important; + filter:alpha(opacity=100) !important; +} + +.item-select { + opacity: 0.1; + filter:alpha(opacity=10); + float: right; + margin-right: 10px; + +} +.item-select:hover, .checkeditem { + opacity: 1; + filter:alpha(opacity=100); +} + + +#item-delete-selected { + margin-top: 30px; +} + +#item-delete-selected-end { + clear: both; +} +#item-delete-selected-icon, #item-delete-selected-desc { + float: left; + margin-right: 5px; +} +#item-delete-selected-desc:hover { + text-decoration: underline; +} + + +.notif-image { + height: 80px; + width: 80px; + margin-right: 15px; +} +.notification-listing-end { + clear: both; + margin-bottom: 15px; +} + + + +/** + * Plugins settings + */ + +.settings-block > h3, +.settings-heading { + border-bottom: 1px solid #babdb6; +} + + +/** + * 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_help { + display: block; + margin-left: 200px; + color: #666666; + +} + +.hidden { display: none!important; } + +.field.radio .field_help { margin-left: 0px; } + + + +/** + * 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 #addonslist { + margin: 0px; padding: 0px; +} +#adminpage .addon { + list-style: none; + display: block; + border: 1px solid #888888; + padding: 1em; + margin-bottom: 5px; + clear: left; +} +#adminpage .addon .desc { margin-left: 2.5em;} +#adminpage .toggleaddon { + float:left; + margin-right: 1em; +} + +#adminpage table {width:100%; border-bottom: 1px 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; } + +/* + * UPDATE + */ +.popup { + width: 100%; height: 100%; + top:0px; left:0px; + position: absolute; + display: none; +} + +.popup .background { + background-color: rgba(0,0,0,128); + opacity: 0.5; + width: 100%; height: 100%; + position: absolute; + top:0px; left:0px; +} +.popup .panel { + top:25%;left:25%;width:50%;height:50%; + padding: 1em; + position: absolute; + border: 4px solid #000000; + background-color: #FFFFFF; +} +.popup .panel .panel_text { display: block; overflow: auto; height: 80%; } +.popup .panel .panel_in { width: 100%; height: 100%; position: relative; } +.popup .panel .panel_actions { width: 100%; bottom: 4px; left: 0px; position: absolute; } +.panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px} +.panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;} + +/** + * 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; +} + +/** + * ICONS + */ +.iconspacer { + display: block; width: 16px; height: 16px; +} + +.icon { + display: block; width: 16px; height: 16px; + background-image: url('../../../images/icons.png'); +} +.article { background-position: 0px 0px;} +.audio { background-position: -16px 0px;} +.block { background-position: -32px 0px;} +.drop { background-position: -48px 0px;} +.drophide { background-position: -64px 0px;} +.edit { background-position: -80px 0px;} +.camera { background-position: -96px 0px;} +.dislike { background-position: -112px 0px;} +.like { background-position: -128px 0px;} +.link { background-position: -144px 0px;} + +.globe { background-position: 0px -16px;} +.noglobe { background-position: -16px -16px;} +.no { background-position: -32px -16px;} +.pause { background-position: -48px -16px;} +.play { background-position: -64px -16px;} +.pencil { background-position: -80px -16px;} +.small-pencil { background-position: -96px -16px;} +.recycle { background-position: -112px -16px;} +.remote-link { background-position: -128px -16px;} +.share { background-position: -144px -16px;} + +.tools { background-position: 0px -32px;} +.lock { background-position: -16px -32px;} +.unlock { background-position: -32px -32px;} +.video { background-position: -48px -32px;} +.youtube { background-position: -64px -32px;} +.attach { background-position: -80px -32px; } +.language { background-position: -96px -32px; } +.prev { background-position: -112px -32px; } +.next { background-position: -128px -32px; } +.on { background-position: -144px -32px; } + +.off { background-position: 0px -48px; } +.pinned { background-position: -16px -48px; } +.unpinned { background-position: -32px -48px; } +.starred { background-position: -16px -48px; } +.unstarred { background-position: -32px -48px; } +.tagged { background-position: -48px -48px; } +.yellow { background-position: -64px -48px; } + +.attendyes { background-position: -80px -48px; } +.attendno { background-position: -96px -48px; } +.attendmaybe { background-position: -112px -48px; } + +.filer-icon { + display: block; width: 16px; height: 16px; + background-image: url('file.gif'); +} + +.icon.dim { opacity: 0.3;filter:alpha(opacity=30); } +[class^="comment-edit-bb"] { + list-style: none; + display: none; + margin: 0px 0 -5px 0px; + padding: 0px; + width: 75%; +} +[class^="comment-edit-bb"] > li { + display: inline-block; + margin: 10px 10px 0 0; + visibility: none; +} +[class^="comment-edit-bb-end"] { + clear: both; +} +.editicon { + display: inline-block; + width: 16px; + height: 16px; + background-image: url(bbedit.png); + background-color: #fff; + 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'); + background-position: -80px 0px; +} + +.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; } + + +/* autocomplete popup */ +.acpopup { + background-color:#ffffff; + overflow:auto; + border:1px solid #cccccc; +} +.acpopup-mce { + max-height:150px; + background-color:#ffffff; + overflow:auto; + border:1px solid #cccccc; +} +.acpopupitem { + background-color:#ffffff; padding: 4px; + clear:left; +} +.acpopupitem img { + float: left; + margin-right: 4px; +} + +.acpopupitem.selected { + color: #FFFFFF; background: #3465A4; +} +.textcomplete-item.active { + color: #FFFFFF; background: #3465A4; +} +.active a .acpopup-sub-text { + color: #fff; +} + +/* 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; +} +#jGrowl.top-right { + top: 15px; + right: 15px; +} +.qcomment { + border: 1px solid #EEE; + padding: 3px; + margin-top: 15px; + margin-left: 25px; + width: 125px; + overflow-y: auto; +} + + +.qcomment option { + width: 125px; + overflow-x: hidden; +} + +.qcomment { + opacity: 0.3; + filter:alpha(opacity=30); +} +.qcomment:hover { + opacity: 1.0; + filter:alpha(opacity=100); +} + +/* notifications popup menu */ +.delegation-notify { + font-size: 10px; + padding: 1px 3px; + top: 0px; + min-width: 15px; + text-align: center; + float: right; + margin-top: -14px; + margin-right: -20px; +} + +.nav-notification { + display: none; + position: absolute; + font-size: 10px; + padding: 1px 3px; + top: 0px; + right: -10px; + min-width: 15px; + text-align: right; +} +.nav-notification.show { + display: block; +} +#nav-notifications-menu { + width: 320px; + max-height: 400px; + overflow-y: scroll;overflow-style:scrollbar; + background-color:#FFFFFF; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius:5px; + border: 1px solid #888; + top: 90px; + left: 200px; +} +#nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; } +#nav-notifications-menu img { float: left; margin-right: 5px; } +#nav-notifications-menu .notif-when { font-size: 0.8em; display: block; } +#nav-notifications-menu li { + padding: 7px 0px 7px 10px; + word-wrap:normal; + border-bottom: 1px solid #000; +} + +#nav-notifications-menu li:hover { + +} + +#nav-notifications-menu a:hover { + text-decoration: underline; +} + +.notif-item a { + color: #000000; +} + +.notif-item a:hover { + text-decoration: underline; +} + +.notif-image { + width: 32px; + height: 32px; + padding: 7px 7px 0px 0px; +} + +.notification-seen { + background: #DDDDDD; +} + +#id_term_label { + width:75px; +} +#id_term { + width:100px; +} + +.autocomplete-w1 { background: #ffffff no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; } +.autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; } +.autocomplete .selected { background:#F0F0F0; } +.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; } + +#datebrowse-sidebar select { + margin-left: 25px; +} + +#div_id_remember label { + width: 170px; +} +#div_id_remember input { + width: 20px; +} + +/* small screens */ +@media all and (max-width: 1089px) { + .field label { width: 90%; } + .field input, .field textarea, .field select { width: 90%; } + .field input[type="checkbox"],.field input[type="radio"] { + width: 2em; + } + #id_openid_url { width: 85%; } + .field_help { margin-left: 0px; } + textarea { width: 100%; } +} +@media all and (max-width: 760px) { + body { background-image: none; } + nav, aside, section, footer { + margin: 0px; + float: none; + position: relative; + width: 100%; + padding: 0.5em; + height: auto; + box-sizing: border-box; + } + aside:before { + content: ">>"; + display: block; + background-color: #eee; + } + aside { overflow: hidden; min-height: 0; height: 1em;} + aside:hover, aside:focus { height: auto; } + + nav .nav-link { + float: left; + width: 23%; + min-width: 100px; + height: 15px; + display: block; + margin: 0.4em 2px 0 0; + + padding: 6px 3px; + border-width: 1px 1px 0px; + border-style: solid solid none; + border-color: rgb(186, 189, 182); + background-color: rgb(174, 192,211)!important; + } + .nav-commlink.selected, + .nav-commlink { + border-bottom: 0px; + padding: 6px 3px; + min-width: 100px; + float: left; + margin-top: 0.4em; + width: 23%; + bottom: auto; + } + .nav-ajax-left {margin-left: -1em; margin-top: 0px; } + nav #site-location, + nav #banner { position: relative; clear:both; } + ul.menu-popup { left: 0px; top: 20px; } + +} + +/* videos page */ +.videos .video-top-wrapper { + width: 300px; + float: left; + margin: 0px 10px 10px 0px; + position: relative; +} +.videos .video-top-wrapper .video-delete { + position: absolute; + opacity: 0; + right: 0px; + top: 0px; + transition: opacity 0.5s; +} +.videos .video-top-wrapper:hover .video-delete { + opacity: 1; +} +#message-preview .mail-list-sender-url, #message-preview .mail-list-delete { + display: none; +} +#message-preview .mail-list-outside-wrapper { + margin-top: 20px; +} diff --git a/duepuntozero/style.php b/duepuntozero/style.php new file mode 100644 index 0000000..88d013f --- /dev/null +++ b/duepuntozero/style.php @@ -0,0 +1,52 @@ +has(\Friendica\App\Mode::MAINTENANCEDISABLED)) { + $s_colorset = DI::config()->get('duepuntozero', 'colorset'); + $colorset = DI::pConfig()->get($_REQUEST['puid'] ?? 0, 'duepuntozero', 'colorset', $s_colorset); +} + +$setcss = ''; + +if ($colorset) { + if ($colorset == 'greenzero') { + $setcss = file_get_contents('view/theme/duepuntozero/deriv/greenzero.css'); + } + + if ($colorset == 'purplezero') { + $setcss = file_get_contents('view/theme/duepuntozero/deriv/purplezero.css'); + } + + if ($colorset == 'easterbunny') { + $setcss = file_get_contents('view/theme/duepuntozero/deriv/easterbunny.css'); + } + + if ($colorset == 'darkzero') { + $setcss = file_get_contents('view/theme/duepuntozero/deriv/darkzero.css'); + } + + if ($colorset == 'comix') { + $setcss = file_get_contents('view/theme/duepuntozero/deriv/comix.css'); + } + + if ($colorset == 'slackr') { + $setcss = file_get_contents('view/theme/duepuntozero/deriv/slackr.css'); + } +} + +echo $setcss; diff --git a/duepuntozero/templates/comment_item.tpl b/duepuntozero/templates/comment_item.tpl new file mode 100644 index 0000000..7ed82fd --- /dev/null +++ b/duepuntozero/templates/comment_item.tpl @@ -0,0 +1,70 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + + {{if $threaded}} +
+ {{else}} +
+ {{/if}} +
+ + + {{**}} + + + +
+ {{$mytitle}} +
+
+
    +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
+
+ + {{if $qcomment}} + + {{/if}} + +
+ + +
+
+
diff --git a/duepuntozero/templates/nav.tpl b/duepuntozero/templates/nav.tpl new file mode 100644 index 0000000..87af153 --- /dev/null +++ b/duepuntozero/templates/nav.tpl @@ -0,0 +1,77 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + + diff --git a/duepuntozero/templates/profile/schedule.tpl b/duepuntozero/templates/profile/schedule.tpl new file mode 100644 index 0000000..d4bd49c --- /dev/null +++ b/duepuntozero/templates/profile/schedule.tpl @@ -0,0 +1,31 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+

{{$title}}

+ + + + + + + + + {{foreach $schedule as $row}} + + + + + + {{/foreach}} + +
{{$scheduled_at}}{{$content}}
{{$row.scheduled_at}}{{$row.content}} +
+ + +
+
+
diff --git a/duepuntozero/templates/profile/vcard.tpl b/duepuntozero/templates/profile/vcard.tpl new file mode 100644 index 0000000..dbcd39a --- /dev/null +++ b/duepuntozero/templates/profile/vcard.tpl @@ -0,0 +1,59 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + +
+ +
{{$profile.name}}
+ + {{if $profile.addr}}
{{$profile.addr}}
{{/if}} + +
{{$profile.name}}
+ + {{if $account_type}}{{/if}} + + {{if $profile.network_link}}
{{$network}}
{{$profile.network_link nofilter}}
{{/if}} + + {{if $location}} +
+
{{$location}}
+
+ {{if $profile.address}}

{{$profile.address nofilter}}

{{/if}} + {{if $profile.location}}

{{$profile.location}}

{{/if}} +
+
+ {{/if}} + + {{if $profile.about}}
{{$profile.about nofilter}}
{{/if}} + + {{if $profile.upubkey}}{{/if}} + + {{if $homepage}}
{{$homepage}}
{{$profile.homepage}}
{{/if}} + + {{include file="diaspora_vcard.tpl"}} + +
+ +
+ +{{$contact_block nofilter}} + + diff --git a/duepuntozero/templates/theme_settings.tpl b/duepuntozero/templates/theme_settings.tpl new file mode 100644 index 0000000..07f160b --- /dev/null +++ b/duepuntozero/templates/theme_settings.tpl @@ -0,0 +1,14 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + + +{{include file="field_select.tpl" field=$colorset}} + +
+ +
+ diff --git a/duepuntozero/theme.php b/duepuntozero/theme.php new file mode 100644 index 0000000..9ab5dd4 --- /dev/null +++ b/duepuntozero/theme.php @@ -0,0 +1,120 @@ +has(Mode::MAINTENANCEDISABLED)) { + $colorset = DI::pConfig()->get(DI::userSession()->getLocalUserId(), 'duepuntozero', 'colorset'); + if (!$colorset) + $colorset = DI::config()->get('duepuntozero', 'colorset'); // user setting have priority, then node settings + } + + if ($colorset) { + if ($colorset == 'greenzero') + DI::page()['htmlhead'] .= '' . "\n"; + if ($colorset == 'purplezero') + DI::page()['htmlhead'] .= '' . "\n"; + if ($colorset == 'easterbunny') + DI::page()['htmlhead'] .= '' . "\n"; + if ($colorset == 'darkzero') + DI::page()['htmlhead'] .= '' . "\n"; + if ($colorset == 'comix') + DI::page()['htmlhead'] .= '' . "\n"; + if ($colorset == 'slackr') + DI::page()['htmlhead'] .= '' . "\n"; + } +DI::page()['htmlhead'] .= <<< EOT + +EOT; +} + +/** + * @param int|null $uid + * @return null + * @see \Friendica\Core\Theme::getBackgroundColor() + * @TODO Implement this function + */ +function duepuntozero_get_background_color(int $uid = null) +{ + return null; +} + +/** + * @param int|null $uid + * @return null + * @see \Friendica\Core\Theme::getThemeColor() + * @TODO Implement this function + */ +function duepuntozero_get_theme_color(int $uid = null) +{ + return null; +} diff --git a/duepuntozero/unsupported b/duepuntozero/unsupported new file mode 100644 index 0000000..e69de29 diff --git a/quattro/Makefile b/quattro/Makefile new file mode 100755 index 0000000..042fcdd --- /dev/null +++ b/quattro/Makefile @@ -0,0 +1,10 @@ +all: + cd dark; make; cd .. + cd green; make; cd .. + cd lilac; make; cd .. + +clean: + rm dark/style.css + rm green/style.css + rm lilac/style.css + diff --git a/quattro/TODO b/quattro/TODO new file mode 100755 index 0000000..1263855 --- /dev/null +++ b/quattro/TODO @@ -0,0 +1,2 @@ +jot.tpl: diff --git a/quattro/config.php b/quattro/config.php new file mode 100644 index 0000000..4406b3d --- /dev/null +++ b/quattro/config.php @@ -0,0 +1,83 @@ +getLocalUserId()) { + return; + } + + $align = DI::pConfig()->get(DI::userSession()->getLocalUserId(), 'quattro', 'align' ); + $color = DI::pConfig()->get(DI::userSession()->getLocalUserId(), 'quattro', 'color' ); + $tfs = DI::pConfig()->get(DI::userSession()->getLocalUserId(),"quattro","tfs"); + $pfs = DI::pConfig()->get(DI::userSession()->getLocalUserId(),"quattro","pfs"); + + return quattro_form($appHelper,$align, $color, $tfs, $pfs); +} + +function theme_post(AppHelper $appHelper) { + if (!DI::userSession()->getLocalUserId()) { + return; + } + + if (isset($_POST['quattro-settings-submit'])){ + DI::pConfig()->set(DI::userSession()->getLocalUserId(), 'quattro', 'align', $_POST['quattro_align']); + DI::pConfig()->set(DI::userSession()->getLocalUserId(), 'quattro', 'color', $_POST['quattro_color']); + DI::pConfig()->set(DI::userSession()->getLocalUserId(), 'quattro', 'tfs', $_POST['quattro_tfs']); + DI::pConfig()->set(DI::userSession()->getLocalUserId(), 'quattro', 'pfs', $_POST['quattro_pfs']); + } +} + +function theme_admin(AppHelper $appHelper) { + $align = DI::config()->get('quattro', 'align' ); + $color = DI::config()->get('quattro', 'color' ); + $tfs = DI::config()->get("quattro","tfs"); + $pfs = DI::config()->get("quattro","pfs"); + + return quattro_form($appHelper,$align, $color, $tfs, $pfs); +} + +function theme_admin_post() { + if (isset($_POST['quattro-settings-submit'])){ + DI::config()->set('quattro', 'align', $_POST['quattro_align']); + DI::config()->set('quattro', 'color', $_POST['quattro_color']); + DI::config()->set('quattro', 'tfs', $_POST['quattro_tfs']); + DI::config()->set('quattro', 'pfs', $_POST['quattro_pfs']); + } +} + +/// @TODO $a is no longer used here +function quattro_form(AppHelper $appHelper, $align, $color, $tfs, $pfs) { + $colors = [ + "dark" => "Quattro", + "lilac" => "Lilac", + "green" => "Green", + ]; + + if ($tfs === false) { + $tfs = "20"; + } + if ($pfs === false) { + $pfs = "12"; + } + + $t = Renderer::getMarkupTemplate("theme_settings.tpl" ); + $o = Renderer::replaceMacros($t, [ + '$submit' => DI::l10n()->t('Submit'), + '$title' => DI::l10n()->t("Theme settings"), + '$align' => ['quattro_align', DI::l10n()->t('Alignment'), $align, '', ['left' => DI::l10n()->t('Left'), 'center' => DI::l10n()->t('Center')]], + '$color' => ['quattro_color', DI::l10n()->t('Color scheme'), $color, '', $colors], + '$pfs' => ['quattro_pfs', DI::l10n()->t('Posts font size'), $pfs], + '$tfs' => ['quattro_tfs', DI::l10n()->t('Textareas font size'), $tfs], + ]); + return $o; +} diff --git a/quattro/dark/Makefile b/quattro/dark/Makefile new file mode 100755 index 0000000..c9b77b4 --- /dev/null +++ b/quattro/dark/Makefile @@ -0,0 +1,5 @@ +## + +style.css : style.less colors.less ../icons.less ../quattro.less + echo "/* THIS FILE IS GENERATED FROM THE less SOURCE DO NOT EDIT MANUALLY */" > style.css + lessc style.less >> style.css diff --git a/quattro/dark/colors.less b/quattro/dark/colors.less new file mode 100644 index 0000000..a5ffede --- /dev/null +++ b/quattro/dark/colors.less @@ -0,0 +1,124 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +// 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); +@Metallic1:rgb(189,205,212); +@Metallic2:rgb(158,171,176); +@Metallic3:rgb(54,78,89); +@Metallic4: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:@Metallic4; +@NavbarSelectedBg:@Metallic3; +@NavbarSelectedBorder: @Metallic2; +@NavbarNotifBg: @Blue1; + +@Menu: @Grey5; +@MenuBg: @Grey1; +@MenuBorder: @Metallic3; +@MenuItem: @Grey5; +@MenuItemHoverBg: @Metallic1; +@MenuItemSeparator: @Metallic2; +@MenuEmpty: @Metallic2; +@MenuItemDetail: @Metallic2; + +@AsideBorder: @Metallic1; +@AsideConnect: @Grey1; +@AsideConnectBg: @Blue3; +@AsideConnectHoverBg: @Blue1; +@VCardLabelColor: @Grey3; + +@InfoColor: @Grey1; +@InfoBackgroundColor: @Metallic3; + +@NoticeColor: @Grey1; +@NoticeBackgroundColor: #511919; + +@FieldHelpColor: @Grey3; + +@ThreadBackgroundColor: #eff0f1; +@ThreadBottomBorderColor: @Grey2; +@ShinyBorderColor: @Yellow1; + +@ItemColor: @Grey5; +@ItemColorDimmed: @Grey3; + +@BlockquoteBackgroundColor: #FFFFFF; +@BlockquoteBorderColor: #e6e6e6; + +@CommentBoxEmptyColor: @Grey3; +@CommentBoxEmptyBorderColor: @Grey3; +@CommentBoxFullColor: @Grey5; +@CommentBoxFullBorderColor: @Grey5; + +@TagColor: @Grey1; +@MentionColor: @Grey4; + +@JotToolsBackgroundColor: @Metallic4; +@JotToolsBorderColor: @Metallic2; +@JotToolsOverBackgroundColor: @Metallic3; +@JotToolsOverBorderColor: @Metallic1; +@JotToolsText: @Grey2; +@JotSubmitBackgroundColor: @Grey2; +@JotSubmitText: @Grey4; +@JotSubmitOverBackgroundColor: @Metallic1; +@JotSubmitOverText: @Grey4; +@JotPermissionUnlockBackgroundColor: @Grey2; +@JotPermissionLockBackgroundColor: @Grey4; +@JotLoadingBackgroundColor: @Grey1; +@JotPreviewBackgroundColor: @Yellow1; + +@MessageNewBackgroundColor: @Blue1; +@MessageNewBorderColor: @Blue3; +@MessageNewColor: @Grey1; + +@MailListBackgroundColor: #f6f7f8; + +@MailDisplaySubjectColor: @Grey5; +@MailDisplaySubjectBackgroundColor: #f6f7f8; + +@NotificationsPageListOddBackground: @Grey1; +@NotificationsPageListEvenBackground: @Grey2; diff --git a/quattro/dark/style.css b/quattro/dark/style.css new file mode 100644 index 0000000..4bb43a9 --- /dev/null +++ b/quattro/dark/style.css @@ -0,0 +1,2544 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +/* THIS FILE IS GENERATED FROM THE less SOURCE DO NOT EDIT MANUALLY */ +/** + * Fabio Comuni + **/ +/* 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.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.mail { + background-image: url("icons/messages_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.pencil { + 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.remote-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-application { + 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.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.s10.mail { + background-image: url("icons/messages_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.pencil { + 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.remote-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-application { + 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.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.s16.mail { + background-image: url("icons/messages_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.pencil { + 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.remote-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-application { + 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.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.s22.mail { + background-image: url("icons/messages_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.pencil { + 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.remote-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-application { + 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.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.s48.mail { + background-image: url("icons/messages_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.pencil { + 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.remote-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-application { + 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 0 0 0; + 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; +} +blockquote { + background: #FFFFFF; + padding: 1em; + margin-left: 1em; + border-left: 1em solid #e6e6e6; +} +pre 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: 0; + padding: 1em; + list-style: none; + border: 3px solid #364e59; + z-index: 100000; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + box-shadow: 0 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; +} +/* notifications page */ +.notif-item { + padding: 0.5em; +} +.notif-item:nth-child(even) { + background-color: #cccccc; +} +.notif-item:nth-child(odd) { + background-color: #ffffff; +} +.notif-item .notif-image { + width: 16px; +} +/* header */ +header { + position: fixed; + left: 43%; + right: 43%; + top: 0; + margin: 0; + padding: 0; + /*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: 0; + top: 0; + padding: 0; + background-color: #0e232e; + color: #ffffff; + z-index: 100; + -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 0 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: 0; + padding: 0 20px; +} +nav ul li { + list-style: none; + margin: 0; + padding: 0; + float: left; +} +nav ul li .menu-popup { + left: 0; + right: auto; +} +nav .nav-menu-icon { + position: relative; + height: 22px; + padding: 5px; + margin: 0 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-notification { + top: 3px; +} +nav .nav-menu { + position: relative; + height: 16px; + padding: 5px; + margin: 3px 15px 0; + font-size: 14px; + border-bottom: 3px solid #0e232e; +} +nav .nav-menu.selected { + border-bottom: 3px solid #9eabb0; +} +nav .nav-notification { + 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: 0; + right: -10px; + min-width: 15px; + text-align: right; +} +nav .nav-notification.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: 0; + 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-introductions-link.on .icon.s22.intro, +nav #nav-introductions-link.selected .icon.s22.intro { + background-image: url("icons/contacts_on.png"); +} +nav #nav-messages-link.on .icon.s22.mail, +nav #nav-messages-link.selected .icon.s22.mail { + background-image: url("icons/messages_on.png"); +} +nav #nav-apps-link.selected { + background-color: #364e59; +} +ul.menu-popup { + position: absolute; + display: none; + width: 10em; + background: #ffffff; + color: #2d2d2d; + margin: 0; + padding: 0; + list-style: none; + border: 3px solid #364e59; + z-index: 100000; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + box-shadow: 0 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 */ +.autocomplete, +.acpopup-mce { + max-height: 150px; +} +.autocomplete, +.acpopup-mce, +.acpopup { + background-color: #ffffff; + color: #2d2d2d; + border: 1px solid #364e59; + overflow: auto; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); +} +.autocomplete > div, +.acpopupitem { + color: #2d2d2d; + padding: 4px; + clear: left; + overflow: auto; + height: auto; +} +.autocomplete > div img, +.acpopupitem img { + float: left; + margin-right: 4px; + width: 16px !important; + height: 16px !important; +} +.autocomplete > div.selected, +.acpopupitem.selected { + background-color: #bdcdd4; +} +.textcomplete-item { + color: #2d2d2d; +} +.textcomplete-item a:hover { + color: #2d2d2d; +} +.textcomplete-item.active { + 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; +} +/* Contact-Header for the Network Stream */ +#viewcontact_wrapper-network { + width: 100%; + min-height: 100px; + background-color: #eff0f1; + border-bottom: 1px solid #cccccc; +} +#viewcontact_wrapper-network #contact-entry-wrapper-network { + float: none; + width: auto; + height: auto; + padding: 10px; +} +#viewcontact_wrapper-network #contact-entry-wrapper-network #contact-entry-accounttype-network { + font-size: 22px; +} +#viewcontact_wrapper-network #contact-entry-wrapper-network #contact-entry-name-network { + font-size: 24.5px; + font-weight: normal; +} +#viewcontact_wrapper-network #contact-entry-wrapper-network .contact-details { + font-size: 12px; +} +/* aside 230px*/ +aside { + display: table-cell; + vertical-align: top; + width: 200px; + padding: 0px 10px 0 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 .p-addr { + margin-bottom: 5px; +} +aside .vcard .account-type { + font-size: 14px; + margin-bottom: 13px; +} +aside .vcard dl { + height: auto; + overflow: auto; +} +aside .vcard dt { + float: left; + margin-left: 0; + width: 35%; + text-align: right; + color: #999999; +} +aside .vcard dd { + float: left; + margin-left: 4px; + width: 60%; +} +aside #profile-extra-links ul { + padding: 0; + margin: 0; +} +aside #profile-extra-links li { + padding: 0.2em 0; + margin: 0; + list-style: none; +} +aside #wallmessage-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; + margin-top: 3px; +} +aside #wallmessage-link:hover { + text-decoration: none; + background-color: #19aeff; +} +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('icons/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 #subscribe-feed-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('icons/rss-bg.png') no-repeat left center; + font-weight: bold; + text-transform: uppercase; + padding: 4px 2px 2px 35px; +} +aside #subscribe-feed-link:hover { + text-decoration: none; + background-color: #19aeff; +} +aside #profiles-menu { + width: 20em; +} +aside .posted-date-selector-months { + margin-left: 10px; +} +#contact-block { + overflow: auto; + height: auto; + /*.contact-block-div { width:60px; height: 60px; }*/ +} +#contact-block .contact-block-h4 { + float: left; + margin: 5px 0; +} +#contact-block .allcontact-link { + float: right; + margin: 5px 0; +} +#contact-block .contact-block-content { + clear: both; + overflow: hidden; + height: auto; +} +#contact-block .contact-block-link { + float: left; + margin: 0 2px 2px 0; +} +#contact-block .contact-block-link img { + width: 48px; + height: 48px; +} +/* circle member */ +#contact-edit-drop-link, +.mail-list-delete-wrapper, +.circle-delete-wrapper { + float: right; + margin-right: 50px; +} +#contact-edit-drop-link .drophide, +.mail-list-delete-wrapper .drophide, +.circle-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, +.circle-delete-wrapper .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + position: relative; + top: -50px; +} +/* +#circle-members { + margin-top: 20px; + padding: 10px; + height: 250px; + overflow: auto; + border: 1px solid #ddd; +} +#circle-members-end { + clear: both; +} +#circle-all-contacts { + padding: 10px; + height: 450px; + overflow: auto; + border: 1px solid #ddd; +} +#circle-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: 0;} + .action .s16 { width: 16px; overflow: hidden; padding: 0;}*/ +} +.widget h3 { + padding: 0; + 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: 0; +} +.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 .notify { + display: none; + background-color: #19AEFF; + border-radius: 5px; + font-size: 10px; + padding: 1px 3px; + min-width: 15px; + text-align: right; + float: right; + color: #ffffff; + margin-right: 10px; +} +.widget .notify.on { + display: block; +} +/* widget: search */ +#add-search-popup { + width: 200px; + top: 18px; +} +/* section 800px */ +section { + display: table-cell; + vertical-align: top; + width: 770px; + padding: 0px 20px 0 10px; +} +.sparkle { + cursor: url('icons/lock.cur'), pointer; +} +/* wall item */ +.tread-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: 700px; +} +.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-events { + float: left; + margin-top: 0.5em; +} +.wall-item-container .wall-item-actions-events a { + margin-right: 3em; +} +.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-social a.active { + font-weight: bold; +} +.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: 0 !important; +} +.wall-item-container.comment .wall-item-links { + padding-left: 12px; +} +.wall-item-container.comment .commentbox { + height: 0; + overflow: hidden; + -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.comment .commentbox .wall-item-comment-wrapper { + border-top: 1px solid #999999; + height: 0; + overflow: hidden; +} +.wall-item-container.comment:hover .commentbox { + height: auto; + overflow: visible; + -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.comment:hover .commentbox .wall-item-comment-wrapper { + border-top: 0; + height: auto; + overflow: visible; +} +/* '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: 10px; + color: #999999; + border: 1px solid #999999; + padding: 0.3em; +} +.wall-item-comment-wrapper .comment-edit-text-full { + height: 4em; + color: #2d2d2d; + border: 1px solid #2d2d2d; +} +.wall-item-comment-wrapper.photo { + margin: 1em 2em 1em 0; +} +.threaded .wall-item-comment-wrapper { + margin-left: 0; +} +.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: 90%; +} +.comment-edit-preview .tread-wrapper { + width: 90%; + padding: 0; + margin: 10px 0; + background-color: #fce94f; + border-bottom: 0; +} +.comment-edit-preview .wall-item-conv { + display: none; +} +.shiny { + border-right: 10px solid #fce94f; +} +#jot-preview-content .tread-wrapper { + background-color: #fce94f; +} +.hide-comments-outer { + margin-bottom: 0.8em; +} +.wall-item-tags { + padding-top: 5px; +} +.tag { + background: url("icons/tag.png") no-repeat center right; + color: #ffffff; + padding-right: 8px; + padding-left: 3px; +} +.tag a { + color: #ffffff; +} +.mention { + background: url("icons/men.png") no-repeat 1px center; + color: #666666; + padding-right: 3px; + padding-left: 18px; +} +.mention a { + color: #666666; +} +.folder { + background: url("icons/folder.png") no-repeat 1px center; + color: #666666; + padding-right: 3px; + padding-left: 15px; +} +.folder a { + color: #666666; +} +.category { + background: url("icons/category.png") no-repeat 1px center; + color: #666666; + padding-right: 3px; + padding-left: 15px; +} +.category a { + color: #666666; +} +/*.filesavetags { + padding: 3px 0 3px 0; + opacity: 0.5; +}*/ +.wwto { + position: absolute !important; + background: #FFFFFF; + border: 2px solid #364e59; + height: 25px; + width: 25px; + overflow: hidden; + padding: 1px; + top: 40px; + left: 30px; + -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); +} +.wwto .contact-photo { + width: 25px; + height: 25px; +} +/* reshare e embed */ +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.wall-item-container .wall-item-content .type-link img.attachment-image, +.type-link img.attachment-image { + max-width: 650px; + max-height: inital; + float: none; + margin-right: 0; +} +.type-link blockquote { + margin: 1em 0; + max-height: 160px; + overflow: hidden; + padding-left: 1em; +} +.type-video blockquote { + padding-left: 1em; +} +/* threaded comments */ +.children { + margin-top: 1em; +} +.children .hide-comments-outer { + margin-left: 60px; +} +.children .wwto { + display: none; +} +.children .comment-edit-preview { + width: 660px; +} +.children .comment-edit-preview .wall-item-container { + width: 610px; +} +.children .children { + margin-left: 40px; +} +.children .children .wall-item-container { + width: 710px; +} +.children .children .comment-edit-preview { + width: 620px; +} +.children .children .comment-edit-preview .wall-item-container { + width: 620px; +} +.children .children .children .wall-item-container { + width: 670px; +} +.children .children .children .comment-edit-preview { + width: 580px; +} +.children .children .children .comment-edit-preview .wall-item-container { + width: 580px; +} +.children .children .children .children .wall-item-container { + width: 630px; +} +.children .children .children .children .comment-edit-preview { + width: 540px; +} +.children .children .children .children .comment-edit-preview .wall-item-container { + width: 540px; +} +.children .children .children .children .children .wall-item-container { + width: 590px; +} +.children .children .children .children .children .comment-edit-preview { + width: 500px; +} +.children .children .children .children .children .comment-edit-preview .wall-item-container { + width: 500px; +} +.children .children .children .children .children .children { + margin-left: 0; +} +.children .children .children .children .children .children .hide-comments-outer { + margin-left: 0; +} +/*.threaded .hide-comments-outer { margin-left: 20px; }*/ +span[id^="showmore-teaser"] { + background: url("showmore-bg.jpg") no-repeat center bottom; +} +span[id^="showmore-wrap"] { + border-top: 1px solid #999999; + color: #999999; + display: block; + text-align: center; + background-color: #eff0f1; +} +#pause { + position: fixed; + bottom: 5px; + right: 5px; +} +.contact-photo-wrapper { + position: relative; +} +.contact-select { + position: absolute; + top: 64px; + left: 64px; + display: none; +} +.contact-select:checked, +.contact-photo:hover .contact-select { + display: block; +} +#contacts-actions { + position: absolute; + left: 800px; + width: 200px; + background-color: #ffffff; + border: 2px solid #364e59; + display: none; +} +#contacts-actions .batch-action { + display: block; + width: 100%; + background-color: #ffffff; + border: 0; + color: #2d2d2d; + text-align: left; + padding: 5px 10px; + font-size: 11px; +} +#contacts-actions .batch-action:hover { + background-color: #bdcdd4; +} +@media (max-width: 1000px) { + #contacts-actions { + left: 40px; + } +} +.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 0; +} +.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: 0; + top: 63px; +} +.contact-wrapper .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + position: relative; + top: 10px; + left: -10px; + z-index: 99; +} +.contact-wrapper .drophide { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + opacity: 0.3; + position: relative; + top: 10px; + left: -10px; + z-index: 99; +} +.contact-wrapper .contact-entry-connect { + padding-top: 5px; + font-weight: bold; +} +.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; +} +#contact-edit-status-wrapper { + border-color: #364e59; +} +/* editor */ +.jothidden { + display: none; +} +#jot { + width: 100%; + margin: 0 2em 20px 0; +} +#jot .profile-jot-text { + height: 1em; + width: 99%; + font-size: 10px; + color: #999999; + border: 1px solid #999999; + padding: 0.3em; +} +#jot #jot-tools { + margin: 0; + padding: 0; + 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: 0; + margin: 0; + padding: 0; + 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: 0; + margin: 0; + 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: 0; + margin: 0; + 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: 0; + background-color: @ButtonBackgroundColor; + color: @ButtonColor; + padding: 0 10px; + .rounded(5px); + height: 18px; +}*/ +a.actionbutton { + border: 1px solid #999999; + background-color: #cccccc; + color: #2d2d2d; + font-size: 8pt; + padding: 2pt; + -moz-border-radius: 5px 5px 5px 5px; + -webkit-border-radius: 5px 5px 5px 5px; + border-radius: 5px 5px 5px 5px; +} +a.actionbutton i.icon { + display: inline-block; + vertical-align: baseline; + padding: 0; +} +a.actionbutton:hover { + text-decoration: none; + background-color: #ffffff; +} +h2 > .actionbutton { + float: right; +} +/** acl **/ +#photo-edit-perms-select, +#photos-upload-permissions-wrapper, +#profile-jot-acl-wrapper { + display: block!important; +} +#acl-wrapper { + width: 690px; + float: left; +} +#acl-wrapper a:hover { + text-decoration: none; + color: #000000; +} +/** /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; +} +/** circle editor **/ +#circle-edit-desc { + margin-top: 1em; + color: #999999; +} +#circle-update-wrapper { + height: auto; + overflow: auto; +} +#circle-update-wrapper #circle { + width: 300px; + float: left; + margin-right: 20px; +} +#circle-update-wrapper #contacts { + width: 300px; + float: left; +} +#circle-update-wrapper #circle-separator { + display: none; +} +#circle-update-wrapper .contact_list { + height: 300px; + border: 1px solid #364e59; + overflow: auto; +} +#circle-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 .hidden { + display: none!important; +} +.field.radio .field_help { + margin-left: 0; +} +#profile-edit-links li { + list-style: none; + margin-top: 10px; +} +#profile-menu { + display: none; +} +#profile-edit-default-desc { + color: #FF0000; + border: 1px solid #FF8888; + background-color: #FFEEEE; + padding: 7px; +} +#profile-edit-name-label, +#profile-edit-about-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-pubkeywords-label, +#profile-edit-prvkeywords-label, +#profile-edit-homepage-label { + float: left; + width: 175px; + padding-top: 7px; +} +#profile-edit-name, +#profile-edit-about, +#profile-edit-dob, +#profile-edit-address, +#profile-edit-locality, +#profile-edit-region, +#profile-edit-postal-code, +#profile-edit-country-name, +#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; +} +/* manage page */ +.identity-match-photo { + position: relative; +} +.identity-match-photo .delegation-notify { + background-color: #19AEFF; + border-radius: 5px; + font-size: 10px; + padding: 1px 3px; + min-width: 15px; + text-align: right; + position: absolute; + right: 10px; + top: -5px; + color: #ffffff; +} +/* videos page */ +.videos .video-top-wrapper { + width: 200px; + float: left; + margin: 0 10px 10px 0; + position: relative; +} +.videos .video-top-wrapper .video-delete { + position: absolute; + opacity: 0; + right: 0; + top: 0; + transition: opacity 0.5s; +} +.videos .video-top-wrapper:hover .video-delete { + opacity: 1; +} +/* 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; +} +#photo-top-upload-link, +.photos-upload-link { + margin: 1em 0; + display: block; +} +.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: 0 10px 10px 0; + 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: 0; + -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 0 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: 0; + 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; + padding-top: 6px; + /* a { display: block;}*/ +} +#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; +} +#photo_edit_form { + padding: 1em; +} +/* profile match wrapper */ +.profile-match-wrapper { + float: left; + width: 110px; + height: 110px; + margin-bottom: 20px; +} +.profile-match-wrapper .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + position: relative; + top: 10px; + left: -10px; +} +.profile-match-wrapper .drophide { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + opacity: 0.3; + position: relative; + top: 10px; + left: -10px; +} +.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: 0; + 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 0; +} +.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 0 0 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 0 4px; +} +.mail-list-wrapper .mail-from { + padding: 4px 4px 0 4px; +} +.mail-list-wrapper .mail-count { + padding: 4px 4px 0 4px; + text-align: right; +} +.mail-list-wrapper .mail-delete { + float: right; +} +#message-preview { + margin-top: 1em; + box-sizing: border-box; +} +#message-preview * { + box-sizing: border-box; + white-space: nowrap; +} +#message-preview .mail-list-wrapper .mail-subject { + width: 100%; +} +#message-preview .mail-list-wrapper .mail-date { + font-size: 0.8em; + width: 25%; + text-align: right; +} +#message-preview .mail-list-wrapper .mail-from { + font-size: 0.8em; + width: 75%; +} +#message-preview .mail-list-wrapper .mail-count { + font-size: 0.8em; + width: 100%; +} +#message-preview .mail-list-wrapper .mail-delete { + display: none; +} +#message-preview .mail-list-wrapper .mail-date, +#message-preview .mail-list-wrapper .mail-from, +#message-preview .mail-list-wrapper .mail-count { + 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; +} +#message-preview .mail-list-wrapper:hover .mail-date, +#message-preview .mail-list-wrapper:hover .mail-from, +#message-preview .mail-list-wrapper:hover .mail-count { + 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; +} +#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 0 0 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; +} +.pager .disabled { + display: none; +} +/** + * 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 #addonslist { + margin: 0; + padding: 0; +} +#adminpage .addon { + list-style: none; + display: block; + border: 1px solid #888888; + padding: 1em; + margin-bottom: 5px; + clear: left; +} +#adminpage .addon desc { + margin-left: 2.5em; +} +#adminpage .toggleaddon { + float: left; + margin-right: 1em; +} +#adminpage table { + width: 100%; + border-bottom: 1px solid #000000; + margin: 5px 0; +} +#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; +} +#adminpage .settings-block { + border-bottom: 1px solid #cccccc; +} +/* edit buttons for comments */ +.icon.dim { + opacity: 0.3; + filter: alpha(opacity=30); +} +.comment-edit-bb { + list-style: none; + display: none; + margin: 0; + padding: 0; + 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: 0 0; +} +.boldbb:hover { + background-position: 0 -16px; +} +.italicbb { + background-position: -16px 0; +} +.italicbb:hover { + background-position: -16px -16px; +} +.underlinebb { + background-position: -32px 0; +} +.underlinebb:hover { + background-position: -32px -16px; +} +.quotebb { + background-position: -48px 0; +} +.quotebb:hover { + background-position: -48px -16px; +} +.codebb { + background-position: -64px 0; +} +.codebb:hover { + background-position: -64px -16px; +} +.imagebb { + background-position: -80px 0; +} +.imagebb:hover { + background-position: -80px -16px; +} +.urlbb { + background-position: -96px 0; +} +.urlbb:hover { + background-position: -96px -16px; +} +.videobb { + background-position: -112px 0; +} +.videobb:hover { + background-position: -112px -16px; +} + +/* buttons for the event view */ +.plink-event-link { + float: left; + margin-left: 2px; +} +/* upload/select popup */ +.fbrowser { + overflow: auto; + position: absolute; + top: 0; + width: 100%; + height: 100%; +} +.fbrowser .path { + background-color: #0e232e; +} +.fbrowser .path a { + padding: 5px; + margin: 0 2px; + display: inline-block; +} +.fbrowser .path a, +.fbrowser .path a:active, +.fbrowser .path a:visited, +.fbrowser .path a:link, +.fbrowser .path a:hover { + color: #ffffff; + text-decoration: none; + outline: none; +} +.fbrowser .folders ul { + list-style: url("icons/folder.png"); + padding-left: 22px; +} +.fbrowser .list { + padding: 10px; +} +.fbrowser.photo .photo-album-image-wrapper { + width: 48px; + height: 48px; +} +.fbrowser.photo a img { + width: auto; + height: 48px; +} +.fbrowser.photo a p { + display: none; +} +.fbrowser.attachment .photo-album-image-wrapper { + float: none; + white-space: nowrap; + width: 100%; + height: auto; +} +.fbrowser.attachment img { + display: inline; + width: 16px; + height: 16px; +} +.fbrowser.attachment p { + display: inline; + white-space: nowrap; +} +.fbrowser .upload { + clear: both; + padding-top: 1em; +} diff --git a/quattro/dark/style.less b/quattro/dark/style.less new file mode 100644 index 0000000..d425a8c --- /dev/null +++ b/quattro/dark/style.less @@ -0,0 +1,20 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +/** + * Fabio Comuni + **/ +// Less file http://lesscss.org/ +// compile with lessc +// $ lessc style.less > style.css + +@import "colors"; +@import "../icons"; +@import "../quattro"; + + + + diff --git a/quattro/green/Makefile b/quattro/green/Makefile new file mode 100755 index 0000000..c9b77b4 --- /dev/null +++ b/quattro/green/Makefile @@ -0,0 +1,5 @@ +## + +style.css : style.less colors.less ../icons.less ../quattro.less + echo "/* THIS FILE IS GENERATED FROM THE less SOURCE DO NOT EDIT MANUALLY */" > style.css + lessc style.less >> style.css diff --git a/quattro/green/colors.less b/quattro/green/colors.less new file mode 100644 index 0000000..31c8e1c --- /dev/null +++ b/quattro/green/colors.less @@ -0,0 +1,122 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +// 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); +@Green4:rgb(221,255,221); +@Purple1:rgb(241,202,255); +@Purple2:rgb(215,108,255); +@Purple3:rgb(186,0,255); +@Metallic1:rgb(189,205,212); +@Metallic2:rgb(158,171,176); +@Metallic3:rgb(54,78,89); +@Metallic4: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: @Green3; +@LinkHover: @Green3; +@LinkVisited: @Green3; + + +@ButtonColor: @Grey1; +@ButtonBackgroundColor: @Grey5; + +@Banner: @Grey1; + +@NavbarBackground:@Green3; +@NavbarSelectedBg:@Metallic3; +@NavbarSelectedBorder: @Metallic2; +@NavbarNotifBg: @Red2; + +@Menu: @Grey5; +@MenuBg: @Grey1; +@MenuBorder: @Metallic3; +@MenuItem: @Grey5; +@MenuItemHoverBg: @Green1; +@MenuItemSeparator: @Metallic2; +@MenuEmpty: @Metallic2; +@MenuItemDetail: @Metallic2; + +@AsideBorder: @Metallic1; +@AsideConnect: @Grey1; +@AsideConnectBg: @Green3; +@AsideConnectHoverBg: @Green1; +@VCardLabelColor: @Grey3; + +@InfoColor: @Grey1; +@InfoBackgroundColor: @Metallic3; + +@NoticeColor: @Grey1; +@NoticeBackgroundColor: #511919; + +@FieldHelpColor: @Grey3; + +@ThreadBackgroundColor: #eff0f1; +@ThreadBottomBorderColor: @Grey2; +@ShinyBorderColor: @Green4; + +@BlockquoteBackgroundColor: #FFFFFF; +@BlockquoteBorderColor: #e6e6e6; + +@CommentBoxEmptyColor: @Grey3; +@CommentBoxEmptyBorderColor: @Grey3; +@CommentBoxFullColor: @Grey5; +@CommentBoxFullBorderColor: @Grey5; + +@TagColor: @Grey1; +@MentionColor: @Grey4; + +@JotToolsBackgroundColor: @Green3; +@JotToolsBorderColor: @Metallic2; +@JotToolsOverBackgroundColor: @Green2; +@JotToolsOverBorderColor: @Metallic1; +@JotToolsText: @Grey5; +@JotSubmitBackgroundColor: @Grey2; +@JotSubmitText: @Grey4; +@JotSubmitOverBackgroundColor: @Green1; +@JotSubmitOverText: @Grey4; +@JotPermissionUnlockBackgroundColor: @Grey2; +@JotPermissionLockBackgroundColor: @Grey4; +@JotLoadingBackgroundColor: @Grey1; +@JotPreviewBackgroundColor: @Green4; + +@MessageNewBackgroundColor: @Blue1; +@MessageNewBorderColor: @Blue3; +@MessageNewColor: @Grey1; + +@MailListBackgroundColor: #f6f7f8; + +@MailDisplaySubjectColor: @Grey5; +@MailDisplaySubjectBackgroundColor: #f6f7f8; + +@NotificationsPageListOddBackground: @Grey1; +@NotificationsPageListEvenBackground: @Green4; diff --git a/quattro/green/style.css b/quattro/green/style.css new file mode 100644 index 0000000..ed19274 --- /dev/null +++ b/quattro/green/style.css @@ -0,0 +1,2543 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +/* THIS FILE IS GENERATED FROM THE less SOURCE DO NOT EDIT MANUALLY */ +/** + * Fabio Comuni + **/ +/* 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.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.mail { + background-image: url("icons/messages_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.pencil { + 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.remote-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-application { + 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.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.s10.mail { + background-image: url("icons/messages_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.pencil { + 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.remote-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-application { + 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.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.s16.mail { + background-image: url("icons/messages_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.pencil { + 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.remote-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-application { + 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.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.s22.mail { + background-image: url("icons/messages_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.pencil { + 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.remote-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-application { + 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.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.s48.mail { + background-image: url("icons/messages_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.pencil { + 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.remote-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-application { + 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 0 0 0; + 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; +} +blockquote { + background: #FFFFFF; + padding: 1em; + margin-left: 1em; + border-left: 1em solid #e6e6e6; +} +pre 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: 0; + padding: 1em; + list-style: none; + border: 3px solid #364e59; + z-index: 100000; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + box-shadow: 0 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; +} +/* notifications page */ +.notif-item { + padding: 0.5em; +} +.notif-item:nth-child(even) { + background-color: #ddffdd; +} +.notif-item:nth-child(odd) { + background-color: #ffffff; +} +.notif-item .notif-image { + width: 16px; +} +/* header */ +header { + position: fixed; + left: 43%; + right: 43%; + top: 0; + margin: 0; + padding: 0; + /*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: 0; + top: 0; + padding: 0; + background-color: #009100; + color: #ffffff; + z-index: 100; + -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 0 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: 0; + padding: 0 20px; +} +nav ul li { + list-style: none; + margin: 0; + padding: 0; + float: left; +} +nav ul li .menu-popup { + left: 0; + right: auto; +} +nav .nav-menu-icon { + position: relative; + height: 22px; + padding: 5px; + margin: 0 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-notification { + top: 3px; +} +nav .nav-menu { + position: relative; + height: 16px; + padding: 5px; + margin: 3px 15px 0; + font-size: 14px; + border-bottom: 3px solid #009100; +} +nav .nav-menu.selected { + border-bottom: 3px solid #9eabb0; +} +nav .nav-notification { + 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: 0; + right: -10px; + min-width: 15px; + text-align: right; +} +nav .nav-notification.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: 0; + 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-introductions-link.on .icon.s22.intro, +nav #nav-introductions-link.selected .icon.s22.intro { + background-image: url("icons/contacts_on.png"); +} +nav #nav-messages-link.on .icon.s22.mail, +nav #nav-messages-link.selected .icon.s22.mail { + background-image: url("icons/messages_on.png"); +} +nav #nav-apps-link.selected { + background-color: #364e59; +} +ul.menu-popup { + position: absolute; + display: none; + width: 10em; + background: #ffffff; + color: #2d2d2d; + margin: 0; + padding: 0; + list-style: none; + border: 3px solid #364e59; + z-index: 100000; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + box-shadow: 0 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; +} +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 */ +.autocomplete, +.acpopup-mce { + max-height: 150px; +} +.autocomplete, +.acpopup-mce, +.acpopup { + background-color: #ffffff; + color: #2d2d2d; + border: 1px solid #364e59; + overflow: auto; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); +} +.autocomplete > div, +.acpopupitem { + color: #2d2d2d; + padding: 4px; + clear: left; + overflow: auto; + height: auto; +} +.autocomplete > div img, +.acpopupitem img { + float: left; + margin-right: 4px; + width: 16px !important; + height: 16px !important; +} +.autocomplete > div.selected, +.acpopupitem.selected { + background-color: #ccff42; +} +.textcomplete-item { + color: #2d2d2d; +} +.textcomplete-item a:hover { + color: #2d2d2d; +} +.textcomplete-item.active { + 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; +} +/* Contact-Header for the Network Stream */ +#viewcontact_wrapper-network { + width: 100%; + min-height: 100px; + background-color: #eff0f1; + border-bottom: 1px solid #cccccc; +} +#viewcontact_wrapper-network #contact-entry-wrapper-network { + float: none; + width: auto; + height: auto; + padding: 10px; +} +#viewcontact_wrapper-network #contact-entry-wrapper-network #contact-entry-accounttype-network { + font-size: 22px; +} +#viewcontact_wrapper-network #contact-entry-wrapper-network #contact-entry-name-network { + font-size: 24.5px; + font-weight: normal; +} +#viewcontact_wrapper-network #contact-entry-wrapper-network .contact-details { + font-size: 12px; +} +/* aside 230px*/ +aside { + display: table-cell; + vertical-align: top; + width: 200px; + padding: 0px 10px 0 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 .p-addr { + margin-bottom: 5px; +} +aside .vcard .account-type { + font-size: 14px; + margin-bottom: 13px; +} +aside .vcard dl { + height: auto; + overflow: auto; +} +aside .vcard dt { + float: left; + margin-left: 0; + width: 35%; + text-align: right; + color: #999999; +} +aside .vcard dd { + float: left; + margin-left: 4px; + width: 60%; +} +aside #profile-extra-links ul { + padding: 0; + margin: 0; +} +aside #profile-extra-links li { + padding: 0.2em 0; + margin: 0; + list-style: none; +} +aside #wallmessage-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; + margin-top: 3px; +} +aside #wallmessage-link:hover { + text-decoration: none; + background-color: #ccff42; +} +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('icons/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 #subscribe-feed-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('icons/rss-bg.png') no-repeat left center; + font-weight: bold; + text-transform: uppercase; + padding: 4px 2px 2px 35px; +} +aside #subscribe-feed-link:hover { + text-decoration: none; + background-color: #ccff42; +} +aside #profiles-menu { + width: 20em; +} +aside .posted-date-selector-months { + margin-left: 10px; +} +#contact-block { + overflow: auto; + height: auto; + /*.contact-block-div { width:60px; height: 60px; }*/ +} +#contact-block .contact-block-h4 { + float: left; + margin: 5px 0; +} +#contact-block .allcontact-link { + float: right; + margin: 5px 0; +} +#contact-block .contact-block-content { + clear: both; + overflow: hidden; + height: auto; +} +#contact-block .contact-block-link { + float: left; + margin: 0 2px 2px 0; +} +#contact-block .contact-block-link img { + width: 48px; + height: 48px; +} +/* circle member */ +#contact-edit-drop-link, +.mail-list-delete-wrapper, +.circle-delete-wrapper { + float: right; + margin-right: 50px; +} +#contact-edit-drop-link .drophide, +.mail-list-delete-wrapper .drophide, +.circle-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, +.circle-delete-wrapper .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + position: relative; + top: -50px; +} +/* +#circle-members { + margin-top: 20px; + padding: 10px; + height: 250px; + overflow: auto; + border: 1px solid #ddd; +} +#circle-members-end { + clear: both; +} +#circle-all-contacts { + padding: 10px; + height: 450px; + overflow: auto; + border: 1px solid #ddd; +} +#circle-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: 0;} + .action .s16 { width: 16px; overflow: hidden; padding: 0;}*/ +} +.widget h3 { + padding: 0; + 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: 0; +} +.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 .notify { + display: none; + background-color: #19AEFF; + border-radius: 5px; + font-size: 10px; + padding: 1px 3px; + min-width: 15px; + text-align: right; + float: right; + color: #ffffff; + margin-right: 10px; +} +.widget .notify.on { + display: block; +} +/* widget: search */ +#add-search-popup { + width: 200px; + top: 18px; +} +/* section 800px */ +section { + display: table-cell; + vertical-align: top; + width: 770px; + padding: 0px 20px 0 10px; +} +.sparkle { + cursor: url('icons/lock.cur'), pointer; +} +/* wall item */ +.tread-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: 700px; +} +.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-events { + float: left; + margin-top: 0.5em; +} +.wall-item-container .wall-item-actions-events a { + margin-right: 3em; +} +.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-social a.active { + font-weight: bold; +} +.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: 0 !important; +} +.wall-item-container.comment .wall-item-links { + padding-left: 12px; +} +.wall-item-container.comment .commentbox { + height: 0; + overflow: hidden; + -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.comment .commentbox .wall-item-comment-wrapper { + border-top: 1px solid #999999; + height: 0; + overflow: hidden; +} +.wall-item-container.comment:hover .commentbox { + height: auto; + overflow: visible; + -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.comment:hover .commentbox .wall-item-comment-wrapper { + border-top: 0; + height: auto; + overflow: visible; +} +/* '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: 10px; + color: #999999; + border: 1px solid #999999; + padding: 0.3em; +} +.wall-item-comment-wrapper .comment-edit-text-full { + height: 4em; + color: #2d2d2d; + border: 1px solid #2d2d2d; +} +.wall-item-comment-wrapper.photo { + margin: 1em 2em 1em 0; +} +.threaded .wall-item-comment-wrapper { + margin-left: 0; +} +.comment-edit-preview { + width: 710px; + border: 1px solid #2d2d2d; + margin-top: 10px; + background-color: #ddffdd; +} +.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: 90%; +} +.comment-edit-preview .tread-wrapper { + width: 90%; + padding: 0; + margin: 10px 0; + background-color: #ddffdd; + border-bottom: 0; +} +.comment-edit-preview .wall-item-conv { + display: none; +} +.shiny { + border-right: 10px solid #ddffdd; +} +#jot-preview-content .tread-wrapper { + background-color: #ddffdd; +} +.hide-comments-outer { + margin-bottom: 0.8em; +} +.wall-item-tags { + padding-top: 5px; +} +.tag { + background: url("icons/tag.png") no-repeat center right; + color: #ffffff; + padding-right: 8px; + padding-left: 3px; +} +.tag a { + color: #ffffff; +} +.mention { + background: url("icons/men.png") no-repeat 1px center; + color: #666666; + padding-right: 3px; + padding-left: 18px; +} +.mention a { + color: #666666; +} +.folder { + background: url("icons/folder.png") no-repeat 1px center; + color: #666666; + padding-right: 3px; + padding-left: 15px; +} +.folder a { + color: #666666; +} +.category { + background: url("icons/category.png") no-repeat 1px center; + color: #666666; + padding-right: 3px; + padding-left: 15px; +} +.category a { + color: #666666; +} +/*.filesavetags { + padding: 3px 0 3px 0; + opacity: 0.5; +}*/ +.wwto { + position: absolute !important; + background: #FFFFFF; + border: 2px solid #364e59; + height: 25px; + width: 25px; + overflow: hidden; + padding: 1px; + top: 40px; + left: 30px; + -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); +} +.wwto .contact-photo { + width: 25px; + height: 25px; +} +/* reshare e embed */ +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.wall-item-container .wall-item-content .type-link img.attachment-image, +.type-link img.attachment-image { + max-width: 650px; + max-height: inital; + float: none; + margin-right: 0; +} +.type-link blockquote { + margin: 1em 0; + max-height: 160px; + overflow: hidden; + padding-left: 1em; +} +.type-video blockquote { + padding-left: 1em; +} +/* threaded comments */ +.children { + margin-top: 1em; +} +.children .hide-comments-outer { + margin-left: 60px; +} +.children .wwto { + display: none; +} +.children .comment-edit-preview { + width: 660px; +} +.children .comment-edit-preview .wall-item-container { + width: 610px; +} +.children .children { + margin-left: 40px; +} +.children .children .wall-item-container { + width: 710px; +} +.children .children .comment-edit-preview { + width: 620px; +} +.children .children .comment-edit-preview .wall-item-container { + width: 620px; +} +.children .children .children .wall-item-container { + width: 670px; +} +.children .children .children .comment-edit-preview { + width: 580px; +} +.children .children .children .comment-edit-preview .wall-item-container { + width: 580px; +} +.children .children .children .children .wall-item-container { + width: 630px; +} +.children .children .children .children .comment-edit-preview { + width: 540px; +} +.children .children .children .children .comment-edit-preview .wall-item-container { + width: 540px; +} +.children .children .children .children .children .wall-item-container { + width: 590px; +} +.children .children .children .children .children .comment-edit-preview { + width: 500px; +} +.children .children .children .children .children .comment-edit-preview .wall-item-container { + width: 500px; +} +.children .children .children .children .children .children { + margin-left: 0; +} +.children .children .children .children .children .children .hide-comments-outer { + margin-left: 0; +} +/*.threaded .hide-comments-outer { margin-left: 20px; }*/ +span[id^="showmore-teaser"] { + background: url("showmore-bg.jpg") no-repeat center bottom; +} +span[id^="showmore-wrap"] { + border-top: 1px solid #999999; + color: #999999; + display: block; + text-align: center; + background-color: #eff0f1; +} +#pause { + position: fixed; + bottom: 5px; + right: 5px; +} +.contact-photo-wrapper { + position: relative; +} +.contact-select { + position: absolute; + top: 64px; + left: 64px; + display: none; +} +.contact-select:checked, +.contact-photo:hover .contact-select { + display: block; +} +#contacts-actions { + position: absolute; + left: 800px; + width: 200px; + background-color: #ffffff; + border: 2px solid #364e59; + display: none; +} +#contacts-actions .batch-action { + display: block; + width: 100%; + background-color: #ffffff; + border: 0; + color: #2d2d2d; + text-align: left; + padding: 5px 10px; + font-size: 11px; +} +#contacts-actions .batch-action:hover { + background-color: #ccff42; +} +@media (max-width: 1000px) { + #contacts-actions { + left: 40px; + } +} +.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 0; +} +.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: 0; + top: 63px; +} +.contact-wrapper .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + position: relative; + top: 10px; + left: -10px; + z-index: 99; +} +.contact-wrapper .drophide { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + opacity: 0.3; + position: relative; + top: 10px; + left: -10px; + z-index: 99; +} +.contact-wrapper .contact-entry-connect { + padding-top: 5px; + font-weight: bold; +} +.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; +} +#contact-edit-status-wrapper { + border-color: #9ade00; +} +/* editor */ +.jothidden { + display: none; +} +#jot { + width: 100%; + margin: 0 2em 20px 0; +} +#jot .profile-jot-text { + height: 1em; + width: 99%; + font-size: 10px; + color: #999999; + border: 1px solid #999999; + padding: 0.3em; +} +#jot #jot-tools { + margin: 0; + padding: 0; + height: 40px; + overflow: none; + width: 770px; + 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: 0; + margin: 0; + padding: 0; + 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: 0; + margin: 0; + 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: 0; + margin: 0; + 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: 0; + background-color: @ButtonBackgroundColor; + color: @ButtonColor; + padding: 0 10px; + .rounded(5px); + height: 18px; +}*/ +a.actionbutton { + border: 1px solid #999999; + background-color: #cccccc; + color: #2d2d2d; + font-size: 8pt; + padding: 2pt; + -moz-border-radius: 5px 5px 5px 5px; + -webkit-border-radius: 5px 5px 5px 5px; + border-radius: 5px 5px 5px 5px; +} +a.actionbutton i.icon { + display: inline-block; + vertical-align: baseline; + padding: 0; +} +a.actionbutton:hover { + text-decoration: none; + background-color: #ffffff; +} +h2 > .actionbutton { + float: right; +} +/** acl **/ +#photo-edit-perms-select, +#photos-upload-permissions-wrapper, +#profile-jot-acl-wrapper { + display: block!important; +} +#acl-wrapper { + width: 690px; + float: left; +} +#acl-wrapper a:hover { + text-decoration: none; + color: #000000; +} +/** /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; +} +/** circle editor **/ +#circle-edit-desc { + margin-top: 1em; + color: #999999; +} +#circle-update-wrapper { + height: auto; + overflow: auto; +} +#circle-update-wrapper #circle { + width: 300px; + float: left; + margin-right: 20px; +} +#circle-update-wrapper #contacts { + width: 300px; + float: left; +} +#circle-update-wrapper #circle-separator { + display: none; +} +#circle-update-wrapper .contact_list { + height: 300px; + border: 1px solid #364e59; + overflow: auto; +} +#circle-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 .hidden { + display: none!important; +} +.field.radio .field_help { + margin-left: 0; +} +#profile-edit-links li { + list-style: none; + margin-top: 10px; +} +#profile-menu { + display: none; +} +#profile-edit-default-desc { + color: #FF0000; + border: 1px solid #FF8888; + background-color: #FFEEEE; + padding: 7px; +} +#profile-edit-name-label, +#profile-edit-about-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-pubkeywords-label, +#profile-edit-prvkeywords-label, +#profile-edit-homepage-label { + float: left; + width: 175px; + padding-top: 7px; +} +#profile-edit-name, +#profile-edit-about, +#profile-edit-dob, +#profile-edit-address, +#profile-edit-locality, +#profile-edit-region, +#profile-edit-postal-code, +#profile-edit-country-name, +#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; +} +/* manage page */ +.identity-match-photo { + position: relative; +} +.identity-match-photo .delegation-notify { + background-color: #19AEFF; + border-radius: 5px; + font-size: 10px; + padding: 1px 3px; + min-width: 15px; + text-align: right; + position: absolute; + right: 10px; + top: -5px; + color: #ffffff; +} +/* videos page */ +.videos .video-top-wrapper { + width: 200px; + float: left; + margin: 0 10px 10px 0; + position: relative; +} +.videos .video-top-wrapper .video-delete { + position: absolute; + opacity: 0; + right: 0; + top: 0; + transition: opacity 0.5s; +} +.videos .video-top-wrapper:hover .video-delete { + opacity: 1; +} +/* 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; +} +#photo-top-upload-link, +.photos-upload-link { + margin: 1em 0; + display: block; +} +.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: 0 10px 10px 0; + 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: 0; + -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 0 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: 0; + 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; + padding-top: 6px; + /* a { display: block;}*/ +} +#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; +} +#photo_edit_form { + padding: 1em; +} +/* profile match wrapper */ +.profile-match-wrapper { + float: left; + width: 110px; + height: 110px; + margin-bottom: 20px; +} +.profile-match-wrapper .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + position: relative; + top: 10px; + left: -10px; +} +.profile-match-wrapper .drophide { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + opacity: 0.3; + position: relative; + top: 10px; + left: -10px; +} +.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: 0; + 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 0; +} +.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 0 0 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 0 4px; +} +.mail-list-wrapper .mail-from { + padding: 4px 4px 0 4px; +} +.mail-list-wrapper .mail-count { + padding: 4px 4px 0 4px; + text-align: right; +} +.mail-list-wrapper .mail-delete { + float: right; +} +#message-preview { + margin-top: 1em; + box-sizing: border-box; +} +#message-preview * { + box-sizing: border-box; + white-space: nowrap; +} +#message-preview .mail-list-wrapper .mail-subject { + width: 100%; +} +#message-preview .mail-list-wrapper .mail-date { + font-size: 0.8em; + width: 25%; + text-align: right; +} +#message-preview .mail-list-wrapper .mail-from { + font-size: 0.8em; + width: 75%; +} +#message-preview .mail-list-wrapper .mail-count { + font-size: 0.8em; + width: 100%; +} +#message-preview .mail-list-wrapper .mail-delete { + display: none; +} +#message-preview .mail-list-wrapper .mail-date, +#message-preview .mail-list-wrapper .mail-from, +#message-preview .mail-list-wrapper .mail-count { + 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; +} +#message-preview .mail-list-wrapper:hover .mail-date, +#message-preview .mail-list-wrapper:hover .mail-from, +#message-preview .mail-list-wrapper:hover .mail-count { + 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; +} +#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 0 0 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; +} +.pager .disabled { + display: none; +} +/** + * 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 #addonslist { + margin: 0; + padding: 0; +} +#adminpage .addon { + list-style: none; + display: block; + border: 1px solid #888888; + padding: 1em; + margin-bottom: 5px; + clear: left; +} +#adminpage .addon desc { + margin-left: 2.5em; +} +#adminpage .toggleaddon { + float: left; + margin-right: 1em; +} +#adminpage table { + width: 100%; + border-bottom: 1px solid #000000; + margin: 5px 0; +} +#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; +} +#adminpage .settings-block { + border-bottom: 1px solid #cccccc; +} +/* edit buttons for comments */ +.icon.dim { + opacity: 0.3; + filter: alpha(opacity=30); +} +.comment-edit-bb { + list-style: none; + display: none; + margin: 0; + padding: 0; + 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: 0 0; +} +.boldbb:hover { + background-position: 0 -16px; +} +.italicbb { + background-position: -16px 0; +} +.italicbb:hover { + background-position: -16px -16px; +} +.underlinebb { + background-position: -32px 0; +} +.underlinebb:hover { + background-position: -32px -16px; +} +.quotebb { + background-position: -48px 0; +} +.quotebb:hover { + background-position: -48px -16px; +} +.codebb { + background-position: -64px 0; +} +.codebb:hover { + background-position: -64px -16px; +} +.imagebb { + background-position: -80px 0; +} +.imagebb:hover { + background-position: -80px -16px; +} +.urlbb { + background-position: -96px 0; +} +.urlbb:hover { + background-position: -96px -16px; +} +.videobb { + background-position: -112px 0; +} +.videobb:hover { + background-position: -112px -16px; +} +/* buttons for the event view */ +.plink-event-link { + float: left; + margin-left: 2px; +} +/* upload/select popup */ +.fbrowser { + overflow: auto; + position: absolute; + top: 0; + width: 100%; + height: 100%; +} +.fbrowser .path { + background-color: #009100; +} +.fbrowser .path a { + padding: 5px; + margin: 0 2px; + display: inline-block; +} +.fbrowser .path a, +.fbrowser .path a:active, +.fbrowser .path a:visited, +.fbrowser .path a:link, +.fbrowser .path a:hover { + color: #ffffff; + text-decoration: none; + outline: none; +} +.fbrowser .folders ul { + list-style: url("icons/folder.png"); + padding-left: 22px; +} +.fbrowser .list { + padding: 10px; +} +.fbrowser.photo .photo-album-image-wrapper { + width: 48px; + height: 48px; +} +.fbrowser.photo a img { + width: auto; + height: 48px; +} +.fbrowser.photo a p { + display: none; +} +.fbrowser.attachment .photo-album-image-wrapper { + float: none; + white-space: nowrap; + width: 100%; + height: auto; +} +.fbrowser.attachment img { + display: inline; + width: 16px; + height: 16px; +} +.fbrowser.attachment p { + display: inline; + white-space: nowrap; +} +.fbrowser .upload { + clear: both; + padding-top: 1em; +} diff --git a/quattro/green/style.less b/quattro/green/style.less new file mode 100644 index 0000000..d425a8c --- /dev/null +++ b/quattro/green/style.less @@ -0,0 +1,20 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +/** + * Fabio Comuni + **/ +// Less file http://lesscss.org/ +// compile with lessc +// $ lessc style.less > style.css + +@import "colors"; +@import "../icons"; +@import "../quattro"; + + + + diff --git a/quattro/icons.less b/quattro/icons.less new file mode 100644 index 0000000..e126581 --- /dev/null +++ b/quattro/icons.less @@ -0,0 +1,94 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +// Quattro Theme LESS file +/* icons */ + +.icons(@size: 22) { + &.notify { background-image: url("../../../images/icons/@{size}/notify_off.png"); } + &.intro { background-image: url("icons/contacts_off.png"); } + &.mail { background-image: url("icons/messages_off.png"); } + &.gear { background-image: url("../../../images/icons/@{size}/gear.png"); } + + &.like { background-image: url("icons/like.png"); } + &.dislike { background-image: url("icons/dislike.png"); } + + &.add { background-image: url("../../../images/icons/@{size}/add.png"); } + &.delete { background-image: url("../../../images/icons/@{size}/delete.png"); } + &.edit { background-image: url("../../../images/icons/@{size}/edit.png"); } + &.pencil { background-image: url("../../../images/icons/@{size}/edit.png"); } + &.star { background-image: url("../../../images/icons/@{size}/star.png"); } + &.menu { background-image: url("../../../images/icons/@{size}/menu.png"); } + &.link { background-image: url("../../../images/icons/@{size}/link.png"); } + &.remote-link { background-image: url("../../../images/icons/@{size}/link.png"); } + &.lock { background-image: url("../../../images/icons/@{size}/lock.png"); } + &.unlock { background-image: url("../../../images/icons/@{size}/unlock.png"); } + &.plugin { background-image: url("../../../images/icons/@{size}/plugin.png"); } + &.type-unkn { background-image: url("../../../images/icons/@{size}/zip.png"); } + &.type-application { background-image: url("../../../images/icons/@{size}/zip.png"); } + &.type-audio{ background-image: url("../../../images/icons/@{size}/audio.png"); } + &.type-video{ background-image: url("../../../images/icons/@{size}/video.png"); } + &.type-image{ background-image: url("../../../images/icons/@{size}/image.png"); } + &.type-text { background-image: url("../../../images/icons/@{size}/text.png"); } + + &.language { background-image: url("icons/language.png"); } + + + +} + + +.icon { + background-color: transparent ; + background-repeat: no-repeat; + background-position: left center; + display: block; + overflow: hidden; + text-indent: -9999px; + padding: 1px; + + &.text { + text-indent: 0px; + } + + min-width:22px; height: 22px; + .icons(22); + &.text { padding: 10px 0px 0px 25px; } + + &.s10 { + min-width:10px; height: 10px; + .icons(10); + &.text { padding: 2px 0px 0px 15px; } + } + &.s16 { + min-width:16px; height: 16px; + .icons(16); + &.text { padding: 4px 0px 0px 20px; } + } + &.s22 { + min-width:22px; height: 22px; + .icons(22); + &.text { padding: 10px 0px 0px 25px; } + } + &.s48 { + width:48px; height: 48px; + .icons(48); + } + + &.on { + background-image: url("icons/addon_on.png"); + min-width:16px; + height: 16px; + background-position: 0px 0px; + } + &.off { + background-image: url("icons/addon_off.png"); + width: 16px; + height: 16px; + background-position: 0px 0px; + } + +} diff --git a/quattro/icons/addon_off.png b/quattro/icons/addon_off.png new file mode 100755 index 0000000..0fcce4d Binary files /dev/null and b/quattro/icons/addon_off.png differ diff --git a/quattro/icons/addon_on.png b/quattro/icons/addon_on.png new file mode 100755 index 0000000..79ce07f Binary files /dev/null and b/quattro/icons/addon_on.png differ diff --git a/quattro/icons/bbedit.png b/quattro/icons/bbedit.png new file mode 100755 index 0000000..83a4163 Binary files /dev/null and b/quattro/icons/bbedit.png differ diff --git a/quattro/icons/category.png b/quattro/icons/category.png new file mode 100755 index 0000000..ec4ad1d Binary files /dev/null and b/quattro/icons/category.png differ diff --git a/quattro/icons/connect-bg.png b/quattro/icons/connect-bg.png new file mode 100755 index 0000000..0611c73 Binary files /dev/null and b/quattro/icons/connect-bg.png differ diff --git a/quattro/icons/contacts3.png b/quattro/icons/contacts3.png new file mode 100755 index 0000000..837bade Binary files /dev/null and b/quattro/icons/contacts3.png differ diff --git a/quattro/icons/contacts_off.png b/quattro/icons/contacts_off.png new file mode 100755 index 0000000..4345d47 Binary files /dev/null and b/quattro/icons/contacts_off.png differ diff --git a/quattro/icons/contacts_on.png b/quattro/icons/contacts_on.png new file mode 100755 index 0000000..e7f2a39 Binary files /dev/null and b/quattro/icons/contacts_on.png differ diff --git a/quattro/icons/dislike.png b/quattro/icons/dislike.png new file mode 100755 index 0000000..23de426 Binary files /dev/null and b/quattro/icons/dislike.png differ diff --git a/quattro/icons/folder.png b/quattro/icons/folder.png new file mode 100755 index 0000000..fee4395 Binary files /dev/null and b/quattro/icons/folder.png differ diff --git a/quattro/icons/language.png b/quattro/icons/language.png new file mode 100755 index 0000000..8029c01 Binary files /dev/null and b/quattro/icons/language.png differ diff --git a/quattro/icons/like.png b/quattro/icons/like.png new file mode 100755 index 0000000..b65edcc Binary files /dev/null and b/quattro/icons/like.png differ diff --git a/quattro/icons/lock.cur b/quattro/icons/lock.cur new file mode 100755 index 0000000..892c5e8 Binary files /dev/null and b/quattro/icons/lock.cur differ diff --git a/quattro/icons/men.png b/quattro/icons/men.png new file mode 100755 index 0000000..077b490 Binary files /dev/null and b/quattro/icons/men.png differ diff --git a/quattro/icons/messages_off.png b/quattro/icons/messages_off.png new file mode 100755 index 0000000..70ab1c7 Binary files /dev/null and b/quattro/icons/messages_off.png differ diff --git a/quattro/icons/messages_on.png b/quattro/icons/messages_on.png new file mode 100755 index 0000000..f831813 Binary files /dev/null and b/quattro/icons/messages_on.png differ diff --git a/quattro/icons/next.png b/quattro/icons/next.png new file mode 100755 index 0000000..7b5e25b Binary files /dev/null and b/quattro/icons/next.png differ diff --git a/quattro/icons/prev.png b/quattro/icons/prev.png new file mode 100755 index 0000000..55c1464 Binary files /dev/null and b/quattro/icons/prev.png differ diff --git a/quattro/icons/rss-bg.png b/quattro/icons/rss-bg.png new file mode 100755 index 0000000..1528c9c Binary files /dev/null and b/quattro/icons/rss-bg.png differ diff --git a/quattro/icons/tag.png b/quattro/icons/tag.png new file mode 100755 index 0000000..15758af Binary files /dev/null and b/quattro/icons/tag.png differ diff --git a/quattro/jquery.tools.min.js b/quattro/jquery.tools.min.js new file mode 100755 index 0000000..4a44fb7 --- /dev/null +++ b/quattro/jquery.tools.min.js @@ -0,0 +1,14 @@ +// @license magnet:?xt=urn:btih:e95b018ef3580986a04669f1b5879592219e2a7a&dn=public-domain.txt Public Domains +/*! + * jQuery Tools v1.2.7 - The missing UI library for the Web + * + * rangeinput/rangeinput.js + * + * NO COPYRIGHTS OR LICENSES. DO WHAT YOU LIKE. + * + * http://flowplayer.org/tools/ + * + */ +(function(a){a.tools=a.tools||{version:"v1.2.7"};var b;b=a.tools.rangeinput={conf:{min:0,max:100,step:"any",steps:0,value:0,precision:undefined,vertical:0,keyboard:!0,progress:!1,speed:100,css:{input:"range",slider:"slider",progress:"progress",handle:"handle"}}};var c,d;a.fn.drag=function(b){document.ondragstart=function(){return!1},b=a.extend({x:!0,y:!0,drag:!0},b),c=c||a(document).on("mousedown mouseup",function(e){var f=a(e.target);if(e.type=="mousedown"&&f.data("drag")){var g=f.position(),h=e.pageX-g.left,i=e.pageY-g.top,j=!0;c.on("mousemove.drag",function(a){var c=a.pageX-h,e=a.pageY-i,g={};b.x&&(g.left=c),b.y&&(g.top=e),j&&(f.trigger("dragStart"),j=!1),b.drag&&f.css(g),f.trigger("drag",[e,c]),d=f}),e.preventDefault()}else try{d&&d.trigger("dragEnd")}finally{c.off("mousemove.drag"),d=null}});return this.data("drag",!0)};function e(a,b){var c=Math.pow(10,b);return Math.round(a*c)/c}function f(a,b){var c=parseInt(a.css(b),10);if(c)return c;var d=a[0].currentStyle;return d&&d.width&&parseInt(d.width,10)}function g(a){var b=a.data("events");return b&&b.onSlide}function h(b,c){var d=this,h=c.css,i=a("
").data("rangeinput",d),j,k,l,m,n;b.before(i);var o=i.addClass(h.slider).find("a").addClass(h.handle),p=i.find("div").addClass(h.progress);a.each("min,max,step,value".split(","),function(a,d){var e=b.attr(d);parseFloat(e)&&(c[d]=parseFloat(e,10))});var q=c.max-c.min,r=c.step=="any"?0:c.step,s=c.precision;s===undefined&&(s=r.toString().split("."),s=s.length===2?s[1].length:0);if(b.attr("type")=="range"){var t=b.clone().wrap("
").parent().html(),u=a(t.replace(/type/i,"type=text data-orig-type"));u.val(c.value),b.replaceWith(u),b=u}b.addClass(h.input);var v=a(d).add(b),w=!0;function x(a,f,g,h){g===undefined?g=f/m*q:h&&(g-=c.min),r&&(g=Math.round(g/r)*r);if(f===undefined||r)f=g*m/q;if(isNaN(g))return d;f=Math.max(0,Math.min(f,m)),g=f/m*q;if(h||!j)g+=c.min;j&&(h?f=m-f:g=c.max-g),g=e(g,s);var i=a.type=="click";if(w&&k!==undefined&&!i){a.type="onSlide",v.trigger(a,[g,f]);if(a.isDefaultPrevented())return d}var l=i?c.speed:0,t=i?function(){a.type="change",v.trigger(a,[g])}:null;j?(o.animate({top:f},l,t),c.progress&&p.animate({height:m-f+o.height()/2},l)):(o.animate({left:f},l,t),c.progress&&p.animate({width:f+o.width()/2},l)),k=g,n=f,b.val(g);return d}a.extend(d,{getValue:function(){return k},setValue:function(b,c){y();return x(c||a.Event("api"),undefined,b,!0)},getConf:function(){return c},getProgress:function(){return p},getHandle:function(){return o},getInput:function(){return b},step:function(b,e){e=e||a.Event();var f=c.step=="any"?1:c.step;d.setValue(k+f*(b||1),e)},stepUp:function(a){return d.step(a||1)},stepDown:function(a){return d.step(-a||-1)}}),a.each("onSlide,change".split(","),function(b,e){a.isFunction(c[e])&&a(d).on(e,c[e]),d[e]=function(b){b&&a(d).on(e,b);return d}}),o.drag({drag:!1}).on("dragStart",function(){y(),w=g(a(d))||g(b)}).on("drag",function(a,c,d){if(b.is(":disabled"))return!1;x(a,j?c:d)}).on("dragEnd",function(a){a.isDefaultPrevented()||(a.type="change",v.trigger(a,[k]))}).click(function(a){return a.preventDefault()}),i.click(function(a){if(b.is(":disabled")||a.target==o[0])return a.preventDefault();y();var c=j?o.height()/2:o.width()/2;x(a,j?m-l-c+a.pageY:a.pageX-l-c)}),c.keyboard&&b.keydown(function(c){if(!b.attr("readonly")){var e=c.keyCode,f=a([75,76,38,33,39]).index(e)!=-1,g=a([74,72,40,34,37]).index(e)!=-1;if((f||g)&&!(c.shiftKey||c.altKey||c.ctrlKey)){f?d.step(e==33?10:1,c):g&&d.step(e==34?-10:-1,c);return c.preventDefault()}}}),b.blur(function(b){var c=a(this).val();c!==k&&d.setValue(c,b)}),a.extend(b[0],{stepUp:d.stepUp,stepDown:d.stepDown});function y(){j=c.vertical||f(i,"height")>f(i,"width"),j?(m=f(i,"height")-f(o,"height"),l=i.offset().top+m):(m=f(i,"width")-f(o,"width"),l=i.offset().left)}function z(){y(),d.setValue(c.value!==undefined?c.value:c.min)}z(),m||a(window).load(z)}a.expr[":"].range=function(b){var c=b.getAttribute("type");return c&&c=="range"||a(b).filter("input").data("rangeinput")},a.fn.rangeinput=function(c){if(this.data("rangeinput"))return this;c=a.extend(!0,{},b.conf,c);var d;this.each(function(){var b=new h(a(this),a.extend(!0,{},c)),e=b.getInput().data("rangeinput",b);d=d?d.add(e):e});return d?d:this}})(jQuery); + +// @license-end diff --git a/quattro/js/quattro.js b/quattro/js/quattro.js new file mode 100644 index 0000000..167c426 --- /dev/null +++ b/quattro/js/quattro.js @@ -0,0 +1,125 @@ +// SPDX-FileCopyrightText: 2010-2024 the Friendica project +// +// SPDX-License-Identifier: AGPL-3.0-or-later + +// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPLv3-or-later +$(document).ready(function(){ + $('nav').bind('nav-update', function(e,data){ + var notifCount = $(data).find('notif').attr('count'); + var intro = parseInt($(data).find('intro').text()); + var mail = parseInt($(data).find('mail').text()); + + $(".tool .notify").removeClass("on"); + $(data).find("circle").each(function() { + var gid = this.id; + var gcount = this.innerHTML; + $(".circle-"+gid+" .notify").addClass("on").text(gcount); + }); + + $(".group-widget-entry .notify").removeClass("on"); + $(data).find("group").each(function() { + var fid = this.id; + var fcount = this.innerHTML; + $(".group-"+fid+" .notify").addClass("on").text(fcount); + }); + + console.log(intro,mail); + + if (notifCount > 0 ) { + Tinycon.setBubble(notifCount); + } else { + Tinycon.setBubble(''); + } + + if (intro>0){ + $("#nav-introductions-link").addClass("on"); + } else { + $("#nav-introductions-link").removeClass("on"); + } + + if (mail>0){ + $("#nav-messages-link").addClass("on"); + } else { + $("#nav-messages-link").removeClass("on"); + } + + }); + + /* + * show and hide contact action buttons in + * contacts page on contacts' checkbox selection + */ + $('.contact-select').bind('click', function(e) { + var y = e.clientY; + var elm = $("#contacts-actions"); + y=y-40; + if (y<0) y=0; + if (y+elm.height() > $("html").height()) y=$("html").height()-elm.height(); + elm.css('top', y+"px"); + if ($(".contact-select:checked").length > 0) { + elm.show(); + } else { + elm.hide(); + } + }); +}); + +function showThread(id) { + $("#collapsed-comments-" + id).show() + $("#collapsed-comments-" + id + " .collapsed-comments").show() +} +function hideThread(id) { + $("#collapsed-comments-" + id).hide() + $("#collapsed-comments-" + id + " .collapsed-comments").hide() +} + + +function cmtBbOpen(id) { + $("#comment-edit-bb-" + id).show(); +} +function cmtBbClose(id) { + $("#comment-edit-bb-" + id).hide(); +} + +$(document).ready(function() { + + $('html').click(function() { $("#nav-notifications-menu" ).hide(); }); + + $('.circle-edit-icon').hover( + function() { + $(this).addClass('icon'); $(this).removeClass('iconspacer');}, + function() { + $(this).removeClass('icon'); $(this).addClass('iconspacer');} + ); + + $('.sidebar-circle-element').hover( + function() { + id = $(this).attr('id'); + $('#edit-' + id).addClass('icon'); $('#edit-' + id).removeClass('iconspacer');}, + + function() { + id = $(this).attr('id'); + $('#edit-' + id).removeClass('icon');$('#edit-' + id).addClass('iconspacer');} + ); + + + $('.savedsearchdrop').hover( + function() { + $(this).addClass('drop'); $(this).addClass('icon'); $(this).removeClass('iconspacer');}, + function() { + $(this).removeClass('drop'); $(this).removeClass('icon'); $(this).addClass('iconspacer');} + ); + + $('.savedsearchterm').hover( + function() { + id = $(this).attr('id'); + $('#drop-' + id).addClass('icon'); $('#drop-' + id).addClass('drophide'); $('#drop-' + id).removeClass('iconspacer');}, + + function() { + id = $(this).attr('id'); + $('#drop-' + id).removeClass('icon');$('#drop-' + id).removeClass('drophide'); $('#drop-' + id).addClass('iconspacer');} + ); + +}); + +// @license-end diff --git a/quattro/lilac/Makefile b/quattro/lilac/Makefile new file mode 100755 index 0000000..c9b77b4 --- /dev/null +++ b/quattro/lilac/Makefile @@ -0,0 +1,5 @@ +## + +style.css : style.less colors.less ../icons.less ../quattro.less + echo "/* THIS FILE IS GENERATED FROM THE less SOURCE DO NOT EDIT MANUALLY */" > style.css + lessc style.less >> style.css diff --git a/quattro/lilac/colors.less b/quattro/lilac/colors.less new file mode 100644 index 0000000..dd1af21 --- /dev/null +++ b/quattro/lilac/colors.less @@ -0,0 +1,127 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +// 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); +@Green4:rgb(221,255,221); +@Purple1:rgb(241,202,255); +@Purple2:rgb(215,108,255); +@Purple3:rgb(186,0,255); +@Metallic1:rgb(189,205,212); +@Metallic2:rgb(158,171,176); +@Metallic3:rgb(54,78,89); +@Metallic4: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); +@lilac: #86608e; +@lilacComp: #cbd38d; +@lilacDark: #521f5c; +@lilacBright:#c0a3c7; +@lilacVBright:#F6ECF9; + + +// Theme colors +@BodyBackground: @lilacVBright; +@BodyColor: @Grey5; + +@Link: @lilacDark; +@LinkHover: @lilac; +@LinkVisited: @lilac; + + +@ButtonColor: @Grey1; +@ButtonBackgroundColor: @Grey5; + +@Banner: @Grey1; + +@NavbarBackground:@lilacDark; +@NavbarSelectedBg:@lilacComp; +@NavbarSelectedBorder: @Metallic2; +@NavbarNotifBg: @lilac; + +@Menu: @Grey5; +@MenuBg: @Grey1; +@MenuBorder: @Metallic3; +@MenuItem: @Grey5; +@MenuItemHoverBg: @lilacBright; +@MenuItemSeparator: @Metallic2; +@MenuEmpty: @Metallic2; +@MenuItemDetail: @Metallic2; + +@AsideBorder: @Metallic1; +@AsideConnect: @Grey1; +@AsideConnectBg: @lilacDark; +@AsideConnectHoverBg: @lilac; +@VCardLabelColor: @Grey3; + +@InfoColor: @Grey1; +@InfoBackgroundColor: @Metallic3; + +@NoticeColor: @Grey1; +@NoticeBackgroundColor: #511919; + +@FieldHelpColor: @Grey3; + +@ThreadBackgroundColor: #eff0f1; +@ThreadBottomBorderColor: @Grey2; +@ShinyBorderColor: @lilacBright; + +@BlockquoteBackgroundColor: #FFFFFF; +@BlockquoteBorderColor: #e6e6e6; + +@CommentBoxEmptyColor: @Grey3; +@CommentBoxEmptyBorderColor: @Grey3; +@CommentBoxFullColor: @Grey5; +@CommentBoxFullBorderColor: @Grey5; + +@TagColor: @Grey1; +@MentionColor: @Grey4; + +@JotToolsBackgroundColor: @lilacDark; +@JotToolsBorderColor: @Metallic2; +@JotToolsOverBackgroundColor: @lilac; +@JotToolsOverBorderColor: @Metallic1; +@JotToolsText: @Grey2; +@JotSubmitBackgroundColor: @Grey2; +@JotSubmitText: @Grey4; +@JotSubmitOverBackgroundColor: @lilacDark; +@JotSubmitOverText: @Grey4; +@JotPermissionUnlockBackgroundColor: @Grey2; +@JotPermissionLockBackgroundColor: @Grey4; +@JotLoadingBackgroundColor: @Grey1; +@JotPreviewBackgroundColor: @lilacBright; + +@MessageNewBackgroundColor: @Blue1; +@MessageNewBorderColor: @Blue3; +@MessageNewColor: @Grey1; + +@MailListBackgroundColor: #f6f7f8; + +@MailDisplaySubjectColor: @Grey5; +@MailDisplaySubjectBackgroundColor: #f6f7f8; + +@NotificationsPageListOddBackground: @Grey1; +@NotificationsPageListEvenBackground: @Grey2; \ No newline at end of file diff --git a/quattro/lilac/style.css b/quattro/lilac/style.css new file mode 100644 index 0000000..97ef6e0 --- /dev/null +++ b/quattro/lilac/style.css @@ -0,0 +1,2543 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +/* THIS FILE IS GENERATED FROM THE less SOURCE DO NOT EDIT MANUALLY */ +/** + * Fabio Comuni + **/ +/* 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.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.mail { + background-image: url("icons/messages_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.pencil { + 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.remote-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-application { + 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.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.s10.mail { + background-image: url("icons/messages_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.pencil { + 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.remote-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-application { + 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.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.s16.mail { + background-image: url("icons/messages_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.pencil { + 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.remote-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-application { + 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.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.s22.mail { + background-image: url("icons/messages_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.pencil { + 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.remote-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-application { + 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.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.s48.mail { + background-image: url("icons/messages_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.pencil { + 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.remote-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-application { + 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: #F6ECF9; + color: #2d2d2d; + margin: 50px 0 0 0; + display: table; +} +h4 { + font-size: 1.1em; +} +a, +a:link { + color: #521f5c; + text-decoration: none; +} +a:visited { + color: #86608e; + text-decoration: none; +} +a:hover { + color: #86608e; + text-decoration: underline; +} +.left { + float: left; +} +.right { + float: right; +} +.hidden { + display: none; +} +.clear { + clear: both; +} +.fakelink { + color: #521f5c; + text-decoration: none; + cursor: pointer; +} +.fakelink:hover { + color: #86608e; + text-decoration: underline; +} +blockquote { + background: #FFFFFF; + padding: 1em; + margin-left: 1em; + border-left: 1em solid #e6e6e6; +} +pre 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: 0; + padding: 1em; + list-style: none; + border: 3px solid #364e59; + z-index: 100000; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + box-shadow: 0 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; +} +/* notifications page */ +.notif-item { + padding: 0.5em; +} +.notif-item:nth-child(even) { + background-color: #cccccc; +} +.notif-item:nth-child(odd) { + background-color: #ffffff; +} +.notif-item .notif-image { + width: 16px; +} +/* header */ +header { + position: fixed; + left: 43%; + right: 43%; + top: 0; + margin: 0; + padding: 0; + /*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: 0; + top: 0; + padding: 0; + background-color: #521f5c; + color: #ffffff; + z-index: 100; + -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 0 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: 0; + padding: 0 20px; +} +nav ul li { + list-style: none; + margin: 0; + padding: 0; + float: left; +} +nav ul li .menu-popup { + left: 0; + right: auto; +} +nav .nav-menu-icon { + position: relative; + height: 22px; + padding: 5px; + margin: 0 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: #cbd38d; +} +nav .nav-menu-icon img { + width: 22px; + height: 22px; +} +nav .nav-menu-icon .nav-notification { + top: 3px; +} +nav .nav-menu { + position: relative; + height: 16px; + padding: 5px; + margin: 3px 15px 0; + font-size: 14px; + border-bottom: 3px solid #521f5c; +} +nav .nav-menu.selected { + border-bottom: 3px solid #9eabb0; +} +nav .nav-notification { + display: none; + position: absolute; + background-color: #86608e; + -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: 0; + right: -10px; + min-width: 15px; + text-align: right; +} +nav .nav-notification.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: 0; + 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-introductions-link.on .icon.s22.intro, +nav #nav-introductions-link.selected .icon.s22.intro { + background-image: url("icons/contacts_on.png"); +} +nav #nav-messages-link.on .icon.s22.mail, +nav #nav-messages-link.selected .icon.s22.mail { + background-image: url("icons/messages_on.png"); +} +nav #nav-apps-link.selected { + background-color: #cbd38d; +} +ul.menu-popup { + position: absolute; + display: none; + width: 10em; + background: #ffffff; + color: #2d2d2d; + margin: 0; + padding: 0; + list-style: none; + border: 3px solid #364e59; + z-index: 100000; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + box-shadow: 0 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: #c0a3c7; +} +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 */ +.autocomplete, +.acpopup-mce { + max-height: 150px; +} +.autocomplete, +.acpopup-mce, +.acpopup { + background-color: #ffffff; + color: #2d2d2d; + border: 1px solid #364e59; + overflow: auto; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); +} +.autocomplete > div, +.acpopupitem { + color: #2d2d2d; + padding: 4px; + clear: left; + overflow: auto; + height: auto; +} +.autocomplete > div img, +.acpopupitem img { + float: left; + margin-right: 4px; + width: 16px !important; + height: 16px !important; +} +.autocomplete > div.selected, +.acpopupitem.selected { + background-color: #c0a3c7; +} +.textcomplete-item { + color: #2d2d2d; +} +.textcomplete-item a:hover { + color: #2d2d2d; +} +.textcomplete-item.active { + background-color: #c0a3c7; +} +#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; +} +/* Contact-Header for the Network Stream */ +#viewcontact_wrapper-network { + width: 100%; + min-height: 100px; + background-color: #eff0f1; + border-bottom: 1px solid #cccccc; +} +#viewcontact_wrapper-network #contact-entry-wrapper-network { + float: none; + width: auto; + height: auto; + padding: 10px; +} +#viewcontact_wrapper-network #contact-entry-wrapper-network #contact-entry-accounttype-network { + font-size: 22px; +} +#viewcontact_wrapper-network #contact-entry-wrapper-network #contact-entry-name-network { + font-size: 24.5px; + font-weight: normal; +} +#viewcontact_wrapper-network #contact-entry-wrapper-network .contact-details { + font-size: 12px; +} +/* aside 230px*/ +aside { + display: table-cell; + vertical-align: top; + width: 200px; + padding: 0px 10px 0 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 .p-addr { + margin-bottom: 5px; +} +aside .vcard .account-type { + font-size: 14px; + margin-bottom: 13px; +} +aside .vcard dl { + height: auto; + overflow: auto; +} +aside .vcard dt { + float: left; + margin-left: 0; + width: 35%; + text-align: right; + color: #999999; +} +aside .vcard dd { + float: left; + margin-left: 4px; + width: 60%; +} +aside #profile-extra-links ul { + padding: 0; + margin: 0; +} +aside #profile-extra-links li { + padding: 0.2em 0; + margin: 0; + list-style: none; +} +aside #wallmessage-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: #521f5c url('../../../images/connect-bg.png') no-repeat left center; + font-weight: bold; + text-transform: uppercase; + padding: 4px 2px 2px 35px; + margin-top: 3px; +} +aside #wallmessage-link:hover { + text-decoration: none; + background-color: #86608e; +} +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: #521f5c url('icons/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: #86608e; +} +aside #subscribe-feed-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: #521f5c url('icons/rss-bg.png') no-repeat left center; + font-weight: bold; + text-transform: uppercase; + padding: 4px 2px 2px 35px; +} +aside #subscribe-feed-link:hover { + text-decoration: none; + background-color: #86608e; +} +aside #profiles-menu { + width: 20em; +} +aside .posted-date-selector-months { + margin-left: 10px; +} +#contact-block { + overflow: auto; + height: auto; + /*.contact-block-div { width:60px; height: 60px; }*/ +} +#contact-block .contact-block-h4 { + float: left; + margin: 5px 0; +} +#contact-block .allcontact-link { + float: right; + margin: 5px 0; +} +#contact-block .contact-block-content { + clear: both; + overflow: hidden; + height: auto; +} +#contact-block .contact-block-link { + float: left; + margin: 0 2px 2px 0; +} +#contact-block .contact-block-link img { + width: 48px; + height: 48px; +} +/* circle member */ +#contact-edit-drop-link, +.mail-list-delete-wrapper, +.circle-delete-wrapper { + float: right; + margin-right: 50px; +} +#contact-edit-drop-link .drophide, +.mail-list-delete-wrapper .drophide, +.circle-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, +.circle-delete-wrapper .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + position: relative; + top: -50px; +} +/* +#circle-members { + margin-top: 20px; + padding: 10px; + height: 250px; + overflow: auto; + border: 1px solid #ddd; +} +#circle-members-end { + clear: both; +} +#circle-all-contacts { + padding: 10px; + height: 450px; + overflow: auto; + border: 1px solid #ddd; +} +#circle-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: 0;} + .action .s16 { width: 16px; overflow: hidden; padding: 0;}*/ +} +.widget h3 { + padding: 0; + 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: 0; +} +.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 .notify { + display: none; + background-color: #19AEFF; + border-radius: 5px; + font-size: 10px; + padding: 1px 3px; + min-width: 15px; + text-align: right; + float: right; + color: #ffffff; + margin-right: 10px; +} +.widget .notify.on { + display: block; +} +/* widget: search */ +#add-search-popup { + width: 200px; + top: 18px; +} +/* section 800px */ +section { + display: table-cell; + vertical-align: top; + width: 770px; + padding: 0px 20px 0 10px; +} +.sparkle { + cursor: url('icons/lock.cur'), pointer; +} +/* wall item */ +.tread-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: 700px; +} +.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-events { + float: left; + margin-top: 0.5em; +} +.wall-item-container .wall-item-actions-events a { + margin-right: 3em; +} +.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-social a.active { + font-weight: bold; +} +.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: 0 !important; +} +.wall-item-container.comment .wall-item-links { + padding-left: 12px; +} +.wall-item-container.comment .commentbox { + height: 0; + overflow: hidden; + -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.comment .commentbox .wall-item-comment-wrapper { + border-top: 1px solid #999999; + height: 0; + overflow: hidden; +} +.wall-item-container.comment:hover .commentbox { + height: auto; + overflow: visible; + -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.comment:hover .commentbox .wall-item-comment-wrapper { + border-top: 0; + height: auto; + overflow: visible; +} +/* '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: 10px; + color: #999999; + border: 1px solid #999999; + padding: 0.3em; +} +.wall-item-comment-wrapper .comment-edit-text-full { + height: 4em; + color: #2d2d2d; + border: 1px solid #2d2d2d; +} +.wall-item-comment-wrapper.photo { + margin: 1em 2em 1em 0; +} +.threaded .wall-item-comment-wrapper { + margin-left: 0; +} +.comment-edit-preview { + width: 710px; + border: 1px solid #2d2d2d; + margin-top: 10px; + background-color: #c0a3c7; +} +.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: 90%; +} +.comment-edit-preview .tread-wrapper { + width: 90%; + padding: 0; + margin: 10px 0; + background-color: #c0a3c7; + border-bottom: 0; +} +.comment-edit-preview .wall-item-conv { + display: none; +} +.shiny { + border-right: 10px solid #c0a3c7; +} +#jot-preview-content .tread-wrapper { + background-color: #c0a3c7; +} +.hide-comments-outer { + margin-bottom: 0.8em; +} +.wall-item-tags { + padding-top: 5px; +} +.tag { + background: url("icons/tag.png") no-repeat center right; + color: #ffffff; + padding-right: 8px; + padding-left: 3px; +} +.tag a { + color: #ffffff; +} +.mention { + background: url("icons/men.png") no-repeat 1px center; + color: #666666; + padding-right: 3px; + padding-left: 18px; +} +.mention a { + color: #666666; +} +.folder { + background: url("icons/folder.png") no-repeat 1px center; + color: #666666; + padding-right: 3px; + padding-left: 15px; +} +.folder a { + color: #666666; +} +.category { + background: url("icons/category.png") no-repeat 1px center; + color: #666666; + padding-right: 3px; + padding-left: 15px; +} +.category a { + color: #666666; +} +/*.filesavetags { + padding: 3px 0 3px 0; + opacity: 0.5; +}*/ +.wwto { + position: absolute !important; + background: #FFFFFF; + border: 2px solid #364e59; + height: 25px; + width: 25px; + overflow: hidden; + padding: 1px; + top: 40px; + left: 30px; + -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); +} +.wwto .contact-photo { + width: 25px; + height: 25px; +} +/* reshare e embed */ +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.wall-item-container .wall-item-content .type-link img.attachment-image, +.type-link img.attachment-image { + max-width: 650px; + max-height: inital; + float: none; + margin-right: 0; +} +.type-link blockquote { + margin: 1em 0; + max-height: 160px; + overflow: hidden; + padding-left: 1em; +} +.type-video blockquote { + padding-left: 1em; +} +/* threaded comments */ +.children { + margin-top: 1em; +} +.children .hide-comments-outer { + margin-left: 60px; +} +.children .wwto { + display: none; +} +.children .comment-edit-preview { + width: 660px; +} +.children .comment-edit-preview .wall-item-container { + width: 610px; +} +.children .children { + margin-left: 40px; +} +.children .children .wall-item-container { + width: 710px; +} +.children .children .comment-edit-preview { + width: 620px; +} +.children .children .comment-edit-preview .wall-item-container { + width: 620px; +} +.children .children .children .wall-item-container { + width: 670px; +} +.children .children .children .comment-edit-preview { + width: 580px; +} +.children .children .children .comment-edit-preview .wall-item-container { + width: 580px; +} +.children .children .children .children .wall-item-container { + width: 630px; +} +.children .children .children .children .comment-edit-preview { + width: 540px; +} +.children .children .children .children .comment-edit-preview .wall-item-container { + width: 540px; +} +.children .children .children .children .children .wall-item-container { + width: 590px; +} +.children .children .children .children .children .comment-edit-preview { + width: 500px; +} +.children .children .children .children .children .comment-edit-preview .wall-item-container { + width: 500px; +} +.children .children .children .children .children .children { + margin-left: 0; +} +.children .children .children .children .children .children .hide-comments-outer { + margin-left: 0; +} +/*.threaded .hide-comments-outer { margin-left: 20px; }*/ +span[id^="showmore-teaser"] { + background: url("showmore-bg.jpg") no-repeat center bottom; +} +span[id^="showmore-wrap"] { + border-top: 1px solid #999999; + color: #999999; + display: block; + text-align: center; + background-color: #eff0f1; +} +#pause { + position: fixed; + bottom: 5px; + right: 5px; +} +.contact-photo-wrapper { + position: relative; +} +.contact-select { + position: absolute; + top: 64px; + left: 64px; + display: none; +} +.contact-select:checked, +.contact-photo:hover .contact-select { + display: block; +} +#contacts-actions { + position: absolute; + left: 800px; + width: 200px; + background-color: #ffffff; + border: 2px solid #364e59; + display: none; +} +#contacts-actions .batch-action { + display: block; + width: 100%; + background-color: #ffffff; + border: 0; + color: #2d2d2d; + text-align: left; + padding: 5px 10px; + font-size: 11px; +} +#contacts-actions .batch-action:hover { + background-color: #c0a3c7; +} +@media (max-width: 1000px) { + #contacts-actions { + left: 40px; + } +} +.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 0; +} +.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: 0; + top: 63px; +} +.contact-wrapper .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + position: relative; + top: 10px; + left: -10px; + z-index: 99; +} +.contact-wrapper .drophide { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + opacity: 0.3; + position: relative; + top: 10px; + left: -10px; + z-index: 99; +} +.contact-wrapper .contact-entry-connect { + padding-top: 5px; + font-weight: bold; +} +.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; +} +#contact-edit-status-wrapper { + border-color: #86608e; +} +/* editor */ +.jothidden { + display: none; +} +#jot { + width: 100%; + margin: 0 2em 20px 0; +} +#jot .profile-jot-text { + height: 1em; + width: 99%; + font-size: 10px; + color: #999999; + border: 1px solid #999999; + padding: 0.3em; +} +#jot #jot-tools { + margin: 0; + padding: 0; + height: 40px; + overflow: none; + width: 770px; + background-color: #521f5c; + 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: #86608e; + 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: 0; + margin: 0; + padding: 0; + background-color: #cccccc; + color: #666666; + width: 80px; + height: 40px; + line-height: 40px; +} +#jot #jot-tools li.submit input:hover { + background-color: #521f5c; + 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: 0; + margin: 0; + height: 20px; + width: 500px; + font-weight: bold; + border: 1px solid #F6ECF9; +} +#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: 0; + margin: 0; + height: 20px; + width: 200px; + border: 1px solid #F6ECF9; +} +#jot #jot-category:hover { + border: 1px solid #999999; +} +#jot #jot-category:focus { + border: 1px solid #999999; +} +/** buttons **/ +/*input[type="submit"] { + border: 0; + background-color: @ButtonBackgroundColor; + color: @ButtonColor; + padding: 0 10px; + .rounded(5px); + height: 18px; +}*/ +a.actionbutton { + border: 1px solid #999999; + background-color: #cccccc; + color: #2d2d2d; + font-size: 8pt; + padding: 2pt; + -moz-border-radius: 5px 5px 5px 5px; + -webkit-border-radius: 5px 5px 5px 5px; + border-radius: 5px 5px 5px 5px; +} +a.actionbutton i.icon { + display: inline-block; + vertical-align: baseline; + padding: 0; +} +a.actionbutton:hover { + text-decoration: none; + background-color: #ffffff; +} +h2 > .actionbutton { + float: right; +} +/** acl **/ +#photo-edit-perms-select, +#photos-upload-permissions-wrapper, +#profile-jot-acl-wrapper { + display: block!important; +} +#acl-wrapper { + width: 690px; + float: left; +} +#acl-wrapper a:hover { + text-decoration: none; + color: #000000; +} +/** /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 #86608e; +} +/** circle editor **/ +#circle-edit-desc { + margin-top: 1em; + color: #999999; +} +#circle-update-wrapper { + height: auto; + overflow: auto; +} +#circle-update-wrapper #circle { + width: 300px; + float: left; + margin-right: 20px; +} +#circle-update-wrapper #contacts { + width: 300px; + float: left; +} +#circle-update-wrapper #circle-separator { + display: none; +} +#circle-update-wrapper .contact_list { + height: 300px; + border: 1px solid #364e59; + overflow: auto; +} +#circle-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 .hidden { + display: none!important; +} +.field.radio .field_help { + margin-left: 0; +} +#profile-edit-links li { + list-style: none; + margin-top: 10px; +} +#profile-menu { + display: none; +} +#profile-edit-default-desc { + color: #FF0000; + border: 1px solid #FF8888; + background-color: #FFEEEE; + padding: 7px; +} +#profile-edit-name-label, +#profile-edit-about-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-pubkeywords-label, +#profile-edit-prvkeywords-label, +#profile-edit-homepage-label { + float: left; + width: 175px; + padding-top: 7px; +} +#profile-edit-name, +#profile-edit-about, +#profile-edit-dob, +#profile-edit-address, +#profile-edit-locality, +#profile-edit-region, +#profile-edit-postal-code, +#profile-edit-country-name, +#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; +} +/* manage page */ +.identity-match-photo { + position: relative; +} +.identity-match-photo .delegation-notify { + background-color: #19AEFF; + border-radius: 5px; + font-size: 10px; + padding: 1px 3px; + min-width: 15px; + text-align: right; + position: absolute; + right: 10px; + top: -5px; + color: #ffffff; +} +/* videos page */ +.videos .video-top-wrapper { + width: 200px; + float: left; + margin: 0 10px 10px 0; + position: relative; +} +.videos .video-top-wrapper .video-delete { + position: absolute; + opacity: 0; + right: 0; + top: 0; + transition: opacity 0.5s; +} +.videos .video-top-wrapper:hover .video-delete { + opacity: 1; +} +/* 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; +} +#photo-top-upload-link, +.photos-upload-link { + margin: 1em 0; + display: block; +} +.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: 0 10px 10px 0; + 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: 0; + -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 0 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: 0; + 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; + padding-top: 6px; + /* a { display: block;}*/ +} +#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; +} +#photo_edit_form { + padding: 1em; +} +/* profile match wrapper */ +.profile-match-wrapper { + float: left; + width: 110px; + height: 110px; + margin-bottom: 20px; +} +.profile-match-wrapper .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + position: relative; + top: 10px; + left: -10px; +} +.profile-match-wrapper .drophide { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + opacity: 0.3; + position: relative; + top: 10px; + left: -10px; +} +.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: 0; + 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 0; +} +.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 0 0 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 0 4px; +} +.mail-list-wrapper .mail-from { + padding: 4px 4px 0 4px; +} +.mail-list-wrapper .mail-count { + padding: 4px 4px 0 4px; + text-align: right; +} +.mail-list-wrapper .mail-delete { + float: right; +} +#message-preview { + margin-top: 1em; + box-sizing: border-box; +} +#message-preview * { + box-sizing: border-box; + white-space: nowrap; +} +#message-preview .mail-list-wrapper .mail-subject { + width: 100%; +} +#message-preview .mail-list-wrapper .mail-date { + font-size: 0.8em; + width: 25%; + text-align: right; +} +#message-preview .mail-list-wrapper .mail-from { + font-size: 0.8em; + width: 75%; +} +#message-preview .mail-list-wrapper .mail-count { + font-size: 0.8em; + width: 100%; +} +#message-preview .mail-list-wrapper .mail-delete { + display: none; +} +#message-preview .mail-list-wrapper .mail-date, +#message-preview .mail-list-wrapper .mail-from, +#message-preview .mail-list-wrapper .mail-count { + 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; +} +#message-preview .mail-list-wrapper:hover .mail-date, +#message-preview .mail-list-wrapper:hover .mail-from, +#message-preview .mail-list-wrapper:hover .mail-count { + 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; +} +#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 0 0 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; +} +.pager .disabled { + display: none; +} +/** + * 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 #addonslist { + margin: 0; + padding: 0; +} +#adminpage .addon { + list-style: none; + display: block; + border: 1px solid #888888; + padding: 1em; + margin-bottom: 5px; + clear: left; +} +#adminpage .addon desc { + margin-left: 2.5em; +} +#adminpage .toggleaddon { + float: left; + margin-right: 1em; +} +#adminpage table { + width: 100%; + border-bottom: 1px solid #000000; + margin: 5px 0; +} +#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; +} +#adminpage .settings-block { + border-bottom: 1px solid #cccccc; +} +/* edit buttons for comments */ +.icon.dim { + opacity: 0.3; + filter: alpha(opacity=30); +} +.comment-edit-bb { + list-style: none; + display: none; + margin: 0; + padding: 0; + 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: 0 0; +} +.boldbb:hover { + background-position: 0 -16px; +} +.italicbb { + background-position: -16px 0; +} +.italicbb:hover { + background-position: -16px -16px; +} +.underlinebb { + background-position: -32px 0; +} +.underlinebb:hover { + background-position: -32px -16px; +} +.quotebb { + background-position: -48px 0; +} +.quotebb:hover { + background-position: -48px -16px; +} +.codebb { + background-position: -64px 0; +} +.codebb:hover { + background-position: -64px -16px; +} +.imagebb { + background-position: -80px 0; +} +.imagebb:hover { + background-position: -80px -16px; +} +.urlbb { + background-position: -96px 0; +} +.urlbb:hover { + background-position: -96px -16px; +} +.videobb { + background-position: -112px 0; +} +.videobb:hover { + background-position: -112px -16px; +} +/* buttons for the event view */ +.plink-event-link { + float: left; + margin-left: 2px; +} +/* upload/select popup */ +.fbrowser { + overflow: auto; + position: absolute; + top: 0; + width: 100%; + height: 100%; +} +.fbrowser .path { + background-color: #521f5c; +} +.fbrowser .path a { + padding: 5px; + margin: 0 2px; + display: inline-block; +} +.fbrowser .path a, +.fbrowser .path a:active, +.fbrowser .path a:visited, +.fbrowser .path a:link, +.fbrowser .path a:hover { + color: #ffffff; + text-decoration: none; + outline: none; +} +.fbrowser .folders ul { + list-style: url("icons/folder.png"); + padding-left: 22px; +} +.fbrowser .list { + padding: 10px; +} +.fbrowser.photo .photo-album-image-wrapper { + width: 48px; + height: 48px; +} +.fbrowser.photo a img { + width: auto; + height: 48px; +} +.fbrowser.photo a p { + display: none; +} +.fbrowser.attachment .photo-album-image-wrapper { + float: none; + white-space: nowrap; + width: 100%; + height: auto; +} +.fbrowser.attachment img { + display: inline; + width: 16px; + height: 16px; +} +.fbrowser.attachment p { + display: inline; + white-space: nowrap; +} +.fbrowser .upload { + clear: both; + padding-top: 1em; +} diff --git a/quattro/lilac/style.less b/quattro/lilac/style.less new file mode 100644 index 0000000..d425a8c --- /dev/null +++ b/quattro/lilac/style.less @@ -0,0 +1,20 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +/** + * Fabio Comuni + **/ +// Less file http://lesscss.org/ +// compile with lessc +// $ lessc style.less > style.css + +@import "colors"; +@import "../icons"; +@import "../quattro"; + + + + diff --git a/quattro/quattro.less b/quattro/quattro.less new file mode 100644 index 0000000..5fc1fc3 --- /dev/null +++ b/quattro/quattro.less @@ -0,0 +1,1674 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +// Quattro Theme LESS file + +/* global */ +body { + font-family: Liberation Sans,helvetica,arial,clean,sans-serif; + font-size: 11px; + background-color: @BodyBackground; + color: @BodyColor; + margin: 50px 0 0 0; + display:table; +} +h4 { font-size: 1.1em } + +.shadow(@x: 0, @y: 5px){ + -webkit-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7); + box-shadow:@x @y 10px rgba(0, 0, 0, 0.7); +} + +.rounded(@tr: 5px, @tl: 5px, @bl: 5px, @br: 5px){ + -moz-border-radius: @arguments; + -webkit-border-radius: @arguments; + border-radius: @arguments; +} +.roundbottom (@radius: 5px){ .rounded(0, 0, @radius, @radius); } +.roundtop (@radius: 5px){ .rounded(@radius, @radius, 0, 0); } + +.opaque(@v: 0.5){ + opacity: @v; + .transition(); +} + +.transition(@d: 0.2s){ + -webkit-transition: all @d ease-in-out; + -moz-transition: all @d ease-in-out; + -o-transition: all @d ease-in-out; + -ms-transition: all @d ease-in-out; + transition: all @d ease-in-out; +} + + +a, a:link { color: @Link; text-decoration: none; } +a:visited { color: @LinkVisited; text-decoration: none; } +a:hover {color: @LinkHover; text-decoration: underline; } + +.left { float: left; } +.right { float: right; } +.hidden { display: none; } +.clear { clear: both; } + +.fakelink { color: @Link; text-decoration: none; cursor:pointer; } +.fakelink:hover { color: @LinkHover; text-decoration: underline; } + +blockquote { + background:@BlockquoteBackgroundColor; + padding: 1em; + margin-left: 1em; + border-left: 1em solid @BlockquoteBorderColor; + +} + +pre 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: @MenuBg; + color: @Menu; + margin: 0; + padding: 1em; + list-style: none; + border: 3px solid @MenuBorder; + z-index: 100000; + + .shadow(); +} + + + +/* tool */ + +.tool { + height: auto; overflow: auto; + .label { float: left;} + .action { float: right; } + > img { float: left; } +} + + + + +/* popup notifications */ +#jGrowl.top-right { + top: 30px; + right: 15px; +} +div.jGrowl div.notice { + background: @NoticeBackgroundColor url("../../../images/icons/48/notice.png") no-repeat 5px center; + color: @NoticeColor; + padding-left: 58px; +} +div.jGrowl div.info { + background: @InfoBackgroundColor url("../../../images/icons/48/info.png") no-repeat 5px center; + color: @InfoColor; + padding-left: 58px; +} + +/* notifications page */ +.notif-item { + padding: 0.5em; + &:nth-child(even) { background-color: @NotificationsPageListEvenBackground; } + &:nth-child(odd) { background-color: @NotificationsPageListOddBackground; } + .notif-image { width: 16px; } +} + + +/* header */ +header { + position: fixed; left: 43%; right: 43%; top: 0; + margin: 0; padding: 0; + /*width: 100%; height: 12px; */ + z-index: 110; + color: @Grey1; + #site-location { + display: none; + } + + #banner { + overflow: hidden; + text-align: center; + width: 100%; + a, a:active, a:visited, a:link, a:hover { color: @Grey1; text-decoration: none; outline: none; vertical-align: bottom; } + #logo-img { height: 22px; margin-top:5px;} + #logo-text { font-size: 22px } + } +} +/* nav */ +nav { + width: 100%; height: 32px; + position: fixed; left: 0; top: 0; + padding: 0; + background-color: @NavbarBackground; + color: @Grey1; + z-index: 100; + .shadow(0px, 0); + + a, a:active, a:visited, a:link, a:hover { color: @Banner; text-decoration: none; outline: none; } + + ul { + margin: 0; + padding: 0 20px; + li { + list-style: none; + margin: 0; padding: 0; + float: left; + .menu-popup{ left: 0; right: auto; } + } + + } + + .nav-menu-icon { + position: relative; + height: 22px; + padding: 5px; + margin: 0 10px; + .roundtop(); + + &.selected { + background-color: @NavbarSelectedBg; + } + + img { width: 22px; height: 22px; } + .nav-notification { top: 3px; } + } + + .nav-menu { + position: relative; + height: 16px; + padding: 5px; + margin: 3px 15px 0; + font-size: 14px; + border-bottom: 3px solid @NavbarBackground; + &.selected { + border-bottom: 3px solid @NavbarSelectedBorder; + } + + } + + .nav-notification { + display: none; + position: absolute; + background-color: @NavbarNotifBg; + .rounded(); + font-size: 10px; + padding: 1px 3px; + top: 0; + right: -10px; + min-width: 15px; + text-align: right; + + &.show{ display: block; } + } + + + #nav-help-link, + #nav-search-link, + #nav-directory-link, + #nav-apps-link, + #nav-site-linkmenu { + float: right; + .menu-popup{ right: 0; left: auto; } + } + + #nav-notifications-linkmenu.on .icon.s22.notify, + #nav-notifications-linkmenu.selected .icon.s22.notify { background-image: url("../../../images/icons/22/notify_on.png") } + #nav-introductions-link.on .icon.s22.intro, + #nav-introductions-link.selected .icon.s22.intro { background-image: url("icons/contacts_on.png") } + #nav-messages-link.on .icon.s22.mail, + #nav-messages-link.selected .icon.s22.mail { background-image: url("icons/messages_on.png") } + #nav-apps-link.selected { background-color: @NavbarSelectedBg; } +} + + +ul.menu-popup { + position: absolute; + display: none; + width: 10em; + background: @MenuBg; + color: @Menu; + margin: 0; + padding: 0; + list-style: none; + border: 3px solid @MenuBorder; + z-index: 100000; + + .shadow(); + + a { display: block; color: @MenuItem; padding: 5px 10px; text-decoration: none;} + a:hover { background-color: @MenuItemHoverBg; } + .menu-sep { border-top: 1px solid @MenuItemSeparator; } + li { float: none; overflow: auto; height: auto; display: block; } + li img { float: left; width: 16px; height: 16px; padding-right: 5px;} + .empty { + padding: 5px; + text-align: center; + color: @MenuEmpty; + } + .toolbar { + background-color: @MenuEmpty; + height: auto; overflow: auto; + a { float: right; } + a:hover { background-color: @MenuBg; } + } + +} + +/* autocomplete popup */ +.autocomplete, .acpopup-mce { max-height:150px; } +.autocomplete, +.acpopup-mce, +.acpopup { + background-color:@MenuBg; + color: @Menu; + border:1px solid @MenuBorder; + overflow:auto; + .shadow(); +} +.autocomplete > div, +.acpopupitem { + color: @MenuItem; padding: 4px; + clear:left; + overflow: auto; + height: auto; + img { + float: left; + margin-right: 4px; + width: 16px !important; + height: 16px !important; + } + &.selected{ + background-color: @MenuItemHoverBg; + } +} +.textcomplete-item { + color: @MenuItem; + a:hover{ + color: @MenuItem; + } + &.active{ + background-color: @MenuItemHoverBg; + } +} + + +#nav-notifications-menu { + width: 400px; max-height: 550px; + overflow: auto; + img { float: left; margin-right: 5px; } + .contactname { font-weight: bold; } + .notif-when { font-size: 10px; color: @MenuItemDetail; display: block; } +} + +/* Contact-Header for the Network Stream */ +#viewcontact_wrapper-network { + width: 100%; + min-height: 100px; + background-color: #eff0f1; + border-bottom: 1px solid #cccccc; + #contact-entry-wrapper-network { + float: none; + width: auto; + height: auto; + padding: 10px; + #contact-entry-accounttype-network { font-size: 22px; } + #contact-entry-name-network { font-size: 24.5px; font-weight: normal; } + .contact-details { font-size: 12px; } + } +} + + +/* aside 230px*/ +aside { + display: table-cell; + vertical-align: top; + width: 200px; + padding:0px 10px 0 20px; + border-right: 1px solid @AsideBorder; + + .profile-edit-side-div { display: none; } + + .vcard { + .fn { font-size: 16px; font-weight: bold; margin-bottom: 5px; } + .title { margin-bottom: 5px; } + .p-addr { margin-bottom: 5px; } + .account-type { font-size: 14px; margin-bottom: 13px; } + dl { height: auto; overflow: auto; } + dt {float: left; margin-left: 0; width: 35%; text-align: right; color: @VCardLabelColor; } + dd {float: left; margin-left: 4px; width: 60%;} + + } + + #profile-extra-links { + ul { padding: 0; margin: 0; } + li { padding: 0.2em 0; margin: 0; list-style: none; } + } + + #wallmessage-link { + display: block; + .rounded(); + color: @AsideConnect; + background: @AsideConnectBg url('../../../images/connect-bg.png') no-repeat left center; + font-weight: bold; + text-transform:uppercase; + padding: 4px 2px 2px 35px; + margin-top: 3px; + + &:hover { text-decoration: none; background-color: @AsideConnectHoverBg; } + } + #dfrn-request-link { + display: block; + .rounded(); + color: @AsideConnect; + background: @AsideConnectBg url('icons/connect-bg.png') no-repeat left center; + font-weight: bold; + text-transform:uppercase; + padding: 4px 2px 2px 35px; + + &:hover { text-decoration: none; background-color: @AsideConnectHoverBg; } + } + #subscribe-feed-link { + display: block; + .rounded(); + color: @AsideConnect; + background: @AsideConnectBg url('icons/rss-bg.png') no-repeat left center; + font-weight: bold; + text-transform:uppercase; + padding: 4px 2px 2px 35px; + + &:hover { text-decoration: none; background-color: @AsideConnectHoverBg; } + } + + #profiles-menu { width: 20em; } + + .posted-date-selector-months { margin-left: 10px; } +} + +#contact-block { + overflow: auto; height: auto; + .contact-block-h4 { float: left; margin: 5px 0; } + .allcontact-link { float: right; margin: 5px 0; } + .contact-block-content { + clear: both; + overflow: hidden; + height: auto; + } + /*.contact-block-div { width:60px; height: 60px; }*/ + .contact-block-link { + float: left; + margin: 0 2px 2px 0; + img { width: 48px; height: 48px; } + } +} + +/* circle member */ +#contact-edit-drop-link, +.mail-list-delete-wrapper, +.circle-delete-wrapper { + float: right; + margin-right: 50px; + .drophide { + background-image: url('../../../images/icons/22/delete.png'); + display: block; width: 22px; height: 22px; + opacity: 0.3; + position: relative; + top: -50px; + } + .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; width: 22px; height: 22px; + position: relative; + top: -50px; + } +} +/* +#circle-members { + margin-top: 20px; + padding: 10px; + height: 250px; + overflow: auto; + border: 1px solid #ddd; +} +#circle-members-end { + clear: both; +} +#circle-all-contacts { + padding: 10px; + height: 450px; + overflow: auto; + border: 1px solid #ddd; +} +#circle-all-contacts-end { + clear: both; + margin-bottom: 10px; +} +.contact-block-div { + float: left; + width: 60px; + height: 60px; +}*/ + +/* widget */ +.widget { + margin-bottom: 2em; + + h3 { padding: 0; margin: 2px;} + .action { .opaque(0.1); } + input.action { .opaque(0.5); } + &:hover .title .action { .opaque(1); } + .tool:hover .action { .opaque(1); } + .tool:hover .action.ticked { .opaque(1); } + + ul { padding: 0;} + ul li {padding-left: 16px; min-height: 16px; list-style: none; } + + .tool.selected { + background: url('../../../images/selected.png') no-repeat left center; + } + + /*.action .s10 { width: 10px; overflow: hidden; padding: 0;} + .action .s16 { width: 16px; overflow: hidden; padding: 0;}*/ + + .notify { + display: none; + background-color: #19AEFF; + border-radius: 5px; + font-size: 10px; + padding: 1px 3px; + min-width: 15px; + text-align: right; + float: right; + color: rgb(255, 255, 255); + margin-right: 10px; + + &.on { display: block; } + } +} + +/* widget: search */ +#add-search-popup { + width: 200px; + top: 18px; +} + + +/* section 800px */ +section { + display: table-cell; + vertical-align: top; + width: 770px; + padding:0px 20px 0 10px; +} + +.sparkle { + cursor: url('icons/lock.cur'), pointer; +} + +/* wall item */ +.tread-wrapper { + background-color: @ThreadBackgroundColor; + position: relative; + padding: 10px; + margin-bottom: 20px; + width: 750px; + border-bottom: 1px solid @ThreadBottomBorderColor; +} +.wall-item-decor { position: absolute; left: 97%; top: -10px; width: 16px;} +.unstarred { display: none; } + +.wall-item-container { + display: table; + width: 750px; + + .wall-item-item, + .wall-item-bottom { display: table-row; } + + .wall-item-bottom { .opaque(0.5); } + &:hover .wall-item-bottom { .opaque(1); } + .wall-item-info { + display: table-cell; + vertical-align: top; + text-align: left; + width: 60px; + + } + .wall-item-location { + word-wrap: break-word; + width: 50px; + } + .wall-item-content { + display: table-cell; + font-size: 12px; + max-width: 720px; + word-wrap: break-word; + } + .wall-item-content img { max-width: 700px; } + .wall-item-links, + .wall-item-actions { + display: table-cell; + vertical-align: middle; + + .icon { + .opaque(0.5); + } + .icon:hover { + .opaque(1.0); + } + } + + .wall-item-ago { padding-right: 40px; } + .wall-item-name { font-weight: bold; } + + .wall-item-actions-author { float: left; width: 20em; margin-top: 0.5em; } + .wall-item-actions-events { float: left; margin-top: 0.5em; + a { margin-right: 3em; } + } + .wall-item-actions-social { float: left; margin-top: 0.5em; + a { margin-right: 3em; + &.active { font-weight: bold;} + } + } + .wall-item-actions-tools { float: right; width: 15%; + a { float: right; } + input { float: right; } + } + +} + + +.wall-item-container.comment { + .contact-photo-wrapper { margin-left: 16px; } + .contact-photo { + width: 32px; height: 32px; + } + + .contact-photo-menu-button { + top: 15px !important; + left: 0 !important; + } + .wall-item-links { padding-left: 12px; } + + .commentbox { + height: 0; + overflow: hidden; + .wall-item-comment-wrapper { + border-top: 1px solid @CommentBoxEmptyBorderColor; + height: 0; overflow: hidden; + } + .transition(); + } + + &:hover .commentbox { + height:auto; overflow: visible; + .wall-item-comment-wrapper { + border-top: 0; + height:auto;overflow: visible; + } + .transition(); + } +} + +/* 'tag' item type */ +.wall-item-container.item-tag { + .wall-item-content { + .opaque(0.5); + } + .contact-photo-wrapper { margin-left: 32px; } + .contact-photo { + width: 16px; height: 16px; + } + .contact-photo-menu-button { + top: 15px !important; + left: 15px !important; + } +} + + +.wall-item-comment-wrapper { + margin: 1em 2em 1em 60px; + .comment-edit-photo { display: none; } + + textarea { + height: 1em; width: 100%; font-size: 10px; + color: @CommentBoxEmptyColor; + border: 1px solid @CommentBoxEmptyBorderColor; + padding:0.3em; + } + .comment-edit-text-full { + height: 4em; + color: @CommentBoxFullColor; + border: 1px solid @CommentBoxFullBorderColor; + } + + &.photo { + margin: 1em 2em 1em 0; + } +} + +.threaded .wall-item-comment-wrapper { margin-left: 0; } + +.comment-edit-preview { + width: 710px; + border: 1px solid @Grey5; + margin-top: 10px; + background-color: @JotPreviewBackgroundColor; + + .contact-photo { width: 32px; height: 32px; margin-left: 16px; + /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ + } + .contact-photo-menu-button { + top: 15px !important; + left: 15px !important; + } + .wall-item-links { padding-left: 12px; } + + .wall-item-container { width: 90%; } + .tread-wrapper { + width: 90%; padding: 0; margin: 10px 0; + background-color: @JotPreviewBackgroundColor; + border-bottom: 0; + } + .wall-item-conv { display: none; } +} + +.shiny { border-right:10px solid @ShinyBorderColor; } +#jot-preview-content .tread-wrapper { background-color: @JotPreviewBackgroundColor; } + +.hide-comments-outer {margin-bottom: 0.8em; } + +.wall-item-tags { padding-top: 5px; } +.tag { + background: url("icons/tag.png") no-repeat center right; + color: @TagColor; + padding-right: 8px; + padding-left: 3px; + a { color: @TagColor; } +} +.mention { + background: url("icons/men.png") no-repeat 1px center; + color: @MentionColor; + padding-right: 3px; + padding-left: 18px; + a { color: @MentionColor; } +} +.folder { + background: url("icons/folder.png") no-repeat 1px center; + color: @MentionColor; + padding-right: 3px; + padding-left: 15px; + a { color: @MentionColor; } +} +.category { + background: url("icons/category.png") no-repeat 1px center; + color: @MentionColor; + padding-right: 3px; + padding-left: 15px; + a { color: @MentionColor; } +} +/*.filesavetags { + padding: 3px 0 3px 0; + opacity: 0.5; +}*/ + +.wwto { + position: absolute !important; + background: #FFFFFF; + border: 2px solid @Metallic3; + height: 25px; + width: 25px; + overflow: hidden; + padding: 1px; + top: 40px; + left: 30px; + + .shadow(0px, 0); +} +.wwto .contact-photo { width: 25px; height: 25px; } + +/* reshare e embed */ +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; + + &.attachment-image { + max-width: 650px; + max-height: inital; + float: none; + margin-right: 0; + } + +} +.type-link { + blockquote { + margin: 1em 0; + max-height: 160px; + overflow: hidden; + padding-left: 1em; + } + .oembed {} +} + +.type-video blockquote { padding-left: 1em; } + +.shared_header { + height: 32px; + color: #999; + border-top: 1px solid @ThreadBottomBorderColor; + padding-top: 5px; + margin-top: 5px; +} + + +/* threaded comments */ +.children { + margin-top: 1em; + .hide-comments-outer { margin-left:60px; } + + .wwto { display: none; } + + .comment-edit-preview { width: 660px; + .wall-item-container { width: 610px; } + } + + & .children { + + margin-left: 40px; + .wall-item-container { width: 710px; } + .comment-edit-preview { width: 620px; + .wall-item-container { width: 620px; } + } + + & .children { + .wall-item-container { width: 670px; } + .comment-edit-preview { width: 580px; + .wall-item-container { width: 580px; } + } + + & .children { + .wall-item-container { width: 630px; } + .comment-edit-preview { width: 540px; + .wall-item-container { width: 540px; } + } + + & .children { + .wall-item-container { width: 590px; } + .comment-edit-preview { width: 500px; + .wall-item-container { width: 500px; } + } + + .children { + margin-left: 0; + .hide-comments-outer { margin-left: 0; } + } + } + } + } + } +} +/*.threaded .hide-comments-outer { margin-left: 20px; }*/ + +span[id^="showmore-teaser"]{ + background: url("showmore-bg.jpg") no-repeat center bottom; +} +span[id^="showmore-wrap"] { + border-top: 1px solid #999999; + color: #999999; + display: block; + text-align: center; + background-color: @ThreadBackgroundColor; +} + + +#pause { + position: fixed; + bottom: 5px; + right: 5px; +} + + +.contact-photo-wrapper { position: relative; } +.contact-select { position: absolute; top:64px; left:64px; display:none; } +.contact-select:checked, +.contact-photo:hover .contact-select { display:block; } +#contacts-actions { + position: absolute; + left: 800px; + width: 200px; + background-color: @MenuBg; + border: 2px solid @MenuBorder; + .batch-action { + display: block; + width: 100%; + background-color: @MenuBg; + border: 0; + color: @MenuItem; + text-align: left; + padding: 5px 10px; + font-size: 11px; + } + .batch-action:hover { + background-color: @MenuItemHoverBg; + } + display: none; +} +@media (max-width: 1000px) { + #contacts-actions { left: 40px; } +} + +.contact-photo { + width: 48px; height: 48px; + img { width: 48px; height: 48px; } + overflow: hidden; + display: block; + } +.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 0; + .contact-photo-wrapper { + float: left; + margin-right: 10px; + } + .contact-photo { + width: 80px; height: 80px; + img { width: 80px; height: 80px; } + } + .contact-photo-menu-button { + left: 0; + top: 63px; + } + .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; width: 22px; height: 22px; + position: relative; + top: 10px; + left: -10px; + z-index: 99; + } + .drophide { + background-image: url('../../../images/icons/22/delete.png'); + display: block; width: 22px; height: 22px; + opacity: 0.3; + position: relative; + top: 10px; + left: -10px; + z-index: 99; + } + .contact-entry-connect { + padding-top: 5px; + font-weight: bold; + } +} +.directory-item { + float: left; + width: 200px; + height: 200px; + .contact-photo { + width: 175px; height: 175px; + img { width: 175px; height: 175px; } + } +} +.contact-name { font-weight: bold; /* padding-top: 15px; */} +.contact-details { + color: @Grey3; white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#contact-edit-status-wrapper { border-color: @JotToolsOverBackgroundColor;} +/* editor */ +.jothidden { display: none; } +#jot { + + width: 100%; + margin: 0 2em 20px 0; + + .profile-jot-text { + height: 1em; width: 99%; font-size: 10px; + color: @CommentBoxEmptyColor; + border: 1px solid @CommentBoxEmptyBorderColor; + padding:0.3em; + } + + #jot-tools { + margin: 0; padding: 0; + height: 40px; overflow: none; + width: 770px; + background-color: @JotToolsBackgroundColor; + border-bottom: 2px solid @JotToolsBorderColor; + li { + list-style: none; + float: left; + width: 80px; + height: 40px; + border-bottom: 2px solid @JotToolsBorderColor; + a { + display: block; + color: @JotToolsText; + width: 100%; + height:40px; + text-align: center; + line-height: 40px; + overflow: hidden; + } + } + li:hover { + background-color: @JotToolsOverBackgroundColor; + border-bottom: 2px solid @JotToolsOverBorderColor; + } + li.perms { + float: right; + width: 40px; + a.unlock { + width: 30px; + border-left: 10px solid @JotPermissionUnlockBackgroundColor; + background-color: @JotPermissionUnlockBackgroundColor; + } + a.lock { + width: 30px; + border-left: 10px solid @JotPermissionLockBackgroundColor; + background-color: @JotPermissionLockBackgroundColor; + } + + } + li.submit { + float: right; + background-color: @JotSubmitBackgroundColor; + border-bottom: 2px solid @JotSubmitBackgroundColor; + border-right: 1px solid @Grey4; + border-left: 1px solid @Grey4; + input { + border: 0; margin: 0; padding: 0; + background-color: @JotSubmitBackgroundColor; + color: @JotSubmitText; + width: 80px; height: 40px; + line-height: 40px; + } + input:hover { + background-color: @JotSubmitOverBackgroundColor; + color: @JotSubmitOverText; + } + } + li.loading { + float: right; + background-color: @JotLoadingBackgroundColor; + width: 20px; + vertical-align: center; + text-align: center; + img { margin-top: 10px; } + border-top: 2px solid @JotToolsBorderColor; + height: 38px; + } + } + + #jot-title { + border: 0; + margin: 0; + height: 20px; + width: 500px; + font-weight: bold; + border: 1px solid @BodyBackground; + + &:-webkit-input-placeholder { + font-weight: normal; + } + + &:-moz-placeholder { + font-weight: normal; + } + + &:hover { border: 1px solid @CommentBoxEmptyBorderColor } + &:focus { border: 1px solid @CommentBoxEmptyBorderColor } + } + + #character-counter { + width: 40px; + float: right; + text-align: right; + height: 20px; + line-height: 20px; + padding-right: 20px; + } + + #jot-category { + border: 0; + margin: 0; + height: 20px; + width: 200px; + border: 1px solid @BodyBackground; + &:hover { border: 1px solid @CommentBoxEmptyBorderColor } + &:focus { border: 1px solid @CommentBoxEmptyBorderColor } + } +} + + +/** buttons **/ +/*input[type="submit"] { + border: 0; + background-color: @ButtonBackgroundColor; + color: @ButtonColor; + padding: 0 10px; + .rounded(5px); + height: 18px; +}*/ + +a.actionbutton { + border: 1px solid @Grey3; + background-color: @Grey2; + color: @Grey5; + font-size: 8pt; + padding: 2pt; + .rounded(); + + i.icon { + display: inline-block; + vertical-align: baseline; + padding: 0; + } + + &:hover { + text-decoration: none; + background-color: @Grey1; + } +} +h2 > .actionbutton { float: right; } + + +/** acl **/ +#photo-edit-perms-select, +#photos-upload-permissions-wrapper, +#profile-jot-acl-wrapper{ + display:block!important; +} + +#acl-wrapper { + width: 690px; + float:left; +} +#acl-wrapper a:hover { + text-decoration: none; + color:#000000; +} +/** /acl **/ + +/** tab buttons **/ +ul.tabs { + list-style-type: none; + padding-bottom: 10px; + + li { + float: left; + margin-left: 20px; + + .active { + border-bottom: 1px solid @LinkVisited; + } + } + +} + + +/** circle editor **/ +#circle-edit-desc { margin-top: 1em; color: @FieldHelpColor; } +#circle-update-wrapper{ + height: auto; overflow: auto; + #circle { + width:300px; + float:left; + margin-right:20px; + } + #contacts { + width:300px; + float:left; + } + #circle-separator { display: none; } + .contact_list { + height: 300px; + border: 1px solid @MenuBorder; + overflow: auto; + .contact-block-div { + width: 50px; height: 50px; + float: left; + } + } +} + +/** + * Form fields + */ +.field { + margin-bottom: 10px; + padding-bottom: 10px; + overflow: auto; + width: 100%; + + + label { + float: left; + width: 200px; + } + + input, + textarea { + width: 400px; + } + input[type="checkbox"], input[type="radio"]{ + width: auto; + } + + textarea { height: 100px; } + .field_help { + display: block; + margin-left: 200px; + color: @FieldHelpColor; + } + + .hidden { display: none!important; } + + &.radio .field_help { margin-left: 0; } +} + + +#profile-edit-links li { + list-style: none; + margin-top: 10px; +} + +#profile-menu { + display: none; +} + +#profile-edit-default-desc { + color: #FF0000; + border: 1px solid #FF8888; + background-color: #FFEEEE; + padding: 7px; +} +#profile-edit-name-label, +#profile-edit-about-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-pubkeywords-label, +#profile-edit-prvkeywords-label, +#profile-edit-homepage-label { + float: left; + width: 175px; + padding-top: 7px; +} +#profile-edit-name, +#profile-edit-about, +#profile-edit-dob, +#profile-edit-address, +#profile-edit-locality, +#profile-edit-region, +#profile-edit-postal-code, +#profile-edit-country-name, +#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; +} + +/* manage page */ +.identity-match-photo { + position: relative; + .delegation-notify { + background-color: #19AEFF; + border-radius: 5px; + font-size: 10px; + padding: 1px 3px; + min-width: 15px; + text-align: right; + position: absolute; + right: 10px; + top: -5px; + color: rgb(255, 255, 255); + } +} + + +/* videos page */ +.videos { + .video-top-wrapper { + width: 200px; float: left; + margin: 0 10px 10px 0; + position: relative; + + .video-delete { + position: absolute; + opacity: 0; + right: 0; + top: 0; + transition: opacity 0.5s; + } + + &:hover .video-delete { + opacity: 1; + } + } +} + +/* photo albums */ +@photosize: 150px; + +#photo-edit-link-wrap { margin-bottom: 10px; } + +#album-edit-link { + border-right: 1px solid @MenuBorder; + 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; +} + +#photo-top-upload-link, +.photos-upload-link { margin: 1em 0; display: block; } +.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: 0 10px 10px 0; + width:@photosize; height: @photosize; + position: relative; + overflow: hidden; + + img { width: @photosize; } + + .photo-top-album-name, + .caption{ + position: absolute; + color: @Menu; + background-color: @MenuBg; + + width: 100%; + .shadow(0px, 5px); + .transition(0.5s); + bottom: -@photosize; + } + + &:hover .photo-top-album-name, + &:hover .caption { + bottom: 0; + .shadow(0px, 0); + .transition(0.5s); + } +} + +#photo-photo { + display: block; width: 660px; + padding: 50px; margin-bottom: 0; + text-align: center; + background-color: @Grey3; + img { max-width: 560px; } +} +#photo-album-title { + background: url("../../../images/icons/22/image.png") no-repeat top left; + padding-left: 23px; + min-height: 22px; + padding-top: 6px; + /* a { display: block;}*/ +} + +#photo-caption { + display: block; width: 660px; + min-height: 55px; + background-color: @Grey2; + 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: @Grey2; + padding:0 50px 0 50px; + .icon {float: left;} + .like-rotator {float: right;} +} + +#photo_edit_form { + padding: 1em; +} + +/* profile match wrapper */ +.profile-match-wrapper { + float: left; + width: 110px; + height: 110px; + margin-bottom: 20px; + .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; width: 22px; height: 22px; + position: relative; + top: 10px; + left: -10px; + } + .drophide { + background-image: url('../../../images/icons/22/delete.png'); + display: block; width: 22px; height: 22px; + opacity: 0.3; + position: relative; + top: 10px; + left: -10px; + } + .contact-photo { + width: 80px; height: 80px; + img { width: 80px; height: 80px; } + } + .contact-photo-menu-button { + left: 0; + top: 63px; + } +} + +/* messages */ +#message-new { + background: @MessageNewBackgroundColor; + border: 1px solid @MessageNewBorderColor; + width: 150px; + a { + color: @MessageNewColor; + text-align: center; + display: block; + font-weight: bold; + padding: 1em 0; + } +} + +.mail-list-wrapper { + background-color: @MailListBackgroundColor; + margin-bottom: 5px; + width: 100%; height: auto; overflow: hidden; + + span { display: block; float: left; width: 20%; overflow: hidden;} + + .mail-subject { + width: 30%; + padding:4px 0 0 4px; + a { display: block; } + &.unseen a { font-weight: bold; } + } + .mail-date { padding: 4px 4px 0 4px; } + .mail-from { padding: 4px 4px 0 4px; } + .mail-count { padding: 4px 4px 0 4px; text-align: right;} + + .mail-delete { float: right; } +} + +#message-preview { + margin-top: 1em; + box-sizing: border-box; + * { box-sizing: border-box; white-space: nowrap;} + .mail-list-wrapper { + .mail-subject { + width: 100%; + } + .mail-date { font-size: 0.8em; width: 25%; text-align: right} + .mail-from { font-size: 0.8em; width: 75%;} + .mail-count { font-size: 0.8em; width: 100%;} + .mail-delete { display: none;} + + & .mail-date, & .mail-from, & .mail-count { .opaque(0.5); } + &:hover .mail-date, &:hover .mail-from, &:hover .mail-count { .opaque(1); } + } +} + + +#mail-display-subject { + background-color: @MailDisplaySubjectBackgroundColor; + color: @MailDisplaySubjectColor; + margin-bottom: 10px; + width: 100%; height: auto; overflow: hidden; + span { float: left; overflow: hidden; padding: 4px 0 0 10px;} + .mail-delete { float: right; .opaque(0.5);} + &:hover .mail-delete { .opaque(1); } + +} + +/* theme screenshot */ +.screenshot, #theme-preview { + position: absolute; + width:202px; + left: 70%; + top: 50px; + img { width: 200px; height: 150px; } +} + +/* page footer */ +footer { height: 100px; display: table-row; } + +.pager { + margin-top: 25px; + clear: both; +} +.pager .disabled { + display: none; +} + +/** + * 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; + } + dt { + width: 200px; + float: left; + font-weight: bold; + } + dd { + margin-left: 200px; + } + h3 { + border-bottom: 1px solid #cccccc; + } + .field label { + font-weight: bold; + } + .submit { + clear:left; + text-align: right; + } + #addonslist { + margin: 0; padding: 0; + } + .addon { + list-style: none; + display: block; + border: 1px solid #888888; + padding: 1em; + margin-bottom: 5px; + clear: left; + desc { + margin-left: 2.5em; + } + } + .toggleaddon { + float:left; + margin-right: 1em; + } + table { + width:100%; + border-bottom: 1px solid #000000; + margin: 5px 0; + th { + text-align: left; + } + td .icon { + float: left; + } + tr:hover { + background-color: #bbc7d7; + } + } + table#users img { + width: 16px; height: 16px; + } + .selectall { text-align: right; } + .settings-block { + border-bottom: 1px solid #cccccc; + } +} + +/* edit buttons for comments */ + +.icon.dim { opacity: 0.3;filter:alpha(opacity=30); } +.comment-edit-bb { + list-style: none; + display: none; + margin: 0; + padding: 0; + 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; + :hover {background-color: #ccc;} +} +.boldbb { background-position: 0 0; } +.boldbb:hover { background-position: 0 -16px; } +.italicbb { background-position: -16px 0; } +.italicbb:hover { background-position: -16px -16px; } +.underlinebb { background-position: -32px 0; } +.underlinebb:hover { background-position: -32px -16px; } +.quotebb { background-position: -48px 0; } +.quotebb:hover { background-position: -48px -16px; } +.codebb { background-position: -64px 0; } +.codebb:hover { background-position: -64px -16px; } +.imagebb { background-position: -80px 0; } +.imagebb:hover { background-position: -80px -16px; } +.urlbb { background-position: -96px 0; } +.urlbb:hover { background-position: -96px -16px; } +.videobb { background-position: -112px 0; } +.videobb:hover { background-position: -112px -16px; } + +/* buttons for the event view */ +.plink-event-link { + float: left; + margin-left: 2px; +} + +/* upload/select popup */ +.fbrowser { + overflow: auto; + position: absolute; + top: 0; + width: 100%; + height: 100%; +} +.fbrowser .path { + background-color: @NavbarBackground; + a { padding: 5px; margin: 0 2px; display: inline-block; } + a, a:active, a:visited, a:link, a:hover { color: @Banner; text-decoration: none; outline: none; } +} +.fbrowser .folders ul { list-style: url("icons/folder.png"); padding-left: 22px;} +.fbrowser .list { padding: 10px; } +.fbrowser.photo .photo-album-image-wrapper { width: 48px; height: 48px; } +.fbrowser.photo a img { width: auto; height: 48px; } +.fbrowser.photo a p { display: none;} +.fbrowser.attachment .photo-album-image-wrapper { float:none; white-space: nowrap; width: 100%; height: auto; } +.fbrowser.attachment img { display: inline; width: 16px; height: 16px} +.fbrowser.attachment p { display: inline; white-space: nowrap; } + +.fbrowser .upload { clear: both; padding-top: 1em;} diff --git a/quattro/screenshot.jpg b/quattro/screenshot.jpg new file mode 100755 index 0000000..6ac3b20 Binary files /dev/null and b/quattro/screenshot.jpg differ diff --git a/quattro/showmore-bg.jpg b/quattro/showmore-bg.jpg new file mode 100755 index 0000000..9d9d5af Binary files /dev/null and b/quattro/showmore-bg.jpg differ diff --git a/quattro/showmore-bg.jpg.license b/quattro/showmore-bg.jpg.license new file mode 100644 index 0000000..985c307 --- /dev/null +++ b/quattro/showmore-bg.jpg.license @@ -0,0 +1,3 @@ +SPDX-FileCopyrightText: 2010-2024 the Friendica project + +SPDX-License-Identifier: CC0-1.0 diff --git a/quattro/style.php b/quattro/style.php new file mode 100644 index 0000000..403f9c2 --- /dev/null +++ b/quattro/style.php @@ -0,0 +1,58 @@ +has(\Friendica\App\Mode::MAINTENANCEDISABLED)) { + $site_color = DI::config()->get("quattro", "color", $color); + $site_quattro_align = DI::config()->get("quattro", "align", $quattro_align); + $site_textarea_font_size = DI::config()->get("quattro", "tfs", $textarea_font_size); + $site_post_font_size = DI::config()->get("quattro", "pfs", $post_font_size); + + $uid = $_REQUEST['puid'] ?? 0; + + $color = DI::pConfig()->get($uid, "quattro", "color", $site_color); + $quattro_align = DI::pConfig()->get($uid, 'quattro', 'align', $site_quattro_align); + $textarea_font_size = DI::pConfig()->get($uid, "quattro", "tfs", $site_textarea_font_size); + $post_font_size = DI::pConfig()->get($uid, "quattro", "pfs", $site_post_font_size); +} + +$color = \Friendica\Util\Strings::sanitizeFilePathItem($color); + +if (file_exists("$THEMEPATH/$color/style.css")) { + echo file_get_contents("$THEMEPATH/$color/style.css"); +} + + +if ($quattro_align == "center") { + echo " + html { width: 100%; margin:0px; padding:0px; } + body { + margin: 50px auto; + width: 900px; + } + "; +} + + +echo " + textarea { font-size: ${textarea_font_size}px; } + .wall-item-comment-wrapper .comment-edit-text-full { font-size: ${textarea_font_size}px; } + #jot .profile-jot-text:focus { font-size: ${textarea_font_size}px; } + .wall-item-container .wall-item-content { font-size: ${post_font_size}px; } +"; diff --git a/quattro/templates/admin/users/active.tpl b/quattro/templates/admin/users/active.tpl new file mode 100644 index 0000000..6de1a93 --- /dev/null +++ b/quattro/templates/admin/users/active.tpl @@ -0,0 +1,89 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + + diff --git a/quattro/templates/admin/users/blocked.tpl b/quattro/templates/admin/users/blocked.tpl new file mode 100644 index 0000000..3b8bc4d --- /dev/null +++ b/quattro/templates/admin/users/blocked.tpl @@ -0,0 +1,91 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + +
+

{{$title}} - {{$page}} ({{$count}})

+ +
+ + + + + + + {{foreach $th_users as $th}} + + {{/foreach}} + + + + + + {{foreach $users as $u}} + + + + + + + + + + + + {{/foreach}} + +
+ + {{if $order_users == $th.1}} + {{if $order_direction_users == "+"}} + ↓ + {{else}} + ↑ + {{/if}} + {{else}} + ↕ + {{/if}} + {{$th.0}} + +
{{$u.nickname}}{{$u.name}}{{$u.register_date}}{{$u.lastitem_date}} + {{if $u.is_deletable}} + + {{else}} +   + {{/if}} + + {{if $u.is_deletable}} + + + + + + + {{else}} +   + {{/if}} +
+
{{$select_all}}
+
+ + +
+ {{$pager nofilter}} +
+
diff --git a/quattro/templates/admin/users/create.tpl b/quattro/templates/admin/users/create.tpl new file mode 100644 index 0000000..bb83cb1 --- /dev/null +++ b/quattro/templates/admin/users/create.tpl @@ -0,0 +1,27 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+

{{$title}} - {{$page}}

+ +
+ + + + + + + + + + + + + +
{{include file="field_input.tpl" field=$newusername}}
{{include file="field_input.tpl" field=$newusernickname}}
{{include file="field_input.tpl" field=$newuseremail}}
+
+
+
diff --git a/quattro/templates/admin/users/deleted.tpl b/quattro/templates/admin/users/deleted.tpl new file mode 100644 index 0000000..58fe05e --- /dev/null +++ b/quattro/templates/admin/users/deleted.tpl @@ -0,0 +1,52 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + +
+

{{$title}} - {{$page}} ({{$count}})

+ +
+ + + + + + + {{foreach $th_deleted as $th}} + + {{/foreach}} + + + + {{foreach $users as $u}} + + + + + + + + + + {{/foreach}} + +
{{$th}}
{{$u.nickname}}{{$u.name}}{{$u.register_date}}{{$u.lastitem_date}}
+ {{$pager nofilter}} +
+
diff --git a/quattro/templates/admin/users/index.tpl b/quattro/templates/admin/users/index.tpl new file mode 100644 index 0000000..a0fcce4 --- /dev/null +++ b/quattro/templates/admin/users/index.tpl @@ -0,0 +1,93 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + +
+

{{$title}} - {{$page}} ({{$count}})

+ +
+ + + + + {{foreach $th_users as $th}} + + {{/foreach}} + + + + + + {{foreach $users as $u}} + + + + + + + + + + + + {{/foreach}} + +
+ + {{if $order_users == $th.1}} + {{if $order_direction_users == "+"}} + ↓ + {{else}} + ↑ + {{/if}} + {{else}} + ↕ + {{/if}} + {{$th.0}} + +
{{$u.nickname}}{{$u.name}}{{$u.register_date}}{{$u.lastitem_date}} + {{if $u.is_deletable}} + + {{else}} +   + {{/if}} + + {{if $u.is_deletable}} + + + + + + + {{else}} +   + {{/if}} +
+
{{$select_all}}
+
+ + + +
+ {{$pager nofilter}} +
+

+ {{$h_newuser}} +

+
diff --git a/quattro/templates/admin/users/pending.tpl b/quattro/templates/admin/users/pending.tpl new file mode 100644 index 0000000..61717eb --- /dev/null +++ b/quattro/templates/admin/users/pending.tpl @@ -0,0 +1,70 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + +
+

{{$title}} - {{$page}} ({{$count}})

+ +
+ + + + + + {{foreach $th_pending as $th}} + + {{/foreach}} + + + + + + {{foreach $pending as $u}} + + + + + + + + + + + {{/foreach}} + +
{{$th}}
{{$u.created}}{{$u.name}} + + + + + + + + +

{{$pendingnotetext}}: {{$u.note}}

+
+ {{$select_all}} +
+
+ + +
+ {{$pager nofilter}} +
+
diff --git a/quattro/templates/birthdays_reminder.tpl b/quattro/templates/birthdays_reminder.tpl new file mode 100644 index 0000000..12bf3ac --- /dev/null +++ b/quattro/templates/birthdays_reminder.tpl @@ -0,0 +1,7 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + diff --git a/quattro/templates/calendar/calendar.tpl b/quattro/templates/calendar/calendar.tpl new file mode 100644 index 0000000..e6b8f34 --- /dev/null +++ b/quattro/templates/calendar/calendar.tpl @@ -0,0 +1,13 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + +{{$tabs nofilter}} +

{{$title}} {{$new_event.1}}

+ + + +
diff --git a/quattro/templates/calendar/event_form.tpl b/quattro/templates/calendar/event_form.tpl new file mode 100644 index 0000000..ad40cae --- /dev/null +++ b/quattro/templates/calendar/event_form.tpl @@ -0,0 +1,55 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + +

{{$title}}

+ +

{{$desc nofilter}}

+ +
+ + + + + + + {{$s_dsel nofilter}} + + {{$f_dsel nofilter}} + + {{include file="field_checkbox.tpl" field=$nofinish}} +
+ {{include file="field_input.tpl" field=$summary}} + {{include file="field_textarea.tpl" field=array('desc', $d_text, $d_orig, "")}} + + {{include file="field_textarea.tpl" field=array('location', $l_text, $l_orig, "")}} +
+ + {{if ! $eid}} + {{include file="field_checkbox.tpl" field=$share}} + {{/if}} + + {{$acl nofilter}} + +
+ + +
+
+ + diff --git a/quattro/templates/circle_side.tpl b/quattro/templates/circle_side.tpl new file mode 100644 index 0000000..cdb1edb --- /dev/null +++ b/quattro/templates/circle_side.tpl @@ -0,0 +1,36 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+
+

{{$title}}

+ {{$add}} +
+ + +
+ diff --git a/quattro/templates/comment_item.tpl b/quattro/templates/comment_item.tpl new file mode 100644 index 0000000..e9bead1 --- /dev/null +++ b/quattro/templates/comment_item.tpl @@ -0,0 +1,68 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+
+ + + {{**}} + + + +
+ {{$mytitle}} +
+
    +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
+ + {{if $qcomment}} + + {{/if}} + + + +
+ +
diff --git a/quattro/templates/contact/entry.tpl b/quattro/templates/contact/entry.tpl new file mode 100644 index 0000000..13cf17f --- /dev/null +++ b/quattro/templates/contact/entry.tpl @@ -0,0 +1,51 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + +
+ {{if $contact.ignlnk}}{{/if}} +
+
+ + {{$contact.name}} + + {{if $multiselect}} + + {{/if}} + {{if $contact.photo_menu}} + menu + + {{/if}} +
+ +
+
+ {{$contact.name}} + {{if $contact.account_type}} ({{$contact.account_type}}){{/if}} +
+ {{if $contact.alt_text}}
{{$contact.alt_text}}
{{/if}} + {{if $contact.itemurl}}
{{$contact.itemurl}}
{{/if}} + {{if $contact.tags}}
{{$contact.tags}}
{{/if}} + {{if $contact.details}}
{{$contact.details}}
{{/if}} + {{if $contact.network}}
{{$contact.network}}
{{/if}} + + {{if $contact.connlnk}} +
{{$contact.conntxt}}
+ {{/if}} + + +
+ diff --git a/quattro/templates/conversation.tpl b/quattro/templates/conversation.tpl new file mode 100644 index 0000000..49f3000 --- /dev/null +++ b/quattro/templates/conversation.tpl @@ -0,0 +1,54 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +{{$live_update nofilter}} +{{foreach $threads as $thread}} +
+ {{foreach $thread.items as $item}} + {{if $mode == display}} + {{else}} + {{if $item.comment_firstcollapsed}} +
+ {{$thread.num_comments}} {{$thread.hide_text}} +
+ {{/if}} + {{/if}} + + {{if $item.type == tag}} + {{include file="wall_item_tag.tpl"}} + {{else}} + {{include file="{{$item.template}}"}} + {{/if}} + + {{/foreach}} +
+{{/foreach}} +{{if !$update}} +
+ +{{if $dropping}} + + {{$dropping}} + +{{/if}} + + + +{{if $mode == display}} + +{{/if}} +{{/if}} diff --git a/quattro/templates/events_reminder.tpl b/quattro/templates/events_reminder.tpl new file mode 100644 index 0000000..a35c3a9 --- /dev/null +++ b/quattro/templates/events_reminder.tpl @@ -0,0 +1,43 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + + + + + + +
+
diff --git a/quattro/templates/generic_links_widget.tpl b/quattro/templates/generic_links_widget.tpl new file mode 100644 index 0000000..ad4d533 --- /dev/null +++ b/quattro/templates/generic_links_widget.tpl @@ -0,0 +1,17 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+ {{if $title}}

{{$title}}

{{/if}} + {{if $desc}}
{{$desc nofilter}}
{{/if}} + + + +
diff --git a/quattro/templates/jot.tpl b/quattro/templates/jot.tpl new file mode 100644 index 0000000..6f6cd69 --- /dev/null +++ b/quattro/templates/jot.tpl @@ -0,0 +1,67 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+
+
 
+ + {{if $placeholdersummary}} + + {{/if}} + {{if $placeholdercategory}} + + {{/if}} +
+ + + + + + + + + + {{if $notes_cid}} + + {{/if}} + + + + +
+ + + +
+
+ {{$acl nofilter}} + {{include file="field_checkbox.tpl" field=$sensitive}} + {{if $scheduled_at}}{{$scheduled_at nofilter}}{{/if}} + {{if $created_at}}{{$created_at nofilter}}{{/if}} +
+
+ +
+ +{{if $content}}{{/if}} diff --git a/quattro/templates/mail_conv.tpl b/quattro/templates/mail_conv.tpl new file mode 100644 index 0000000..5a94811 --- /dev/null +++ b/quattro/templates/mail_conv.tpl @@ -0,0 +1,69 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+
+
+ +
+
+ {{$mail.body nofilter}} +
+
+
+
+
+
+
+
+
+
+
+
+
+ {{$mail.from_name}} + {{$mail.ago}} +
+ +
+
+ +
+ {{$mail.delete}} +
+ +
+
+
+
+
+ + +{{* + + +
+
+ {{$mail.from_name}} +
+
+
{{$mail.from_name}}
+
{{$mail.date}}
+
{{$mail.subject}}
+
{{$mail.body nofilter}}
+
+
+
+
+
+ +*}} diff --git a/quattro/templates/mail_display.tpl b/quattro/templates/mail_display.tpl new file mode 100644 index 0000000..709731f --- /dev/null +++ b/quattro/templates/mail_display.tpl @@ -0,0 +1,18 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+ {{$thread_subject}} + +
+ +{{foreach $mails as $mail}} +
+ {{include file="mail_conv.tpl"}} +
+{{/foreach}} + +{{include file="prv_message.tpl"}} diff --git a/quattro/templates/mail_list.tpl b/quattro/templates/mail_list.tpl new file mode 100644 index 0000000..afbd85b --- /dev/null +++ b/quattro/templates/mail_list.tpl @@ -0,0 +1,14 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+ {{$subject}} + {{$from_name}} + {{$ago}} + {{$count}} + + +
diff --git a/quattro/templates/message_side.tpl b/quattro/templates/message_side.tpl new file mode 100644 index 0000000..212d780 --- /dev/null +++ b/quattro/templates/message_side.tpl @@ -0,0 +1,16 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+ + + {{if $tabs}} +
+ {{$tabs nofilter}} +
+ {{/if}} + +
diff --git a/quattro/templates/nav.tpl b/quattro/templates/nav.tpl new file mode 100644 index 0000000..0aa8250 --- /dev/null +++ b/quattro/templates/nav.tpl @@ -0,0 +1,119 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+ {{* {{$langselector}} *}} + +
{{$sitelocation}}
+ +
+ + +
{{$langselector}}
diff --git a/quattro/templates/photo_item.tpl b/quattro/templates/photo_item.tpl new file mode 100644 index 0000000..a52a50d --- /dev/null +++ b/quattro/templates/photo_item.tpl @@ -0,0 +1,85 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+
+
+
+ + {{$name}} + +
+
{{$location}}
+
+
+ {{if $title}}

{{$title}}

{{/if}} + {{$body}} +
+
+
+
+
+
+ {{foreach $tags as $tag}} + {{$tag nofilter}} + {{/foreach}} +
+
+
+
+ {{if $plink}}{{$plink.title}}{{/if}} +
+
+
+ {{$name}} {{$ago}} +
+ +
+ {{if $star}} + {{$star.do}} + {{$star.undo}} + {{$star.tagger}} + {{/if}} + + {{if $vote}} + {{$vote.like.1}} + {{$vote.dislike.1}} + {{/if}} + + {{if $vote.share}} + {{$vote.share.1}} + {{/if}} +
+ +
+ + {{if $drop.pagedrop}} + + {{/if}} + {{if $drop.dropping}} + {{$drop.delete}} + {{/if}} + {{if $edpost}} + + {{/if}} +
+ +
+
+
+
+ +
{{$dislike nofilter}}
+ {{if $conv}} + + {{/if}} +
+ + +
+ diff --git a/quattro/templates/photo_view.tpl b/quattro/templates/photo_view.tpl new file mode 100644 index 0000000..3cf1867 --- /dev/null +++ b/quattro/templates/photo_view.tpl @@ -0,0 +1,35 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+

{{$album.1}}

+ + + +
+{{if $prevlink}}{{/if}} +{{if $nextlink}}{{/if}} +
{{$desc}}
+{{if $edit}}{{$edit nofilter}}{{/if}} + diff --git a/quattro/templates/profile/schedule.tpl b/quattro/templates/profile/schedule.tpl new file mode 100644 index 0000000..d4bd49c --- /dev/null +++ b/quattro/templates/profile/schedule.tpl @@ -0,0 +1,31 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+

{{$title}}

+ + + + + + + + + {{foreach $schedule as $row}} + + + + + + {{/foreach}} + +
{{$scheduled_at}}{{$content}}
{{$row.scheduled_at}}{{$row.content}} +
+ + +
+
+
diff --git a/quattro/templates/profile/vcard.tpl b/quattro/templates/profile/vcard.tpl new file mode 100644 index 0000000..ab785b9 --- /dev/null +++ b/quattro/templates/profile/vcard.tpl @@ -0,0 +1,88 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+ +
+
{{$profile.name}}
+ {{if $profile.edit}} +
+ {{$profile.edit.1}} + +
+ {{/if}} +
+ + {{if $profile.addr}}
{{$profile.addr}}
{{/if}} + +
{{$profile.name}}
+ + {{if $account_type}}{{/if}} + + {{if $profile.network_link}}
{{$network}}
{{$profile.network_link nofilter}}
{{/if}} + + {{if $location}} +
+
{{$location}}
+
+ {{if $profile.address}}

{{$profile.address nofilter}}

{{/if}} + {{if $profile.location}}

{{$profile.location}}

{{/if}} +
+
+ {{/if}} + + {{if $about}}
{{$profile.about nofilter}}
{{/if}} + + {{if $profile.xmpp}} +
+
{{$xmpp}}
+
{{$profile.xmpp}}
+
+ {{/if}} + + {{if $profile.matrix}} +
+
{{$matrix}}
+
{{$profile.matrix}}
+
+ {{/if}} + + {{if $profile.upubkey}}{{/if}} + + {{if $homepage}} +
{{$homepage}}
+
{{$profile.homepage}}{{if $profile.homepage_verified}} ✔{{/if}}
+
+ {{/if}} + + {{include file="diaspora_vcard.tpl"}} + + +
+ +{{$contact_block nofilter}} + + diff --git a/quattro/templates/search_item.tpl b/quattro/templates/search_item.tpl new file mode 100644 index 0000000..792b29d --- /dev/null +++ b/quattro/templates/search_item.tpl @@ -0,0 +1,106 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + + + + +
+ {{if $item.star}}{{$item.star.starred}}{{/if}} + {{if $item.lock}}{{$item.lock}}{{/if}} + +
+ +
+
+
+
+ + {{$item.name}} + + menu + + +
+
{{$item.location_html nofilter}}
+
+
+ {{if $item.title}}

{{$item.title}}

{{/if}} +
{{$item.body_html nofilter}}
+
+
+
+
+
+
+ {{if !$item.suppress_tags}} + {{foreach $item.tags as $tag}} + {{$tag nofilter}} + {{/foreach}} + {{/if}} +
+
+
+
+ {{if $item.plink}}{{$item.plink.title}}{{/if}} +
+
+
+ {{$item.name}} {{$item.ago}} +
+ +
+ {{if $item.star}} + {{$item.star.do}} + {{$item.star.undo}} + {{$item.star.tagger}} + {{/if}} + + {{if $item.vote.like}} + {{$item.vote.like.1}} + {{/if}} + {{if $item.vote.dislike}} + {{$item.vote.dislike.1}} + {{/if}} + + {{if $item.vote.share}} + {{$item.vote.share.1}} + {{/if}} +
+ +
+ + {{if $item.drop && $item.drop.pagedrop}} + + {{/if}} + {{if $item.drop && $item.drop.dropping}} + {{$item.drop.label}} + {{/if}} + {{if $item.edpost}} + + {{/if}} +
+ +
+
+
+
+ +
{{$item.dislike_html nofilter}}
+ {{if $item.conv}} + + {{/if}} +
+ + +
+ diff --git a/quattro/templates/theme_settings.tpl b/quattro/templates/theme_settings.tpl new file mode 100644 index 0000000..617a635 --- /dev/null +++ b/quattro/templates/theme_settings.tpl @@ -0,0 +1,38 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + + +{{include file="field_select.tpl" field=$color}} + +{{include file="field_select.tpl" field=$align}} + + +
+ + + +
+ + +
+ + + +
+ + + + + +
+ +
+ + diff --git a/quattro/templates/threaded_conversation.tpl b/quattro/templates/threaded_conversation.tpl new file mode 100644 index 0000000..595e37b --- /dev/null +++ b/quattro/templates/threaded_conversation.tpl @@ -0,0 +1,45 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +{{$live_update nofilter}} +{{foreach $threads as $thread}} + +
+ + + {{if $thread.type == tag}} + {{include file="wall_item_tag.tpl" item=$thread}} + {{else}} + {{include file="{{$thread.template}}" item=$thread}} + {{/if}} + +
+{{/foreach}} +{{if !$update}} +
+ +{{if $dropping}} + + {{$dropping}} + + +{{/if}} + + + +{{if $mode == display}} + +{{/if}} +{{/if}} diff --git a/quattro/templates/wall_item_tag.tpl b/quattro/templates/wall_item_tag.tpl new file mode 100644 index 0000000..5fe82ae --- /dev/null +++ b/quattro/templates/wall_item_tag.tpl @@ -0,0 +1,73 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +{{if $mode == display}} +{{else}} +{{if $item.comment_firstcollapsed}} +
+ {{$item.num_comments}} + {{$item.hide_text}} + {{if $item.thread_level==3}} - + expand / + collapse thread{{/if}} +
+ {{/if}} +{{/if}} + +{{* top thread comment box *}} +{{if $item.threaded}}{{if $item.comment_html}}{{if $item.thread_level==1}} +
{{$item.comment_html nofilter}}
+{{/if}}{{/if}}{{/if}} + +{{if $item.flatten}} +
{{$item.comment_html nofilter}}
+{{/if}} diff --git a/quattro/templates/wall_thread.tpl b/quattro/templates/wall_thread.tpl new file mode 100644 index 0000000..b6dc6fd --- /dev/null +++ b/quattro/templates/wall_thread.tpl @@ -0,0 +1,215 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +{{if $mode == display}} +{{else}} +{{if $item.comment_firstcollapsed}} +
+ + {{$item.num_comments}} - {{$item.show_text}} + + +
+ {{/if}} +{{/if}} + +{{* top thread comment box *}} +{{if $item.threaded}}{{if $item.comment_html}}{{if $item.thread_level==1}} +
{{$item.comment_html nofilter}}
+{{/if}}{{/if}}{{/if}} + + +{{if $item.flatten}} +
{{$item.comment_html nofilter}}
+{{/if}} diff --git a/quattro/templates/widget/filter.tpl b/quattro/templates/widget/filter.tpl new file mode 100644 index 0000000..9ff064f --- /dev/null +++ b/quattro/templates/widget/filter.tpl @@ -0,0 +1,22 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+

{{$title}}

+{{if $desc}} +
{{$desc nofilter}}
+{{/if}} + + + +
diff --git a/quattro/templates/widget/group_list.tpl b/quattro/templates/widget/group_list.tpl new file mode 100644 index 0000000..d959248 --- /dev/null +++ b/quattro/templates/widget/group_list.tpl @@ -0,0 +1,52 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + + +
+

{{$title}}

+ + +
diff --git a/quattro/templates/widget/saved_searches.tpl b/quattro/templates/widget/saved_searches.tpl new file mode 100644 index 0000000..0190d10 --- /dev/null +++ b/quattro/templates/widget/saved_searches.tpl @@ -0,0 +1,21 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+

{{$title}}

+ + + + {{$searchbox nofilter}} + +
diff --git a/quattro/theme.php b/quattro/theme.php new file mode 100644 index 0000000..7c2595d --- /dev/null +++ b/quattro/theme.php @@ -0,0 +1,47 @@ + + * Maintainer: Fabio + * Maintainer: Tobias + */ + +use Friendica\AppHelper; +use Friendica\DI; + +/* + * This script can be included even when the app is in maintenance mode which requires us to avoid any config call + */ + +function quattro_init(AppHelper $appHelper) { + DI::page()['htmlhead'] .= ''; + DI::page()['htmlhead'] .= '';; +} + +/** + * @param int|null $uid + * @return null + * @see \Friendica\Core\Theme::getBackgroundColor() + * @TODO Implement this function + */ +function quattro_get_background_color(int $uid = null) +{ + return null; +} + +/** + * @param int|null $uid + * @return null + * @see \Friendica\Core\Theme::getThemeColor() + * @TODO Implement this function + */ +function quattro_get_theme_color(int $uid = null) +{ + return null; +} diff --git a/quattro/tinycon.min.js b/quattro/tinycon.min.js new file mode 100644 index 0000000..609c5c0 --- /dev/null +++ b/quattro/tinycon.min.js @@ -0,0 +1,13 @@ +// @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&dn=expat.txt +/*! +Tinycon - A small library for manipulating the Favicon +Tom Moor, http://tommoor.com + +SPDX-FileCopyrightText: (c) 2012 Tom Moor +SPDX-License-Identifier: MIT + +@version 0.6.3 +*/ +(function(){var Tinycon={};var currentFavicon=null;var originalFavicon=null;var faviconImage=null;var canvas=null;var options={};var r=window.devicePixelRatio||1;var size=16*r;var defaults={width:7,height:9,font:10*r+'px arial',colour:'#ffffff',background:'#F03D25',fallback:true,crossOrigin:true,abbreviate:true};var ua=(function(){var agent=navigator.userAgent.toLowerCase();return function(browser){return agent.indexOf(browser)!==-1}}());var browser={ie:ua('msie'),chrome:ua('chrome'),webkit:ua('chrome')||ua('safari'),safari:ua('safari')&&!ua('chrome'),mozilla:ua('mozilla')&&!ua('chrome')&&!ua('safari')};var getFaviconTag=function(){var links=document.getElementsByTagName('link');for(var i=0,len=links.length;i0)drawBubble(context,label,colour);refreshFavicon()};if(!src.match(/^data/)&&options.crossOrigin){faviconImage.crossOrigin='anonymous'}faviconImage.src=src};var updateTitle=function(label){if(options.fallback){var originalTitle=document.title;if(originalTitle[0]==='('){originalTitle=originalTitle.slice(originalTitle.indexOf(' '))}if((label+'').length>0){document.title='('+label+') '+originalTitle}else{document.title=originalTitle}}};var drawBubble=function(context,label,colour){if(typeof label=='number'&&label>99&&options.abbreviate){label=abbreviateNumber(label)}var len=(label+'').length-1;var width=options.width*r+(6*r*len),height=options.height*r;var top=size-height,left=size-width-r,bottom=16*r,right=16*r,radius=2*r;context.font=(browser.webkit?'bold ':'')+options.font;context.fillStyle=options.background;context.strokeStyle=options.background;context.lineWidth=r;context.beginPath();context.moveTo(left+radius,top);context.quadraticCurveTo(left,top,left,top+radius);context.lineTo(left,bottom-radius);context.quadraticCurveTo(left,bottom,left+radius,bottom);context.lineTo(right-radius,bottom);context.quadraticCurveTo(right,bottom,right,bottom-radius);context.lineTo(right,top+radius);context.quadraticCurveTo(right,top,right-radius,top);context.closePath();context.fill();context.beginPath();context.strokeStyle="rgba(0,0,0,0.3)";context.moveTo(left+radius/2.0,bottom);context.lineTo(right-radius/2.0,bottom);context.stroke();context.fillStyle=options.colour;context.textAlign="right";context.textBaseline="top";context.fillText(label,r===2?29:15,browser.mozilla?7*r:6*r)};var refreshFavicon=function(){if(!getCanvas().getContext)return;setFaviconTag(getCanvas().toDataURL())};var abbreviateNumber=function(label){var metricPrefixes=[['G',1000000000],['M',1000000],['k',1000]];for(var i=0;i=metricPrefixes[i][1]){label=round(label/metricPrefixes[i][1])+metricPrefixes[i][0];break}}return label};var round=function(value,precision){var number=new Number(value);return number.toFixed(precision)};Tinycon.setOptions=function(custom){options={};for(var key in defaults){options[key]=custom.hasOwnProperty(key)?custom[key]:defaults[key]}return this};Tinycon.setImage=function(url){currentFavicon=url;refreshFavicon();return this};Tinycon.setBubble=function(label,colour){label=label||'';drawFavicon(label,colour);return this};Tinycon.reset=function(){setFaviconTag(originalFavicon)};Tinycon.setOptions(defaults);window.Tinycon=Tinycon;if(typeof define==='function'&&define.amd){define(Tinycon)}})(); + +// @license-end diff --git a/quattro/unsupported b/quattro/unsupported new file mode 100644 index 0000000..e69de29 diff --git a/smoothly/css/typography.css b/smoothly/css/typography.css new file mode 100644 index 0000000..80c783f --- /dev/null +++ b/smoothly/css/typography.css @@ -0,0 +1,296 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica Project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +/* global basic typography settings */ + +textarea, +pre, +code, +kbd, +samp, +var, +tt { + font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; +} + +/* (en) base layout gets standard font size 15px */ +/* (de) Basis-Layout erhält Standardschriftgröße von 15 Pixeln */ + + +body { + margin: 0 auto; + padding-bottom: 3em; + width: 960px; + height: 100%; + font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; + font-size: 15px; + font-size-adjust: none; + font-style: normal; + font-variant: normal; + font-weight: normal; + line-height: 18px; + color: #626262; + background-color: #F2F2F2; + color: #333333; +/* (en) Prevent auto-scaling of text in mobile webkit browsers */ +/* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */ + -webkit-text-size-adjust:100%; +} + +/*--- Headings | Überschriften ------------------------------------------------------------------------*/ + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; + font-weight: 550; + color:#626262; + margin: 0; +} + +h1 { + font-size: 200%; + line-height: 0.8571em; + margin: 0.4286em 0 0; +} + +h2 { + font-size:170%; + line-height: 1.2em; + margin: 0.6em 0 0 0; +} + +h3 { + font-size: 145%; + margin: 0 0 5px 0; +} + +h4 { + font-size: 133.33%; + line-height: 1.125em; + margin: 1.125em 0 0 0; +} + +h5 { + font-size: 116.67%; + line-height: 1.2857em; + margin: 1.2857em 0 0 0; +} + +h6 { + font-weight: bold; + font-size:100%; + line-height: 1.5em; + margin: 1.5em 0 0 0; +} + +/*h3 > a, h4 > a { + font-size: 18px; + color: #626262; +}*/ + +/* --- Lists | Listen -------------------------------------------------------------------------------- */ + +ul, +ol, +dl { + font-size:1em; + line-height:1.5em; +} + +ul { + list-style-type:disc; +} + +ol { + list-style-type:decimal; +} + +ul ul { + list-style-type:circle; + margin-top:0; +} + +ol ol { + list-style-type:lower-latin; + margin-top:0; +} + +ol ul { + list-style-type:circle; + margin-top:0; +} + +li { + font-size:1em; + line-height:1.5em; + list-style: none outside none; +} + +dt { font-weight:bold; } + +dd { } + + +/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */ + +p { + max-width: 600px; + font-size:1em; + /*line-height:1.5em;*/ + /*margin: 1.5em 0 0 0;*/ +} + +blockquote, cite, q { + font-family: Georgia, "Times New Roman", Times, serif; + font-style:italic; +} + +blockquote { + background-color: #F4F8F9; + border-left: 4px solid #DAE4EE; + margin: 0; + padding: 0.4em; + white-space: normal; +} + +strong, b { font-weight:bold; } + +em, i { font-style:italic; } + +big { + font-size:116.667%; +} + +small { + font-size:85.71%; +} + +pre, +code, +kbd, +tt, +samp, +var { + font-size:100%; +} + +pre { + line-height:1.5em; + margin: 1.5em 0 0 0; + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +pre, code { color:#800; } + +kbd, samp, var, tt { + color:#666; + font-weight:bold; +} + +var, dfn { font-style:italic; } + +acronym, abbr { + border-bottom:1px #aaa dotted; + font-variant:small-caps; + letter-spacing:.07em; + cursor:help; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { top: -0.5em; } +sub { bottom: -0.25em; } + +mark { + background: #ff0; + color: #000; +} + +hr { + color:#fff; + background:transparent; + margin:0 0 0.75em 0; + padding:0 0 0.75em 0; + border:0; + border-bottom:1px #eee solid; +} + +.required { + display: inline; + color: #1873a2; +} + +.hidden { + display: none!important; +} + +/*--- Links ----------------------------------------------------------------------------------------- */ + +a { + color: #1873a2; + text-decoration: none; + margin-bottom: 1px; + background:transparent; +} + +a:active { outline: none; } + +/* (en) maximum contrast for tab focus - change with great care */ +/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */ +a:hover, +a:focus { + color: #6da6c4; + text-decoration:none; +} + +/*--- Images ----------------------------------------------------------------------------------------- */ + +img, +figure { + border: 0 none; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + max-width: 550px; + margin: 0; +} + +.flexible { + margin-top: 1.5em; + max-width: 100%; + height: auto; +} + +* html .flexible { /* IE6 support */ + width: 98%; /* 2% space for borders */ +} + +.bordered { + margin-top: 1.5em; + border: 2px #eee solid; + border: 2px rgba(255,255,255,1) solid; + -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25); + -moz-box-shadow: 0 0 3px rgba(0,0,0,.25); + box-shadow: 0 0 3px rgba(0,0,0,.25); +} + +/*--- Tables ----------------------------------------------------------------------------------------- */ + +tr { + border: 1px solid #eeeeee; +} diff --git a/smoothly/images/arrow.png b/smoothly/images/arrow.png new file mode 100755 index 0000000..1fabe88 Binary files /dev/null and b/smoothly/images/arrow.png differ diff --git a/smoothly/images/calendar.png b/smoothly/images/calendar.png new file mode 100755 index 0000000..705a75b Binary files /dev/null and b/smoothly/images/calendar.png differ diff --git a/smoothly/images/connect.png b/smoothly/images/connect.png new file mode 100755 index 0000000..b76fc13 Binary files /dev/null and b/smoothly/images/connect.png differ diff --git a/smoothly/images/dot.png b/smoothly/images/dot.png new file mode 100755 index 0000000..6f53251 Binary files /dev/null and b/smoothly/images/dot.png differ diff --git a/smoothly/images/down.png b/smoothly/images/down.png new file mode 100755 index 0000000..4c32018 Binary files /dev/null and b/smoothly/images/down.png differ diff --git a/smoothly/images/file.gif b/smoothly/images/file.gif new file mode 100755 index 0000000..7885b99 Binary files /dev/null and b/smoothly/images/file.gif differ diff --git a/smoothly/images/groups.png b/smoothly/images/groups.png new file mode 100755 index 0000000..a65a721 Binary files /dev/null and b/smoothly/images/groups.png differ diff --git a/smoothly/images/icons.png b/smoothly/images/icons.png new file mode 100755 index 0000000..534d0b4 Binary files /dev/null and b/smoothly/images/icons.png differ diff --git a/smoothly/images/icons.svg b/smoothly/images/icons.svg new file mode 100755 index 0000000..befc4d9 --- /dev/null +++ b/smoothly/images/icons.svg @@ -0,0 +1 @@ +YouTubeLorem Ip?? \ No newline at end of file diff --git a/smoothly/images/larrow.gif b/smoothly/images/larrow.gif new file mode 100755 index 0000000..2fa8067 Binary files /dev/null and b/smoothly/images/larrow.gif differ diff --git a/smoothly/images/login-bg.gif b/smoothly/images/login-bg.gif new file mode 100755 index 0000000..be47484 Binary files /dev/null and b/smoothly/images/login-bg.gif differ diff --git a/smoothly/images/lrarrow.gif b/smoothly/images/lrarrow.gif new file mode 100755 index 0000000..fa26769 Binary files /dev/null and b/smoothly/images/lrarrow.gif differ diff --git a/smoothly/images/menu-user-pin.jpg b/smoothly/images/menu-user-pin.jpg new file mode 100755 index 0000000..5f766eb Binary files /dev/null and b/smoothly/images/menu-user-pin.jpg differ diff --git a/smoothly/images/menu-user-pin.png b/smoothly/images/menu-user-pin.png new file mode 100755 index 0000000..6becfbb Binary files /dev/null and b/smoothly/images/menu-user-pin.png differ diff --git a/smoothly/images/nav-bg.png b/smoothly/images/nav-bg.png new file mode 100755 index 0000000..d7a3a87 Binary files /dev/null and b/smoothly/images/nav-bg.png differ diff --git a/smoothly/images/next.png b/smoothly/images/next.png new file mode 100755 index 0000000..2e601f7 Binary files /dev/null and b/smoothly/images/next.png differ diff --git a/smoothly/images/notifications.png b/smoothly/images/notifications.png new file mode 100755 index 0000000..f0e24a1 Binary files /dev/null and b/smoothly/images/notifications.png differ diff --git a/smoothly/images/photo-menu.jpg b/smoothly/images/photo-menu.jpg new file mode 100755 index 0000000..57edb20 Binary files /dev/null and b/smoothly/images/photo-menu.jpg differ diff --git a/smoothly/images/photography.png b/smoothly/images/photography.png new file mode 100755 index 0000000..7ec919f Binary files /dev/null and b/smoothly/images/photography.png differ diff --git a/smoothly/images/power.png b/smoothly/images/power.png new file mode 100755 index 0000000..2134687 Binary files /dev/null and b/smoothly/images/power.png differ diff --git a/smoothly/images/premium.png b/smoothly/images/premium.png new file mode 100755 index 0000000..1ad601c Binary files /dev/null and b/smoothly/images/premium.png differ diff --git a/smoothly/images/prev.png b/smoothly/images/prev.png new file mode 100755 index 0000000..62f7fb5 Binary files /dev/null and b/smoothly/images/prev.png differ diff --git a/smoothly/images/rarrow.gif b/smoothly/images/rarrow.gif new file mode 100755 index 0000000..5090248 Binary files /dev/null and b/smoothly/images/rarrow.gif differ diff --git a/smoothly/images/search.png b/smoothly/images/search.png new file mode 100755 index 0000000..51c4285 Binary files /dev/null and b/smoothly/images/search.png differ diff --git a/smoothly/images/shiny.png b/smoothly/images/shiny.png new file mode 100755 index 0000000..3af6030 Binary files /dev/null and b/smoothly/images/shiny.png differ diff --git a/smoothly/images/star.png b/smoothly/images/star.png new file mode 100755 index 0000000..f03948f Binary files /dev/null and b/smoothly/images/star.png differ diff --git a/smoothly/images/tobottom.png b/smoothly/images/tobottom.png new file mode 100755 index 0000000..520f2da Binary files /dev/null and b/smoothly/images/tobottom.png differ diff --git a/smoothly/images/totop.png b/smoothly/images/totop.png new file mode 100755 index 0000000..d222b39 Binary files /dev/null and b/smoothly/images/totop.png differ diff --git a/smoothly/images/up.png b/smoothly/images/up.png new file mode 100755 index 0000000..31a0164 Binary files /dev/null and b/smoothly/images/up.png differ diff --git a/smoothly/images/user.png b/smoothly/images/user.png new file mode 100755 index 0000000..df899e7 Binary files /dev/null and b/smoothly/images/user.png differ diff --git a/smoothly/js/jquery.autogrow.textarea.js b/smoothly/js/jquery.autogrow.textarea.js new file mode 100644 index 0000000..c34ecb5 --- /dev/null +++ b/smoothly/js/jquery.autogrow.textarea.js @@ -0,0 +1,54 @@ +// SPDX-FileCopyrightText: 2008 Jason Frame +// +// SPDX-License-Identifier: MIT + +// @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&dn=expat.txt Expat +// source https://github.com/jaz303/jquery-grab-bag +(function($) { + + /* + * Auto-growing textareas; technique ripped from Facebook + */ + $.fn.autogrow = function(options) { + + this.filter('textarea').each(function() { + + var $this = $(this), + minHeight = $this.height(), + lineHeight = $this.css('lineHeight'); + + var shadow = $('
').css({ + position: 'absolute', + top: -10000, + left: -10000, + width: $(this).width(), + fontSize: $this.css('fontSize'), + fontFamily: $this.css('fontFamily'), + lineHeight: $this.css('lineHeight'), + resize: 'none' + }).appendTo(document.body); + + var update = function() { + + var val = this.value.replace(//g, '>') + .replace(/&/g, '&') + .replace(/\n/g, '
'); + + shadow.html(val); + $(this).css('height', Math.max(shadow.height() + 20, minHeight)); + } + + $(this).change(update).keyup(update).keydown(update); + + update.apply(this); + + }); + + return this; + + } + +})(jQuery); + +// @license-end diff --git a/smoothly/js/modernizr.custom.2.5.3.js b/smoothly/js/modernizr.custom.2.5.3.js new file mode 100755 index 0000000..fbe6af1 --- /dev/null +++ b/smoothly/js/modernizr.custom.2.5.3.js @@ -0,0 +1,993 @@ +// @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&dn=expat.txt Expat +// @license magnet:?xt=urn:btih:c80d50af7d3db9be66a4d0a86db0286e4fd33292&dn=bsd-3-clause.txt +/* Modernizr 2.5.3 (Custom Build) | MIT & BSD + * Build: http://www.modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-flexbox_legacy-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-printshiv-mq-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load + */ +; + + + +window.Modernizr = (function( window, document, undefined ) { + + var version = '2.5.3', + + Modernizr = {}, + + + docElement = document.documentElement, + + mod = 'modernizr', + modElem = document.createElement(mod), + mStyle = modElem.style, + + inputElem = document.createElement('input') , + + smile = ':)', + + toString = {}.toString, + + prefixes = ' -webkit- -moz- -o- -ms- '.split(' '), + + + + omPrefixes = 'Webkit Moz O ms', + + cssomPrefixes = omPrefixes.split(' '), + + domPrefixes = omPrefixes.toLowerCase().split(' '), + + ns = {'svg': 'http://www.w3.org/2000/svg'}, + + tests = {}, + inputs = {}, + attrs = {}, + + classes = [], + + slice = classes.slice, + + featureName, + + + injectElementWithStyles = function( rule, callback, nodes, testnames ) { + + var style, ret, node, + div = document.createElement('div'), + body = document.body, + fakeBody = body ? body : document.createElement('body'); + + if ( parseInt(nodes, 10) ) { + while ( nodes-- ) { + node = document.createElement('div'); + node.id = testnames ? testnames[nodes] : mod + (nodes + 1); + div.appendChild(node); + } + } + + style = ['­',''].join(''); + div.id = mod; + (body ? div : fakeBody).innerHTML += style; + fakeBody.appendChild(div); + if(!body){ + fakeBody.style.background = ""; + docElement.appendChild(fakeBody); + } + + ret = callback(div, rule); + !body ? fakeBody.parentNode.removeChild(fakeBody) : div.parentNode.removeChild(div); + + return !!ret; + + }, + + testMediaQuery = function( mq ) { + + var matchMedia = window.matchMedia || window.msMatchMedia; + if ( matchMedia ) { + return matchMedia(mq).matches; + } + + var bool; + + injectElementWithStyles('@media ' + mq + ' { #' + mod + ' { position: absolute; } }', function( node ) { + bool = (window.getComputedStyle ? + getComputedStyle(node, null) : + node.currentStyle)['position'] == 'absolute'; + }); + + return bool; + + }, + + + isEventSupported = (function() { + + var TAGNAMES = { + 'select': 'input', 'change': 'input', + 'submit': 'form', 'reset': 'form', + 'error': 'img', 'load': 'img', 'abort': 'img' + }; + + function isEventSupported( eventName, element ) { + + element = element || document.createElement(TAGNAMES[eventName] || 'div'); + eventName = 'on' + eventName; + + var isSupported = eventName in element; + + if ( !isSupported ) { + if ( !element.setAttribute ) { + element = document.createElement('div'); + } + if ( element.setAttribute && element.removeAttribute ) { + element.setAttribute(eventName, ''); + isSupported = is(element[eventName], 'function'); + + if ( !is(element[eventName], 'undefined') ) { + element[eventName] = undefined; + } + element.removeAttribute(eventName); + } + } + + element = null; + return isSupported; + } + return isEventSupported; + })(), + + + _hasOwnProperty = ({}).hasOwnProperty, hasOwnProperty; + + if ( !is(_hasOwnProperty, 'undefined') && !is(_hasOwnProperty.call, 'undefined') ) { + hasOwnProperty = function (object, property) { + return _hasOwnProperty.call(object, property); + }; + } + else { + hasOwnProperty = function (object, property) { + return ((property in object) && is(object.constructor.prototype[property], 'undefined')); + }; + } + + + if (!Function.prototype.bind) { + Function.prototype.bind = function bind(that) { + + var target = this; + + if (typeof target != "function") { + throw new TypeError(); + } + + var args = slice.call(arguments, 1), + bound = function () { + + if (this instanceof bound) { + + var F = function(){}; + F.prototype = target.prototype; + var self = new F; + + var result = target.apply( + self, + args.concat(slice.call(arguments)) + ); + if (Object(result) === result) { + return result; + } + return self; + + } else { + + return target.apply( + that, + args.concat(slice.call(arguments)) + ); + + } + + }; + + return bound; + }; + } + + function setCss( str ) { + mStyle.cssText = str; + } + + function setCssAll( str1, str2 ) { + return setCss(prefixes.join(str1 + ';') + ( str2 || '' )); + } + + function is( obj, type ) { + return typeof obj === type; + } + + function contains( str, substr ) { + return !!~('' + str).indexOf(substr); + } + + function testProps( props, prefixed ) { + for ( var i in props ) { + if ( mStyle[ props[i] ] !== undefined ) { + return prefixed == 'pfx' ? props[i] : true; + } + } + return false; + } + + function testDOMProps( props, obj, elem ) { + for ( var i in props ) { + var item = obj[props[i]]; + if ( item !== undefined) { + + if (elem === false) return props[i]; + + if (is(item, 'function')){ + return item.bind(elem || obj); + } + + return item; + } + } + return false; + } + + function testPropsAll( prop, prefixed, elem ) { + + var ucProp = prop.charAt(0).toUpperCase() + prop.substr(1), + props = (prop + ' ' + cssomPrefixes.join(ucProp + ' ') + ucProp).split(' '); + + if(is(prefixed, "string") || is(prefixed, "undefined")) { + return testProps(props, prefixed); + + } else { + props = (prop + ' ' + (domPrefixes).join(ucProp + ' ') + ucProp).split(' '); + return testDOMProps(props, prefixed, elem); + } + } + + var testBundle = (function( styles, tests ) { + var style = styles.join(''), + len = tests.length; + + injectElementWithStyles(style, function( node, rule ) { + var style = document.styleSheets[document.styleSheets.length - 1], + cssText = style ? (style.cssRules && style.cssRules[0] ? style.cssRules[0].cssText : style.cssText || '') : '', + children = node.childNodes, hash = {}; + + while ( len-- ) { + hash[children[len].id] = children[len]; + } + + Modernizr['touch'] = ('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch || (hash['touch'] && hash['touch'].offsetTop) === 9; + Modernizr['csstransforms3d'] = (hash['csstransforms3d'] && hash['csstransforms3d'].offsetLeft) === 9 && hash['csstransforms3d'].offsetHeight === 3; Modernizr['generatedcontent'] = (hash['generatedcontent'] && hash['generatedcontent'].offsetHeight) >= 1; Modernizr['fontface'] = /src/i.test(cssText) && + cssText.indexOf(rule.split(' ')[0]) === 0; }, len, tests); + + })([ + '@font-face {font-family:"font";src:url("https://")}' ,['@media (',prefixes.join('touch-enabled),('),mod,')', + '{#touch{top:9px;position:absolute}}'].join('') ,['@media (',prefixes.join('transform-3d),('),mod,')', + '{#csstransforms3d{left:9px;position:absolute;height:3px;}}'].join('') + + ,['#generatedcontent:after{content:"',smile,'";visibility:hidden}'].join('') + ], + [ + 'fontface' ,'touch' ,'csstransforms3d' + ,'generatedcontent' + + ]); tests['flexbox'] = function() { + return testPropsAll('flexOrder'); + }; + + + tests['flexbox-legacy'] = function() { + return testPropsAll('boxDirection'); + }; + + + tests['canvas'] = function() { + var elem = document.createElement('canvas'); + return !!(elem.getContext && elem.getContext('2d')); + }; + + tests['canvastext'] = function() { + return !!(Modernizr['canvas'] && is(document.createElement('canvas').getContext('2d').fillText, 'function')); + }; tests['touch'] = function() { + return Modernizr['touch']; + }; + + tests['geolocation'] = function() { + return !!navigator.geolocation; + }; + + tests['postmessage'] = function() { + return !!window.postMessage; + }; + + + tests['websqldatabase'] = function() { + return !!window.openDatabase; + }; + + tests['indexedDB'] = function() { + return !!testPropsAll("indexedDB",window); + }; + + tests['hashchange'] = function() { + return isEventSupported('hashchange', window) && (document.documentMode === undefined || document.documentMode > 7); + }; + + tests['history'] = function() { + return !!(window.history && history.pushState); + }; + + tests['draganddrop'] = function() { + var div = document.createElement('div'); + return ('draggable' in div) || ('ondragstart' in div && 'ondrop' in div); + }; + + tests['websockets'] = function() { + for ( var i = -1, len = cssomPrefixes.length; ++i < len; ){ + if ( window[cssomPrefixes[i] + 'WebSocket'] ){ + return true; + } + } + return 'WebSocket' in window; + }; + + + tests['rgba'] = function() { + setCss('background-color:rgba(150,255,150,.5)'); + + return contains(mStyle.backgroundColor, 'rgba'); + }; + + tests['hsla'] = function() { + setCss('background-color:hsla(120,40%,100%,.5)'); + + return contains(mStyle.backgroundColor, 'rgba') || contains(mStyle.backgroundColor, 'hsla'); + }; + + tests['multiplebgs'] = function() { + setCss('background:url(https://),url(https://),red url(https://)'); + + return /(url\s*\(.*?){3}/.test(mStyle.background); + }; + tests['backgroundsize'] = function() { + return testPropsAll('backgroundSize'); + }; + + tests['borderimage'] = function() { + return testPropsAll('borderImage'); + }; + + + + tests['borderradius'] = function() { + return testPropsAll('borderRadius'); + }; + + tests['boxshadow'] = function() { + return testPropsAll('boxShadow'); + }; + + tests['textshadow'] = function() { + return document.createElement('div').style.textShadow === ''; + }; + + + tests['opacity'] = function() { + setCssAll('opacity:.55'); + + return /^0.55$/.test(mStyle.opacity); + }; + + + tests['cssanimations'] = function() { + return testPropsAll('animationName'); + }; + + + tests['csscolumns'] = function() { + return testPropsAll('columnCount'); + }; + + + tests['cssgradients'] = function() { + var str1 = 'background-image:', + str2 = 'gradient(linear,left top,right bottom,from(#9f9),to(white));', + str3 = 'linear-gradient(left top,#9f9, white);'; + + setCss( + (str1 + '-webkit- '.split(' ').join(str2 + str1) + + prefixes.join(str3 + str1)).slice(0, -str1.length) + ); + + return contains(mStyle.backgroundImage, 'gradient'); + }; + + + tests['cssreflections'] = function() { + return testPropsAll('boxReflect'); + }; + + + tests['csstransforms'] = function() { + return !!testPropsAll('transform'); + }; + + + tests['csstransforms3d'] = function() { + + var ret = !!testPropsAll('perspective'); + + if ( ret && 'webkitPerspective' in docElement.style ) { + + ret = Modernizr['csstransforms3d']; + } + return ret; + }; + + + tests['csstransitions'] = function() { + return testPropsAll('transition'); + }; + + + + tests['fontface'] = function() { + return Modernizr['fontface']; + }; + + tests['generatedcontent'] = function() { + return Modernizr['generatedcontent']; + }; + tests['video'] = function() { + var elem = document.createElement('video'), + bool = false; + + try { + if ( bool = !!elem.canPlayType ) { + bool = new Boolean(bool); + bool.ogg = elem.canPlayType('video/ogg; codecs="theora"') .replace(/^no$/,''); + + bool.h264 = elem.canPlayType('video/mp4; codecs="avc1.42E01E"') .replace(/^no$/,''); + + bool.webm = elem.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,''); + } + + } catch(e) { } + + return bool; + }; + + tests['audio'] = function() { + var elem = document.createElement('audio'), + bool = false; + + try { + if ( bool = !!elem.canPlayType ) { + bool = new Boolean(bool); + bool.ogg = elem.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,''); + bool.mp3 = elem.canPlayType('audio/mpeg;') .replace(/^no$/,''); + + bool.wav = elem.canPlayType('audio/wav; codecs="1"') .replace(/^no$/,''); + bool.m4a = ( elem.canPlayType('audio/x-m4a;') || + elem.canPlayType('audio/aac;')) .replace(/^no$/,''); + } + } catch(e) { } + + return bool; + }; + + + tests['localstorage'] = function() { + try { + localStorage.setItem(mod, mod); + localStorage.removeItem(mod); + return true; + } catch(e) { + return false; + } + }; + + tests['sessionstorage'] = function() { + try { + sessionStorage.setItem(mod, mod); + sessionStorage.removeItem(mod); + return true; + } catch(e) { + return false; + } + }; + + + tests['webworkers'] = function() { + return !!window.Worker; + }; + + + tests['applicationcache'] = function() { + return !!window.applicationCache; + }; + + + tests['svg'] = function() { + return !!document.createElementNS && !!document.createElementNS(ns.svg, 'svg').createSVGRect; + }; + + tests['inlinesvg'] = function() { + var div = document.createElement('div'); + div.innerHTML = ''; + return (div.firstChild && div.firstChild.namespaceURI) == ns.svg; + }; + + tests['smil'] = function() { + return !!document.createElementNS && /SVGAnimate/.test(toString.call(document.createElementNS(ns.svg, 'animate'))); + }; + + + tests['svgclippaths'] = function() { + return !!document.createElementNS && /SVGClipPath/.test(toString.call(document.createElementNS(ns.svg, 'clipPath'))); + }; + + function webforms() { + Modernizr['input'] = (function( props ) { + for ( var i = 0, len = props.length; i < len; i++ ) { + attrs[ props[i] ] = !!(props[i] in inputElem); + } + if (attrs.list){ + attrs.list = !!(document.createElement('datalist') && window.HTMLDataListElement); + } + return attrs; + })('autocomplete autofocus list placeholder max min multiple pattern required step'.split(' ')); + Modernizr['inputtypes'] = (function(props) { + + for ( var i = 0, bool, inputElemType, defaultView, len = props.length; i < len; i++ ) { + + inputElem.setAttribute('type', inputElemType = props[i]); + bool = inputElem.type !== 'text'; + + if ( bool ) { + + inputElem.value = smile; + inputElem.style.cssText = 'position:absolute;visibility:hidden;'; + + if ( /^range$/.test(inputElemType) && inputElem.style.WebkitAppearance !== undefined ) { + + docElement.appendChild(inputElem); + defaultView = document.defaultView; + + bool = defaultView.getComputedStyle && + defaultView.getComputedStyle(inputElem, null).WebkitAppearance !== 'textfield' && + (inputElem.offsetHeight !== 0); + + docElement.removeChild(inputElem); + + } else if ( /^(search|tel)$/.test(inputElemType) ){ + } else if ( /^(url|email)$/.test(inputElemType) ) { + bool = inputElem.checkValidity && inputElem.checkValidity() === false; + + } else if ( /^color$/.test(inputElemType) ) { + docElement.appendChild(inputElem); + docElement.offsetWidth; + bool = inputElem.value != smile; + docElement.removeChild(inputElem); + + } else { + bool = inputElem.value != smile; + } + } + + inputs[ props[i] ] = !!bool; + } + return inputs; + })('search tel url email datetime date month week time datetime-local number range color'.split(' ')); + } + for ( var feature in tests ) { + if ( hasOwnProperty(tests, feature) ) { + featureName = feature.toLowerCase(); + Modernizr[featureName] = tests[feature](); + + classes.push((Modernizr[featureName] ? '' : 'no-') + featureName); + } + } + + Modernizr.input || webforms(); setCss(''); + modElem = inputElem = null; + + + Modernizr._version = version; + + Modernizr._prefixes = prefixes; + Modernizr._domPrefixes = domPrefixes; + Modernizr._cssomPrefixes = cssomPrefixes; + + Modernizr.mq = testMediaQuery; + + Modernizr.hasEvent = isEventSupported; + + Modernizr.testProp = function(prop){ + return testProps([prop]); + }; + + Modernizr.testAllProps = testPropsAll; + + + Modernizr.testStyles = injectElementWithStyles; + return Modernizr; + +})(this, this.document); +/*! HTML5 Shiv v3.4 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed */ +;(function(window, document) { + + /** Preset options */ + var options = window.html5 || {}; + + /** Used to skip problem elements */ + var reSkip = /^<|^(?:button|form|map|select|textarea)$/i; + + /** Detect whether the browser supports default html5 styles */ + var supportsHtml5Styles; + + /** Detect whether the browser supports unknown elements */ + var supportsUnknownElements; + + (function() { + var a = document.createElement('a'); + + a.innerHTML = ''; + + //if the hidden property is implemented we can assume, that the browser supports HTML5 Styles + supportsHtml5Styles = ('hidden' in a); + supportsUnknownElements = a.childNodes.length == 1 || (function() { + // assign a false positive if unable to shiv + try { + (document.createElement)('a'); + } catch(e) { + return true; + } + var frag = document.createDocumentFragment(); + return ( + typeof frag.cloneNode == 'undefined' || + typeof frag.createDocumentFragment == 'undefined' || + typeof frag.createElement == 'undefined' + ); + }()); + + }()); + + /*--------------------------------------------------------------------------*/ + + /** + * Creates a style sheet with the given CSS text and adds it to the document. + * @private + * @param {Document} ownerDocument The document. + * @param {String} cssText The CSS text. + * @returns {StyleSheet} The style element. + */ + function addStyleSheet(ownerDocument, cssText) { + var p = ownerDocument.createElement('p'), + parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement; + + p.innerHTML = 'x'; + return parent.insertBefore(p.lastChild, parent.firstChild); + } + + /** + * Returns the value of `html5.elements` as an array. + * @private + * @returns {Array} An array of shived element node names. + */ + function getElements() { + var elements = html5.elements; + return typeof elements == 'string' ? elements.split(' ') : elements; + } + + /** + * Shivs the `createElement` and `createDocumentFragment` methods of the document. + * @private + * @param {Document|DocumentFragment} ownerDocument The document. + */ + function shivMethods(ownerDocument) { + var cache = {}, + docCreateElement = ownerDocument.createElement, + docCreateFragment = ownerDocument.createDocumentFragment, + frag = docCreateFragment(); + + ownerDocument.createElement = function(nodeName) { + // Avoid adding some elements to fragments in IE < 9 because + // * Attributes like `name` or `type` cannot be set/changed once an element + // is inserted into a document/fragment + // * Link elements with `src` attributes that are inaccessible, as with + // a 403 response, will cause the tab/window to crash + // * Script elements appended to fragments will execute when their `src` + // or `text` property is set + var node = (cache[nodeName] || (cache[nodeName] = docCreateElement(nodeName))).cloneNode(); + return html5.shivMethods && node.canHaveChildren && !reSkip.test(nodeName) ? frag.appendChild(node) : node; + }; + + ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' + + 'var n=f.cloneNode(),c=n.createElement;' + + 'h.shivMethods&&(' + + // unroll the `createElement` calls + getElements().join().replace(/\w+/g, function(nodeName) { + cache[nodeName] = docCreateElement(nodeName); + frag.createElement(nodeName); + return 'c("' + nodeName + '")'; + }) + + ');return n}' + )(html5, frag); + } + + /*--------------------------------------------------------------------------*/ + + /** + * Shivs the given document. + * @memberOf html5 + * @param {Document} ownerDocument The document to shiv. + * @returns {Document} The shived document. + */ + function shivDocument(ownerDocument) { + var shived; + if (ownerDocument.documentShived) { + return ownerDocument; + } + if (html5.shivCSS && !supportsHtml5Styles) { + shived = !!addStyleSheet(ownerDocument, + // corrects block display not defined in IE6/7/8/9 + 'article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}' + + // corrects audio display not defined in IE6/7/8/9 + 'audio{display:none}' + + // corrects canvas and video display not defined in IE6/7/8/9 + 'canvas,video{display:inline-block;*display:inline;*zoom:1}' + + // corrects 'hidden' attribute and audio[controls] display not present in IE7/8/9 + '[hidden]{display:none}audio[controls]{display:inline-block;*display:inline;*zoom:1}' + + // adds styling not present in IE6/7/8/9 + 'mark{background:#FF0;color:#000}' + ); + } + if (!supportsUnknownElements) { + shived = !shivMethods(ownerDocument); + } + if (shived) { + ownerDocument.documentShived = shived; + } + return ownerDocument; + } + + /*--------------------------------------------------------------------------*/ + + /** + * The `html5` object is exposed so that more elements can be shived and + * existing shiving can be detected on iframes. + * @type Object + * @example + * + * // options can be changed before the script is included + * html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false }; + */ + var html5 = { + + /** + * An array or space separated string of node names of the elements to shiv. + * @memberOf html5 + * @type Array|String + */ + 'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video', + + /** + * A flag to indicate that the HTML5 style sheet should be inserted. + * @memberOf html5 + * @type Boolean + */ + 'shivCSS': !(options.shivCSS === false), + + /** + * A flag to indicate that the document's `createElement` and `createDocumentFragment` + * methods should be overwritten. + * @memberOf html5 + * @type Boolean + */ + 'shivMethods': !(options.shivMethods === false), + + /** + * A string to describe the type of `html5` object ("default" or "default print"). + * @memberOf html5 + * @type String + */ + 'type': 'default', + + // shivs the document according to the specified `html5` object options + 'shivDocument': shivDocument + }; + + /*--------------------------------------------------------------------------*/ + + // expose html5 + window.html5 = html5; + + // shiv the document + shivDocument(document); + + /*------------------------------- Print Shiv -------------------------------*/ + + /** Used to filter media types */ + var reMedia = /^$|\b(?:all|print)\b/; + + /** Used to namespace printable elements */ + var shivNamespace = 'html5shiv'; + + /** Detect whether the browser supports shivable style sheets */ + var supportsShivableSheets = !supportsUnknownElements && (function() { + // assign a false negative if unable to shiv + var docEl = document.documentElement; + return !( + typeof document.namespaces == 'undefined' || + typeof document.parentWindow == 'undefined' || + typeof docEl.applyElement == 'undefined' || + typeof docEl.removeNode == 'undefined' || + typeof window.attachEvent == 'undefined' + ); + }()); + + /*--------------------------------------------------------------------------*/ + + /** + * Wraps all HTML5 elements in the given document with printable elements. + * (eg. the "header" element is wrapped with the "html5shiv:header" element) + * @private + * @param {Document} ownerDocument The document. + * @returns {Array} An array wrappers added. + */ + function addWrappers(ownerDocument) { + var node, + nodes = ownerDocument.getElementsByTagName('*'), + index = nodes.length, + reElements = RegExp('^(?:' + getElements().join('|') + ')$', 'i'), + result = []; + + while (index--) { + node = nodes[index]; + if (reElements.test(node.nodeName)) { + result.push(node.applyElement(createWrapper(node))); + } + } + return result; + } + + /** + * Creates a printable wrapper for the given element. + * @private + * @param {Element} element The element. + * @returns {Element} The wrapper. + */ + function createWrapper(element) { + var node, + nodes = element.attributes, + index = nodes.length, + wrapper = element.ownerDocument.createElement(shivNamespace + ':' + element.nodeName); + + // copy element attributes to the wrapper + while (index--) { + node = nodes[index]; + node.specified && wrapper.setAttribute(node.nodeName, node.nodeValue); + } + // copy element styles to the wrapper + wrapper.style.cssText = element.style.cssText; + return wrapper; + } + + /** + * Shivs the given CSS text. + * (eg. header{} becomes html5shiv\:header{}) + * @private + * @param {String} cssText The CSS text to shiv. + * @returns {String} The shived CSS text. + */ + function shivCssText(cssText) { + var pair, + parts = cssText.split('{'), + index = parts.length, + reElements = RegExp('(^|[\\s,>+~])(' + getElements().join('|') + ')(?=[[\\s,>+~#.:]|$)', 'gi'), + replacement = '$1' + shivNamespace + '\\:$2'; + + while (index--) { + pair = parts[index] = parts[index].split('}'); + pair[pair.length - 1] = pair[pair.length - 1].replace(reElements, replacement); + parts[index] = pair.join('}'); + } + return parts.join('{'); + } + + /** + * Removes the given wrappers, leaving the original elements. + * @private + * @params {Array} wrappers An array of printable wrappers. + */ + function removeWrappers(wrappers) { + var index = wrappers.length; + while (index--) { + wrappers[index].removeNode(); + } + } + + /*--------------------------------------------------------------------------*/ + + /** + * Shivs the given document for print. + * @memberOf html5 + * @param {Document} ownerDocument The document to shiv. + * @returns {Document} The shived document. + */ + function shivPrint(ownerDocument) { + var shivedSheet, + wrappers, + namespaces = ownerDocument.namespaces, + ownerWindow = ownerDocument.parentWindow; + + if (!supportsShivableSheets || ownerDocument.printShived) { + return ownerDocument; + } + if (typeof namespaces[shivNamespace] == 'undefined') { + namespaces.add(shivNamespace); + } + + ownerWindow.attachEvent('onbeforeprint', function() { + var imports, + length, + sheet, + collection = ownerDocument.styleSheets, + cssText = [], + index = collection.length, + sheets = Array(index); + + // convert styleSheets collection to an array + while (index--) { + sheets[index] = collection[index]; + } + // concat all style sheet CSS text + while ((sheet = sheets.pop())) { + // IE does not enforce a same origin policy for external style sheets + if (!sheet.disabled && reMedia.test(sheet.media)) { + for (imports = sheet.imports, index = 0, length = imports.length; index < length; index++) { + sheets.push(imports[index]); + } + try { + cssText.push(sheet.cssText); + } catch(er){} + } + } + // wrap all HTML5 elements with printable elements and add the shived style sheet + cssText = shivCssText(cssText.reverse().join('')); + wrappers = addWrappers(ownerDocument); + shivedSheet = addStyleSheet(ownerDocument, cssText); + }); + + ownerWindow.attachEvent('onafterprint', function() { + // remove wrappers, leaving the original elements, and remove the shived style sheet + removeWrappers(wrappers); + shivedSheet.removeNode(true); + }); + + ownerDocument.printShived = true; + return ownerDocument; + } + + /*--------------------------------------------------------------------------*/ + + // expose API + html5.type += ' print'; + html5.shivPrint = shivPrint; + + // shiv for print + shivPrint(document); + +}(this, document));/*yepnope1.5.3|WTFPL*/ +(function(a,b,c){function d(a){return o.call(a)=="[object Function]"}function e(a){return typeof a=="string"}function f(){}function g(a){return!a||a=="loaded"||a=="complete"||a=="uninitialized"}function h(){var a=p.shift();q=1,a?a.t?m(function(){(a.t=="c"?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){a!="img"&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l={},o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};y[c]===1&&(r=1,y[c]=[],l=b.createElement(a)),a=="object"?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),a!="img"&&(r||y[c]===2?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i(b=="c"?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),p.length==1&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&o.call(a.opera)=="[object Opera]",l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return o.call(a)=="[object Array]"},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f",a,""].join(""),k.id=g,(l?k:m).innerHTML+=h,m.appendChild(k),l||(m.style.background="",f.appendChild(m)),i=c(k,a),l?k.parentNode.removeChild(k):m.parentNode.removeChild(m),!!i},y=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return x("@media "+b+" { #"+g+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},z=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;return f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=E(e[d],"function"),E(e[d],"undefined")||(e[d]=c),e.removeAttribute(d))),e=null,f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),A={}.hasOwnProperty,B;!E(A,"undefined")&&!E(A.call,"undefined")?B=function(a,b){return A.call(a,b)}:B=function(a,b){return b in a&&E(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=v.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(v.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(v.call(arguments)))};return e});var J=function(c,d){var f=c.join(""),g=d.length;x(f,function(c,d){var f=b.styleSheets[b.styleSheets.length-1],h=f?f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"":"",i=c.childNodes,j={};while(g--)j[i[g].id]=i[g];e.touch="ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch||(j.touch&&j.touch.offsetTop)===9,e.csstransforms3d=(j.csstransforms3d&&j.csstransforms3d.offsetLeft)===9&&j.csstransforms3d.offsetHeight===3,e.generatedcontent=(j.generatedcontent&&j.generatedcontent.offsetHeight)>=1,e.fontface=/src/i.test(h)&&h.indexOf(d.split(" ")[0])===0},g,d)}(['@font-face {font-family:"font";src:url("https://")}',["@media (",m.join("touch-enabled),("),g,")","{#touch{top:9px;position:absolute}}"].join(""),["@media (",m.join("transform-3d),("),g,")","{#csstransforms3d{left:9px;position:absolute;height:3px;}}"].join(""),['#generatedcontent:after{content:"',k,'";visibility:hidden}'].join("")],["fontface","touch","csstransforms3d","generatedcontent"]);r.flexbox=function(){return I("flexOrder")},r["flexbox-legacy"]=function(){return I("boxDirection")},r.canvas=function(){var a=b.createElement("canvas");return!!a.getContext&&!!a.getContext("2d")},r.canvastext=function(){return!!e.canvas&&!!E(b.createElement("canvas").getContext("2d").fillText,"function")},r.touch=function(){return e.touch},r.geolocation=function(){return!!navigator.geolocation},r.postmessage=function(){return!!a.postMessage},r.websqldatabase=function(){return!!a.openDatabase},r.indexedDB=function(){return!!I("indexedDB",a)},r.hashchange=function(){return z("hashchange",a)&&(b.documentMode===c||b.documentMode>7)},r.history=function(){return!!a.history&&!!history.pushState},r.draganddrop=function(){var a=b.createElement("div");return"draggable"in a||"ondragstart"in a&&"ondrop"in a},r.websockets=function(){for(var b=-1,c=o.length;++b",d.insertBefore(c.lastChild,d.firstChild)}function h(){var a=k.elements;return typeof a=="string"?a.split(" "):a}function i(a){var b={},c=a.createElement,e=a.createDocumentFragment,f=e();a.createElement=function(a){var e=(b[a]||(b[a]=c(a))).cloneNode();return k.shivMethods&&e.canHaveChildren&&!d.test(a)?f.appendChild(e):e},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+h().join().replace(/\w+/g,function(a){return b[a]=c(a),f.createElement(a),'c("'+a+'")'})+");return n}")(k,f)}function j(a){var b;return a.documentShived?a:(k.shivCSS&&!e&&(b=!!g(a,"article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio{display:none}canvas,video{display:inline-block;*display:inline;*zoom:1}[hidden]{display:none}audio[controls]{display:inline-block;*display:inline;*zoom:1}mark{background:#FF0;color:#000}")),f||(b=!i(a)),b&&(a.documentShived=b),a)}function o(a){var b,c=a.getElementsByTagName("*"),d=c.length,e=RegExp("^(?:"+h().join("|")+")$","i"),f=[];while(d--)b=c[d],e.test(b.nodeName)&&f.push(b.applyElement(p(b)));return f}function p(a){var b,c=a.attributes,d=c.length,e=a.ownerDocument.createElement(m+":"+a.nodeName);while(d--)b=c[d],b.specified&&e.setAttribute(b.nodeName,b.nodeValue);return e.style.cssText=a.style.cssText,e}function q(a){var b,c=a.split("{"),d=c.length,e=RegExp("(^|[\\s,>+~])("+h().join("|")+")(?=[[\\s,>+~#.:]|$)","gi"),f="$1"+m+"\\:$2";while(d--)b=c[d]=c[d].split("}"),b[b.length-1]=b[b.length-1].replace(e,f),c[d]=b.join("}");return c.join("{")}function r(a){var b=a.length;while(b--)a[b].removeNode()}function s(a){var b,c,d=a.namespaces,e=a.parentWindow;return!n||a.printShived?a:(typeof d[m]=="undefined"&&d.add(m),e.attachEvent("onbeforeprint",function(){var d,e,f,h=a.styleSheets,i=[],j=h.length,k=Array(j);while(j--)k[j]=h[j];while(f=k.pop())if(!f.disabled&&l.test(f.media)){for(d=f.imports,j=0,e=d.length;j",e="hidden"in a,f=a.childNodes.length==1||function(){try{b.createElement("a")}catch(a){return!0}var c=b.createDocumentFragment();return typeof c.cloneNode=="undefined"||typeof c.createDocumentFragment=="undefined"||typeof c.createElement=="undefined"}()})();var k={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:j};a.html5=k,j(b);var l=/^$|\b(?:all|print)\b/,m="html5shiv",n=!f&&function(){var c=b.documentElement;return typeof b.namespaces!="undefined"&&typeof b.parentWindow!="undefined"&&typeof c.applyElement!="undefined"&&typeof c.removeNode!="undefined"&&typeof a.attachEvent!="undefined"}();k.type+=" print",k.shivPrint=s,s(b)}(this,document),function(a,b,c){function d(a){return o.call(a)=="[object Function]"}function e(a){return typeof a=="string"}function f(){}function g(a){return!a||a=="loaded"||a=="complete"||a=="uninitialized"}function h(){var a=p.shift();q=1,a?a.t?m(function(){(a.t=="c"?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){a!="img"&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l={},o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};y[c]===1&&(r=1,y[c]=[],l=b.createElement(a)),a=="object"?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),a!="img"&&(r||y[c]===2?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i(b=="c"?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),p.length==1&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&o.call(a.opera)=="[object Opera]",l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return o.call(a)=="[object Array]"},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f + + + + <?php if(!empty($page['title'])) { + echo $page['title']; + } ?> + + + + + +
+ +
+ + + + + +
+ +
+
+
+ + + +
+ +
+ + + + + + + + + diff --git a/smoothly/screenshot.png b/smoothly/screenshot.png new file mode 100755 index 0000000..3528739 Binary files /dev/null and b/smoothly/screenshot.png differ diff --git a/smoothly/style.css b/smoothly/style.css new file mode 100644 index 0000000..be480cd --- /dev/null +++ b/smoothly/style.css @@ -0,0 +1,4616 @@ +/* + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + */ + +/* + style.css + Theme: Smoothly + Maintainer: Nomen Nominandum + last change: 2013-05-08 + +** Colors ** +Blue links - #1873a2 +Blue link hover - #6da6c4 +Blue Gradients (buttons and other gradients) - #1873a2 and #6da6c4 +Grey/body text - #626262 +Grey Gradients (buttons and other gradients) - #bdbdbd and #a2a2a2 +Dark Grey Gradients - #7c7d7b and #555753 +Orange - #fec01d +*/ + +@import url('css/typography.css'); + +@media only screen and (device-width: 768px) { +/* For general iPad layouts */ +#body { + -moz-background-clip: border; + -moz-background-origin: padding; + -moz-background-size: auto auto; + background-attachment: scroll; + background-color: transparent; + background-image: url( ); + background-position: center top; + background-repeat: no-repeat; + } +} + +@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { +/* For portrait layouts only */ +} + +@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { +/* For landscape layouts only */ +} + +.lockview { + cursor: pointer; +} + +.heart { + color: #FF0000; + font-size: 100%; +} + +input[type=text] { + float: left; + border: 1px solid #b0b0b0; + padding: 2px; + width: 550px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} + +input[type=text-sidebar] { + border: 1px solid #b0b0b0; + padding: 2px; + width: 172px; + margin-left: 10px; + margin-top: 10px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} + +input[type=submit] { + margin:10px 10px 0 0; + font-size: 0.9em; + padding: 5px; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); + background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); + background-color: #bdbdbd; + color: #efefef; + text-align: center; + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +input[type=submit]:hover { + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; + color: #efefef; + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +input[type=submit]:active { + position: relative; + top: 1px; +} + +.btn { + background-color: transparent; + box-shadow: none; + border: none; + padding: 0; + text-align: inherit; +} + +#search-text, +#search-submit, +#search-save { + margin: 10px 10px 0 0; +} + +#directory-search, +#directory-search-submit, +#search-save { +} + +#directory-search-end { + clear: both; +} + +.dirsearch-desc { +} + +.smalltext { + font-size: 0.7em +} + +::selection { + background: #fec01d; + color: #000; /* Safari and Opera */ +} + +::-moz-selection { + background: #fec01d; + color: #000; /* Firefox */ +} + +section { + position: relative; + float: left; + margin: 50px auto -2em; /* the bottom margin is the negative value of the footer's height */ + width: 730px; + min-height: 100%; + height: auto !important; + height: 100%; + font-size: 0.9em; + line-height: 1.2em; + padding-bottom: 2em; +} + +/* Contact-Header for the Network Stream */ +#viewcontact_wrapper-network { + width: 100%; + min-height: 110px; + background-color: #FAFAFA; + box-shadow: 0 0 8px #BDBDBD; + border-bottom: 1px solid #dedede; + border: 1px solid #7C7D7B; + border-radius: 5px; +} +#contact-entry-wrapper-network { + float: none; + width: auto; + height: auto; + padding: 10px; + margin: 0; +} +#contact-entry-accounttype-network { + font-size: 20px; +} +#contact-entry-name-network { + font-size: 24.5px; +} + +.lframe { + border: 1px solid #7C7D7B; + box-shadow: 3px 3px 6px #959494; + -moz-box-shadow: 3px 3px 6px #959494; + -webkit-box-shadow: 3px 3px 6px #959494; + background-color: #efefef; + padding: 10px; +} + +.mframe { + padding: 1px; + background: none repeat scroll 0 0 #FFFFFF; + border: 1px solid #7C7D7B; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; +} + +#wall-item-lock { + margin-left: 10px; +} + +.button { + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + font-size: 1em; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); + background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); + background-color: #bdbdbd; + color: #efefef; + text-align: center; +} + +.button:hover { + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; + color: #efefef; +} + +.button:active { + position: relative; + top: 1px; +} + +.button a { + color: #efefef; +} + +ul.menu-popup { + position: absolute; + display: none; + width: auto; + margin: 2px 0 0; + padding: 0px; + list-style: none; + z-index: 100000; + color: #2e3436; + border-top: 1px; + background: #eeeeee; + border: 1px solid #7C7D7B; + border-radius: 0px 0px 5px 5px; + -webkit-border-radius: 0px 0px 5px 5px; + -moz-border-radius: 0px 0px 5px 5px; + box-shadow: 5px 5px 10px #242424; + -moz-box-shadow: 5px 5px 10px #242424; + -webkit-box-shadow: 5px 5px 10px #242424; +} +ul.menu-popup li a { + white-space: nowrap; + display: block; + padding: 5px 2px; + color: #2e3436; +} +ul.menu-popup li a:hover { + color: #efefef; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; +} + +/* ========= */ +/* = Login = */ +/* ========= */ + +#login-name-wrapper, +#login-password-wrapper { + vertical-align: middle; + margin: auto; +} + +#login-name-wrapper input { + width: 120px; + margin-left: 20px; +} + +#login-extra-links { + width: auto; + margin-top: 20px; + clear: both; +} + +.login-extra-links { + width: 100%; + margin-left: 0px; + clear: both; +} + +#login-extra-filler { + display: none; +} + +#login_standard { + width: 260px; + float: left; + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + padding: 15px 10px 10px 20px; + margin: 20px 0 0 210px; +} + +#login_openid, +#login-extra-links a { + width: 460px; + float: left; + margin: 5px 0 0 230px; +} + +#div_id_remember { + width: 258px; + float: left; + margin: 5px 0 0 230px; +} + +#login_standard input, +#login_openid input { + height: 20px; + width: 240px; +} + +#register-link, +#lost-password-link { + width: 260px; + +} + +#login-name-end, +#login-password-end, +#login-extra-end, +#login-submit-end { + height: 50px; +} + +#login-submit-button, +#login-submit-wrapper { +} + +#login-submit-button { + width: 250px; + margin: 10px 0 0 230px; +} + +.login-form { + margin-top: 10px; +} + +/* ========= */ +/* = Panel = */ +/* ========= */ + +#panel { + position: absolute; + font-size: 0.8em; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border: 1px solid #494948; + background-color: #2e3436; + opacity: 50%; + color: #eeeeec; + padding:1em; + z-index: 200; + box-shadow: 7px 7px 10px #434343; + -moz-box-shadow: 7px 7px 12px #434343; + -webkit-box-shadow: 7px75px 12px #434343; +} + +/* ========= */ +/* = Pager = */ +/* ========= */ + +.pager { + display: block; + /*clear: both;*/ + text-align: left; +} + +.pager a { + color: #626262; +} + +.pager span { + padding: 4px; + margin: 4px; +} + +.pager .disabled { + display: none; +} + +.pager_current { + background-color: #1873a2; + color: #ffffff; +} + +/* ======= */ +/* = Nav = */ +/* ======= */ + +nav { + display: block; + float: left; + list-style: none outside none; + margin: 0; + padding: 0; + width: 958px; + z-index: 10000; + height: 40px; + position: fixed; + color: #efefef; + margin-bottom: 16px; + font-size: 15px; + background-color: #BDBDBD; + background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 0px 0px 5px 5px; + -moz-border-radius: 0px 0px 5px 5px; + -webkit-border-radius: 0px 0px 5px 5px; +} + +nav a { + text-decoration: none; + color: #eeeeec; + border: 0px; +} + +nav a:hover { + text-decoration: none; + color: #eeeeec; + border: 0px; +} + +nav #site-location { + color: #888a85; + font-size: 0.8em; + position: absolute; +} + +nav #banner { + display: block; + position: absolute; + margin-left: 3px; + /*margin-top: 2px;*/ + padding-bottom: 5px; +} + +nav #banner #logo-text a { + display: hidden; + font-size: 40px; + font-weight: bold; + margin-left: 3px; + text-shadow: #7C7D7B 3px 3px 5px; +} + +nav #user-menu { + display: block; + width: auto; + min-width: 190px; + float: right; + margin-right: 5px; + margin-top: 4px; + padding: 5px; + position: relative; + vertical-align: middle; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) ); + background: -moz-linear-gradient( center top, #797979 5%, #898988 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); + background-color: #a2a2a2; + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + color: #efefef; + text-decoration: none; + text-align: center; +} + +nav #user-menu:hover { + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; + color: #efefef; +} + +nav #user-menu-label::after { + content: url("images/menu-user-pin.png") no-repeat; + padding-left: 15px; +} + +nav #user-menu-label { + vertical-align: middle; + font-size: 12px; + padding: 5px; + text-align: center; +} + +.nav-ajax-left { + font-size: 0.8em; + float: left; + margin-top: 62px; +} + +nav #nav-link-wrapper .nav-link { + border-right: 1px solid #babdb6; +} + +.error-message { + color: #FF0000; + font-size: 1.1em; + border: 1px solid #FF8888; + background-color: #FFEEEE; + padding: 10px; +} + +.info-message { + color: #204a87; + font-size: 1.1em; + border: 1px solid #3465a4; + background-color: #d7e3f1; + padding: 10px; +} + +ul#user-menu-popup { + display: none; + position: absolute; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) ); + background: -moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); + background-color: #898988; + width: 100%; + padding: 0; + margin: 0px; + margin-top: 10px; + top: 20px; + left: 0px; + border: 1px solid #9a9a9a; + border-top: none; + border-radius: 0px 0px 5px 5px; + -webkit-border-radius: 0px 0px 5px 5px; + -moz-border-radius: 0px 0px 5px 5px; + box-shadow: 5px 5px 10px #242424; + -moz-box-shadow: 5px 5px 10px #242424; + -webkit-box-shadow: 5px 5px 10px #242424; + z-index: 10000; +} + +ul#user-menu-popup li { + display: block; +} + +ul#user-menu-popup li a { + display: block; + padding: 5px; +} + +ul#user-menu-popup li a:hover { + color: #efefef; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) ); + background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2'); + background-color: #1873a2; +} + +ul#user-menu-popup li a.nav-sep { + border-top: 1px solid #989898; + border-style:inset; +} + +/* ============= */ +/* = Notifiers = */ +/* ============= */ + +#notifications { + height: 32px; + position: absolute; + top: 3px; + left: 35%; +} + +.nav-ajax-update { + width: 44px; + height: 32px; + background: transparent url('images/notifications.png') 0px 0px no-repeat; + color: #333333; + font-weight: bold; + font-size: 0.8em; + padding-top: 0.5em; + float: left; + padding-left: 11px; +} + +#notification-update { + background-position: 0px -168px; +} + +#net-update { + background-position: 0px -126px; +} + +#mail-update { + background-position: 0px -40px; +} + +#intro-update { + background-position: 0px -84px; +} + +#home-update { + background-position: 0px 0px; +} + + + +/* =================== */ +/* = System Messages = */ +/* =================== */ + +#sysmsg_info, +#sysmsg { + position: fixed; + bottom: 0px; right:20%; + box-shadow: 7px 7px 10px #434343; + -moz-box-shadow: 7px 7px 12px #434343; + -webkit-box-shadow: 7px75px 12px #434343; + padding: 10px; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; + border-radius: 5px 5px 0px 0px; + -webkit-border-radius: 5px 5px 0px 0px; + -moz-border-radius: 5px 5px 0px 0px; + border: 1px solid #da2c2c; + border-bottom: 0px; + padding-bottom: 50px; + z-index: 1000; + color: #efefef; + font-style: bold; +} + +#sysmsg_info br, +#sysmsg br { + display:block; + margin:2px 0px; + border-top: 1px solid #7C7D7B; +} + +/* ================= */ +/* = Aside/Sidebar = */ +/* ================= */ + +aside { + float: right; + width: 205px; + margin-top: 45px; + /*font-size: 0.9em;*/ + font-style: bold; +} + +aside a { + /*padding-bottom: 5px;*/ +} + +aside h4 { + font-size: 1.3em; +} + +.vcard { + width: 205px; + padding-bottom: 10px; + /*border-bottom-style: dotted;*/ +} + +.vcard .title { + font-size: 1em; +} + +.vcard .account-type { + font-size: 1.2em; +} + +.vcard dd { + font-size: 12px; + font-variant: normal; + -webkit-margin-start: 10px; +} + +.fn { +} + +.vcard .fn { + font-size: 1.4em; + font-weight: bold; + border-bottom: none; + margin-top:10px; +} + +.vcard #profile-photo-wrapper { + margin: 10px 0px; + padding: 0; + width: auto; + /*background: none repeat scroll 0 0 #FFFFFF; + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px;*/ +} + + +.allcontact-link { + color: #626262; + text-align: center; + font-weight: bold; + font-size: 1em; +} +.allcontact-link a { + padding-bottom: 10px; +} + +#profile-extra-links ul { + margin-left: 0px; + padding-left: 0px; + list-style: none; +} + +#subscribe-feed-link, +#dfrn-request-link { + box-shadow: inset 0px 1px 0px 0px #a65151; + -moz-box-shadow: inset 0px 1px 0px 0px #a65151; + -webkit-box-shadow: inset 0px 1px 0px 0px #a65151; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) ); + background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2'); + background-color: #6da6c4; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border: 1px solid #fc5656; + display: inline-block; + color: #f0e7e7; + font-family: Trebuchet MS; + font-size: 19px; + font-weight: bold; + text-align: center; + padding: 10px; + width: 185px; + text-decoration: none; + text-shadow: 1px 1px 0px #b36f6f; +} + +#wallmessage-link { + display: block; + color: #FFFFFF; + border-radius: 5px; + -webkit-border-radius: 5px ; + -moz-border-radius: 5px; + padding: 5px; + font-weight: bold; + background-color: #3465a4; +} + +#subscribe-feed-link:hover, +#dfrn-request-link:hover { + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; +} + +#subscribe-feed-link:active, +#dfrn-request-link:active { + position: relative; + top: 1px; +} + +#dfrn-request-intro { + width: 600px; +} + +#netsearch-box { + background-color: #f6f6f6; + padding: 5px 5px 0px 15px; +} +#netsearch-box input[type="text"] { + width: 90%; +} +#netsearch-box input[type="submit"] { + width: auto; +} + +h3 #search:before { + content: url("images/search.png"); + padding-right: 10px; + vertical-align: middle; +} + +#network-new-link { + background-color: #f3f3f3; + border: 1px solid #7C7D7B; + margin-bottom: 10px; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; +} + +#circle-sidebar { + vertical-align: middle; + margin: auto; + margin-top: 20px; + padding-bottom: 10px; +} + +#message-sidebar { + vertical-align: middle; + margin-top: 40px; +} + +#message-new { + padding: 7px; + width: 165px; + margin: 10px; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); + background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); + background-color: #bdbdbd; + display: inline-block; + color: #efefef; + text-decoration: none; + text-align: center; + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#peoplefind-desc { + margin-left: 10px; +} + +#sidebar-circle-list { + margin-left: 0px; + margin-right: 30px; +} + +#sidebar-uncircled { + margin: 10px; +} + +#sidebar-circle-list a { +} + +#sidebar-circle-list .icon, +#sidebar-circle-list .iconspacer { + display: inline-block; + height: 12px; + width: 12px; +} + +#side-peoplefind-submit { + margin: 10px; +} + +#side-peoplefind-url { + margin: 10px; + width: 175px; +} + +#sidebar-page-list {} + +.widget { + margin-top: 20px; + box-shadow: 1px 2px 6px 0px #959494; + -moz-box-shadow: 1px 2px 6px 0px #959494; + -webkit-box-shadow: 1px 2px 6px 0px #959494; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) ); + background: -moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6'); + background-color: #f8f8f8; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + color: #7c7d7b; + border: 1px solid #7C7D7B; +} + +li.widget-list { + list-style: none outside none; + background: url("images/arrow.png") no-repeat scroll left center transparent; + display: block; + padding: 3px 24px; +} + +#sidebar-new-circle, +#sidebar-edit-circles, +#sidebar-new-group { + padding: 7px; + width: 165px; + margin: auto; + margin-left: 10px; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); + background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); + background-color: #bdbdbd; + display: inline-block; + color: #efefef; + text-decoration: none; + text-align: center; + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + + +#sidebar-new-circle:hover { + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#sidebar-new-circle:active { + position: relative; + top: 1px; +} + + +.widget .selected, +.circle-selected { + padding-bottom: 0px; + padding-left: 2px; + padding-right: 2px; + box-shadow: inset 0px 1px 0px 0px #cfcfcf; + -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf; + -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); + background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); + background-color: #bdbdbd; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + display: inline-block; + color: #efefef; + text-decoration: none; +} + +.settings-widget .selected { + font-weight: bold; +} + +#sidebar-new-circle a { + color: #efefef; + font-size: 14px; + text-align: center; + margin: auto; +} + +ul .sidebar-circle-li { + list-style: disc; + font-size: 1.0em; +} + +ul .sidebar-circle-li .icon { + display: inline-block; + height: 12px; + width: 12px; +} + +.nets-ul, .fileas-ul, .category-ul, .datebrowse-ul { + list-style-type: none; +} + +.nets-ul li, +.fileas-ul li, +.category-ul li, +.datebrowse-link { +} + +.nets-link { + color: #1873A2; + text-decoration: none; + margin-left: 2px; + padding-left: 20px; + background: url("images/arrow.png") no-repeat scroll left center transparent; + box-shadow: none; +} +.nets-all { + margin-left: 42px; +} + +.fileas-link, +.category-link { + margin-left: 0px; +} + +.fileas-all, +.category-all { + margin-left: 0px; +} + +.widget h3 { + font-size: 125%; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) ); + background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2'); + background-color: #f0edf0; + border-radius: 5px 5px 0px 0px; + -moz-border-radius: 5px 5px 0px 0px; + -webkit-border-radius: 5px 5px 0px 0px; + border: 1px solid #e2e2e2; + border-bottom: 1px solid #7C7D7B; + padding-top: 5px; + padding-bottom: 5px; + vertical-align: baseline; + text-align: center; + text-shadow: -1px 0px 0px #bdbdbd; +} + +#connect-desc { + margin-left: 10px; +} + +#circle-sidebar h3:before { + content: url("images/circles.png"); + padding-right: 10px; + vertical-align: middle; +} + +#saved-search-list { + margin-top: 15px; +} + +.saved-search-li { + list-style: none; + font-size: 1.2em; +} + +.saved-search-li .icon { + margin-right: 5px; +} + +.birthday-today, +.event-today { + font-weight: bold; +} + +#birthday-wrapper, +#event-wrapper { + margin-left: 15px; +} + +#pause { + position: fixed; + bottom: 5px; + right: 5px; +} + +/* ================== */ +/* = Contacts Block = */ +/* ================== */ + +.contact-block-img { + width: 47px !important; + height: 47px !important; + margin-right: 2px; + border: 1px solid #7C7D7B; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; +} + +.contact-block-div { + float: left; +} + +.contact-block-link { + float: left; +} + +.contact-block-textdiv { + width: 150px; + height: 34px; + float: left; +} + +.contact-block-h4, +.contact-block-content { + margin: 0; + font-size: 1.2em; +} + +#contact-block, +#contact-block-end { + clear: both; + padding-top: 10px; +} + +/* ======= */ +/* = Jot = */ +/* ======= */ + +.jothidden { + display: none; +} +#jot { + width: 100%; + margin: 0px 2em 20px 0px; +} + +#profile-jot-text-loading, +#profile-jot-text { + height: 20px; + color: #cccccc; +} + +#profile-jot-text_tbl { + margin-bottom: 10px; + margin-top: 10px; +} + +#profile-jot-text_ifr { + width: 99.9% !important; +} + +#profile-jot-submit-wrapper { + margin-top: 30px; +} + +#jot-title, +#jot-category { + margin: 0px; + height: 20px; + width: 575px; + font-weight: bold; + border: 1px solid #cccccc; +} + +#jot-perms-icon { + float: left; +} + +#jot-title::-webkit-input-placeholder, +#jot-category::-webkit-input-placeholder { + font-weight: normal; +} + +#jot-title:-moz-placeholder, +#jot-category:-moz-placeholder { + font-weight: normal; +} + +#jot-title:hover, +#jot-title:focus, +#jot-category:hover, +#jot-category:focus { + border: 1px solid #cccccc; +} + +.preview { + background: #FFFFC8; +} + +#theme-preview { + margin: 15px 0 15px 0; +} + +#profile-jot-perms, +#profile-jot-submit { + width: 60px; + font-size: 12px; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); + background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); + background-color: #bdbdbd; + display: inline-block; + color: #efefef; + text-decoration: none; + text-align: center; + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#jot-preview-form {} + +#jot-preview-link { + float: left; + width: 60px; + font-size: 12px; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); + background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); + background-color: #bdbdbd; + display: inline-block; + color: #efefef; + text-decoration: none; + text-align: center; + padding: 5px 5px; + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#profile-jot-perms { + width: 27px; + height: 27px; + float: right; + overflow: hidden; + margin-left: 10px; + margin-top: -20px; + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#jot-perms-perms .icon { + height: 1px; +} + +#profile-jot-submit { + width: 80px; + float: right; + margin-right: 145px; + margin-top: -20px; + margin-left: 10px; + padding: 5px 5px; + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#profile-jot-perms:hover, +#profile-jot-submit:hover, +#jot-preview-link:hover { + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#profile-jot-perms:active, +#profile-jot-submit:active, +#jot-preview-link:active { + position: relative; + top: 1px; +} + +#character-counter { + position: relative; + float: left; + right: 0px; + top: 0px; +} +#profile-rotator-wrapper { + float: right; +} + +.jot-tool { + float: left; + margin-right: 5px; +} + +#profile-jot-tools-end, +#profile-jot-banner-end { + clear: both; +} + +#profile-jot-email-wrapper { + margin: 10px 10% 0px 10%; + border: 1px solid #eeeeee; + border-bottom: 0px; +} + +#profile-jot-email-label { + background-color: #555753; + color: #ccccce; + padding: 5px; +} + +#profile-jot-email { + margin: 5px; + width: 95%; +} + +#profile-jot-networks { + margin: 0px 10%; + border: 1px solid #eeeeee; + border-top: 0px; + border-bottom: 0px; + padding: 5px; +} + +#profile-jot-acl-wrapper { + margin: 0px 10px; + border: 1px solid #eeeeee; + border-top: 0px; + display: block !important; +} + +#profile-video-wrapper, +#profile-audio-wrapper, +#profile-location-wrapper, +#profile-nolocation-wrapper { +} + +#circle_allow_wrapper, +#circle_deny_wrapper, +#acl-permit-outer-wrapper { + width: 47%; + float: left; +} + +#contact_allow_wrapper, +#contact_deny_wrapper, +#acl-deny-outer-wrapper { + width: 47%; + float: right; +} + +#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; +} + +#profile-jot-wrapper { + margin-top: -15px; +} + +#profile-jot-desc, +#profile-jot-form, +#jot-location, +#jot-coord, +#jot-preview, +#jot-title-wrap, +#jot-summary-wrap, +#jot-category-wrap, +#jot-text-wrap, +#profile-jot-text-loading, +#profile-attach-wrapper, +#profile-link-wrapper, +#profile-jot-banner-wrapper {} + +.contact-h4 { + font-size: 1.2em; +} + +/* ======== */ +/* = Tabs = */ +/* ======== */ + +.tabs { + min-width: 400px; + list-style: none; + padding: 20px 0px 0px; + font-size: 0.9em; +} + +.tabs li { + display: inline; +} + +.tab { + padding: 5px 10px 5px 10px; + display: inline-block; + margin-bottom: 5px; + margin-right: 5px; + font-style: bold; +} + +.tab:hover { + padding: 5px 10px 5px 10px; +} + +/* ========= */ +/* = Posts = */ +/* ========= */ + +.wall-item-name { + font-style: bold !important; + border: 0px !important; + border-radius: 0px !important; + box-shadow: none !important; +} + +.wall-item-outside-wrapper { + max-width: 100%; + border-bottom: 1px solid #dedede; + margin-top: 10px; + margin-bottom: 20px; + padding-right: 10px; + padding-left: 12px; + background: none repeat scroll 0 0 #FFFFFF; + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; +} + +.wall-item-outside-wrapper-end { + clear: both; +} + +.wall-item-content-wrapper { + position: relative; + max-width: 100%; + padding-top: 10px; +} + +.wall-item-comment-wrapper { + margin-left: 10px; +} + +.wall-item-photo-menu-button { + display: none; + text-indent: -99999px; + background: #eeeeee url("images/menu-user-pin.png") no-repeat 35px center; + position: absolute; + overflow: hidden; + height: 20px; + width: 100%; + top: 82px; + left: 0; + border-right: 1px solid #7C7D7B; + border-left: 1px solid #7C7D7B; + border-bottom: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 0px 0px 5px 5px; + -webkit-border-radius: 0px 0px 5px 5px; + -moz-border-radius: 0px 0px 5px 5px; +} + +.wall-item-info { + float: left; + width: 100px; +} + +.wall-item-photo-wrapper { + width: 80px; + height: 80px; + padding: 0; + position: relative; + /*border: 1px solid #7C7D7B; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD;*/ +} + +.wall-item-photo { + border: 0px solid #7C7D7B; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + /*box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD;*/ +} + +.wall-item-tools { + filter: alpha(opacity=60); + opacity: 0.7; + transition: all 0.25s ease-in-out; + -webkit-transition: all 0.25s ease-in-out; + -moz-transition: all 0.25s ease-in-out; + margin-top: 20px; + padding-bottom: 5px; + float: right; + width: auto; +} + +.wall-item-tools:hover { + filter: alpha(opacity=100); + opacity: 1; + transition: all 0.25s ease-in-out; + -webkit-transition: all 0.25s ease-in-out; + -moz-transition: all 0.25s ease-in-out; +} + +.wall-item-social { + filter: alpha(opacity=60); + opacity: 0.7; + transition: all 0.25s ease-in-out; + -webkit-transition: all 0.25s ease-in-out; + -moz-transition: all 0.25s ease-in-out; + margin-top: 20px; + margin-left: 0px; + padding-bottom: 5px; + float: left; + width: auto; +} + +.wall-item-social:hover { + filter: alpha(opacity=100); + opacity: 1; + transition: all 0.25s ease-in-out; + -webkit-transition: all 0.25s ease-in-out; + -moz-transition: all 0.25s ease-in-out; +} + +.wall-item-outside-wrapper.comment .wall-item-tools { + float: right; +} + +.wall-item-like-buttons { + float: left; +} + +.wall-item-like-buttons a.icon { + float: left; + margin-right: 10px; + display: inline; +} +.wall-item-like-buttons a.self { + background-color: rgba(52, 101, 164, .5); + border-radius: 6px; +} + +.wall-item-links-wrapper { + width: 30px; + float: left; +} + +.wall-item-delete-wrapper { + float: left; + margin-right: 10px; +} + +.wall-item-links-wrapper a.icon { + float: left; + margin-right: 10px; + display: inline; +} + +.pencil { + float: left; + margin-right: 20px; +} + +.pin-item, +.star-item, +.tag-item { + float: left; +} + +.wall-item-title { + font-size: 1.2em; + font-weight: bold; + padding-top: 5px; + margin-left: 100px; +} + +.wall-item-body { + margin-left: 100px; + padding-right: 10px; + padding-top: 5px; + max-width: 100%; +} + +.wall-item-body img { + max-width: 100%; + height: auto; + border-radius: 0; +} + +.wall-item-body p { + font-size: 0.8em; +} + +.wall-item-lock-wrapper { + float: right; +} + +.wall-item-dislike, +.wall-item-like { + clear: left; + font-size: 0.9em; + margin: 0px 0px 10px 0px; + padding-left: 10px; +} + +.wall-item-author { + font-size: 0.9em; + margin: 0px 0px 0px 100px; + padding-left: 0px; +} + +.wall-item-author a { + color: #898989; +} + +.wall-item-ago { + display: inline; + padding-left: 0px; + color: #898989; +} + +.wall-item-wrapper-end { + clear:both; +} + +.wall-item-location { + margin-top: 5px; + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; +} + +.wall-item-location .icon { + float: left; +} + +.wall-item-location > a { + margin-left: 0px; + margin-right: 3px; + font-size: 0.9em; + display: block; + font-variant: small-caps; + color: #898989; +} + +.wall-item-location .smalltext { + margin-left: 0px; + font-size: 0.9em; + display: block; +} + +.wall-item-location > br { + display: none; +} + +.wall-item-conv a{ + font-size: 0.9em; + color: #898989; +} + +.wallwall .wwto { + left: -10px; + margin: 0; + position: absolute; + top: 65px; + width: 30px; + z-index: 900; + 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; + left: 20px; + top: 70px; + z-index: 950; +} + +.wall-item-photo-menu { + display: none; + min-width: 88px; + color: #2e3436; + border-top: 1px; + background: #eeeeee; + border-right: 1px solid #7C7D7B; + border-left: 1px solid #7C7D7B; + border-bottom: 1px solid #7C7D7B; + position: absolute; + left: 0px; + top: 101px; + display: none; + z-index: 10000; + border-radius: 0px 5px 5px 5px; + -webkit-border-radius: 0px 5px 5px 5px; + -moz-border-radius: 0px 5px 5px 5px; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + +} + +.fakelink wall-item-photo-menu-button { + -webkit-border-radius: 0px 5px 5px 5px; + -moz-border-radius: 0px 5px 5px 5px; + border-radius: 0px 5px 5px 5px; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; +} + +.wall-item-photo-menu ul { + margin: 0px; + padding: 0px; + list-style: none; +} + +.wall-item-photo-menu li a { + white-space: nowrap; + display: block; + padding: 5px 2px; + color: #2e3436; +} + +.wall-item-photo-menu li a:hover { + color: #efefef; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; +} + +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.type-link blockquote { + margin-left: 160px; + max-height: 160px; + overflow: hidden; +} + +.shared_header a { + color: black; +} +.shared_header a:hover { + color: #36c; +} + +.icon.drop, +.icon.drophide { + float: left; +} + +#item-delete-selected-end, +#item-delete-selected { + overflow: auto; + margin-top: 0px; + float: right; + width: 250px; +} + +#item-delete-selected-icon {} + +pre code { + font-family: Courier, monospace; + display: block; + overflow: auto; + border: 1px solid #444; + background: #EEE; + color: #444; + padding: 10px; + margin-top: 10px; +} + + +/* ============ */ +/* = Comments = */ +/* ============ */ + + .ccollapse-wrapper { + font-size: 0.9em; + color: #898989; + margin-left: 60px; +} + +#tread-wrapper {} + +.tread-wrapper { + border: 0px solid #CDCDCD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + margin-bottom: 20px; + background-color: #E2E2E2; +} + +.collapsed-comments, +.hide-comments, +.hide-comments-outer, +.wall-item-outside-wrapper.comment { + margin-left: 30px; + margin-bottom: 20px; +} + +.wall-item-outside-wrapper.comment .wall-item-photo { + width: 40px!important; + height: 40px!important; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} + +.wall-item-outside-wrapper.comment .wall-item-photo-wrapper { + width: 40px; + height: 40px; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} + +.wall-item-outside-wrapper.comment .wall-item-photo-menu-button { + top: 42px; + background-position: 15px center; +} + +.wall-item-outside-wrapper.comment .wall-item-info { + width: 60px; +} + +.wall-item-outside-wrapper.comment .wall-item-body { + margin-left: 60px; + max-width: 100%; + padding-right: 10px; + padding-left: 0px; +} + +.wall-item-outside-wrapper.comment .wall-item-author { + margin-left: 60px; +} + +.wall-item-outside-wrapper.comment .wall-item-photo-menu { + min-width: 50px; + top: 60px; +} +.icollapse-wrapper { + font-size: 0.9em; + color: #898989; +} + +.comment-wwedit-wrapper, +.comment-edit-wrapper { + margin: 0px 0px 5px 0px; +} + +.comment-wwedit-wrapper img, +.comment-edit-wrapper img { + width: 20px; + height: 20px; + margin-top: 5px; +} + +.comment-edit-photo-link { + float: left; + width: 30px; +} + +.comment-edit-text-empty { + width: 98%; + max-width: 672px; + height: 20px; + color: #babdb6; + transition: all 0.5s ease-in-out; + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; +} + +.comment-edit-text-empty:hover { + color: #999999; +} + +.comment-edit-text-full { + width: 98%; + max-width: 672px; + height: 6em; + transition: all 0.5s ease-in-out; + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; +} + +.comment-edit-submit-wrapper { + width: 98%; + max-width: 672px; + margin-left: 20px; + text-align: left; +} + +.comment-edit-submit { + height: 22px; + padding: 5px 5px; + background-color: #a2a2a2; + color: #eeeeec; + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +.comment-edit-submit:hover { + background-color: #1873a2; + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; +} + +.comment-edit-submit:active { + background-color: #1873a2; +} + +#item-delete-selected-desc { + color: #898989; + float: right; +} + +.wall-item-body pre code { + font-family: Courier, monospace; + display: block; + overflow: auto; + border: 1px solid #cccccc; + border-width: 1px 1px 1px 3px; + padding-left: 5px; + margin-top: 10px; +} + +/* =========== */ +/* = Profile = */ +/* =========== */ + +div[id$="wrapper"] { + height: 100%; +} + +div[id$="wrapper"] br { + clear: left; +} + +#profile-listing-desc, +#profile-listing-new-link-wrapper { + float: left; + display: inline; + padding: 5px 10px 5px 10px; + width: 150px; + margin:20px 10px 0 0; + display: inline-block; + font-style: bold; + text-align: center; +} + +.profile-listing-name { + font-size: 1em; +} +.profile-listing-name a { + color: #898989; +} + +#profile-edit-links { + margin-left: 0; +} + +#profile-edit-links li { + display: inline; + width: 150px; + margin-bottom: 20px; + margin-top: 20px; + background-color: #a2a2a2; + color: #eeeeec; + padding: 5px 10px 5px 10px; + margin-right: 5px; + font-style: bold; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#profile-edit-links li a { + color: #efefef; +} + +#profile-edit-links li:hover { + background-color: #1873a2; +} + +#profile-edit-links li:active { + background-color: #1873a2; +} + +#profile-edit-links-end { + clear: both; + margin-bottom: 15px; +} + +.profile-edit-side-div { + margin-top: 10px; + margin-right: 0px; + margin-left: 180px; + float: left; + position: absolute; +} + +#profile-menu { + display: none; +} + +#cropimage-wrapper { + float:left; +} + +#crop-image-form { + clear:both; +} + +.profile-match-name { + float: left; + text-align: left; + overflow: hidden; +} + +.profile-match-name a:hover { + color: #999; +} + +.profile-match-wrapper { + position: relative; + float:left; + height:80px; + padding:5px; + width:80px; + margin-bottom: 70px; + margin-right: 29px; + background-color: #f6f6f6; + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; +} + +.profile-match-break, +.profile-match-end { + clear: both; +} + +.profile-match-connect { + text-align: left; + font-weight: bold; +} +.profile-match-ignore { + height: 0!important; +} + +#profile-match-wrapper-end { + clear: both; +} +.profile-match-end { + clear: both; +} + +.profile-match-photo { + float: left; + margin-right: 10px; + margin-bottom: 5px; +} + +/* ========== */ +/* = Photos = */ +/* ========== */ + +.photos { + height: auto; + overflow: auto; +} + +.photo { + height: 203px !important; + width: 203px !important; + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#sidebar-photos-albums { +} + +#photo-albums-upload-link { + margin: 20px; +} + +#sidebar-photos-albums h3:before { + content: url("images/photography.png"); + padding-right: 10px; + vertical-align: middle; +} + +#sidebar-photos-albums li { + font-size: 14px; + font-variant: none; + text-align: left; + padding-left: 20px; + margin-bottom: 5px; +} + +#photo-top-links { + width: 130px; + margin-bottom: 20px; + margin-top: 20px; + background-color: #a2a2a2; + color: #eeeeec; + padding: 5px 10px 5px 10px; + margin-right: 5px; + font-style: bold; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#photo-top-links a { + color: #efefef; +} + +#photo-top-links:hover { + background-color: #1873a2; +} + +#photo-top-links:active { + background-color: #1873a2; +} + +.photo-album-image-wrapper { + float: left; + margin: 0px 10px 10px 0px; + padding-bottom: 30px; + position: relative; +} + +.photo-top-image-wrapper { + float: left; + width: 180px; + height: 180px; + margin: 0px 10px 10px 0px; + padding-bottom: 30px; + position: relative; +} + +#photo-album-wrapper-inner { + position: relative; + float: left; + width: 180px; + height: 180px; + overflow: hidden; +} + +#photo-photo { + max-width: 85%; + height: auto; +} + +#photo-photo img { + max-width: 100% +} + +.photo-top-image-wrapper a:hover, +#photo-photo a:hover, +.photo-album-image-wrapper a:hover { + border-bottom: 0px; +} + +.photo-top-photo { + width: 180px; +} +.photo-album-photo {} + +.photo-top-album-name { + position: absolute; + bottom: 0px; + padding: 0px 5px; + font-weight: bold; + font-stretch: semi-expanded; +} + +.photo-top-album-name a { + text-align: center; + color: #6e6e6e; +} +.caption { + position: absolute; + bottom: 0px; + margin: 0px 5px; + text-align: center; + color: #6e6e6e; + font-size: 0.9em; +} + +#photo-photo { + position: relative; + float: left; +} + +#photo-caption { + margin-top: 10px; + color: #6E6E6E; + font-size: 1.1em; +} + +#photo-photo-end { + clear: both; +} + +#photo-prev-link, +#photo-next-link { + position: absolute; + width: 10%; + height: 100%; + background-color: rgba(255,255,255,0.2); + opacity: 0; + transition: all 0.2s ease-in-out; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + background-position: center center; + background-repeat: no-repeat; +} + +#photo-prev-link { + left: 0px; + top: 0px; + background-image: url('images/prev.png'); +} + +#photo-next-link { + right: 0px; + top: 0px; + background-image: url('images/next.png'); +} + +#photo-prev-link a, +#photo-next-link a { + display: block; + width: 100%; + height: 100%; + overflow: hidden; + text-indent: -900000px; +} + +#photo-prev-link:hover, +#photo-next-link:hover { + opacity: 1; + transition: all 0.2s ease-in-out; + -webkit-transition: all 0.2s ease-in-out; + -moz-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; +} + +#photos-upload-existing-album-text, +#photos-upload-newalbum-div { + color: #909090; + padding: 3px 0px; + width: 300px; +} + +#photos-upload-album-select, +#photos-upload-newalbum { + width: 400px; + margin-bottom: 10px; +} + +#photos-upload-perms-menu { + width: 180px; + padding: 7px; +} + +#photos-upload-perms-menu .icon { + display: none; +} + +#photos-upload-perms { + margin-top: 10px; +} + +.photos-upload-perms {} + +select, input { + border: 1px solid #b0b0b0; + padding: 2px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} + +select[size], +select[multiple], +select[size][multiple] { + margin: 5px 0px 10px 0px; +} + +select { + -webkit-appearance: menulist; + box-sizing: border-box; + -webkit-box-align: center; + cursor: default; +} + +textarea, keygen { + margin-top: 3px; + font-size: 0.9em; + letter-spacing: normal; + word-spacing: normal; + line-height: 1.2em; + text-transform: none; + text-indent: 0px; + text-shadow: none; + display: inline-block; + text-align: -webkit-auto; +} + +input { + margin-top: 3px; + margin-right: 10px; + text-align: -webkit-auto; +} + +.qq-upload-button { + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#album-edit-link { + width: 70px; + margin-bottom: 20px; + margin-top: 20px; + background-color: #a2a2a2; + color: #eeeeec; + padding: 5px 10px 5px 10px; + margin-right: 5px; + font-style: bold; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#album-edit-link a { + color: #efefef; +} + +#album-edit-link:hover { + background-color: #1873a2; +} + +#photo-edit-link-wrap { + margin-bottom: 10px; +} + +#photo_edit_form { + width: 500px; + margin-top: 20px; + text-align: left; +} + +input #photo_edit_form { + display: block; + width: 100%; +} + +#photo-edit-perms-menu { + float: left; + display: inline; + margin-top: 10px; + margin-right: 10px; + padding: 4px; + width: 100px; +} + +#photo-edit-perms-menu .icon { + display: none; +} + +#photo-edit-delete-button { + float: left; + display: inline; + margin-left: 190px; +} + +#photo-album-edit-wrapper { + margin-bottom: 10px; +} + +/* ============ */ +/* = Messages = */ +/* ============ */ + +#prvmail-wrapper, +.mail-conv-detail, +.mail-list-detail { + position: relative; + width: 550px; + padding: 50px; + margin: 20px 0 0 0; + background-color: #fff; + -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#prvmail-wrapper:before, +#prvmail-wrapper:after, +.mail-conv-detail:before, +.mail-conv-detail:after, +.mail-list-detail:before, +.mail-list-detail:after { + position: absolute; + width: 40%; + height: 10px; + content: ' '; + left: 12px; + bottom: 12px; + background: transparent; + transform: skew(-5deg) rotate(-5deg); + -webkit-transform: skew(-5deg) rotate(-5deg); + -moz-transform: skew(-5deg) rotate(-5deg); + -ms-transform: skew(-5deg) rotate(-5deg); + -o-transform: skew(-5deg) rotate(-5deg); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); + z-index: -1; + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#prvmail-wrapper:after, +.mail-conv-detail:after, +.mail-list-detail:after { + left: auto; + right: 12px; + transform: skew(5deg) rotate(5deg); + -webkit-transform: skew(5deg) rotate(5deg); + -moz-transform: skew(5deg) rotate(5deg); + -ms-transform: skew(5deg) rotate(5deg); + -o-transform: skew(5deg) rotate(5deg); + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +.prvmail-text { + width: 100%; +} + +#prvmail-form input + +#prvmail-subject { + width: 490px; + padding-left: 10px; + font-size: 1.1em; + font-style: bold; +} + +#prvmail-subject .input { + border: none !important; +} + +#prvmail-subject-label {} + +#prvmail-to { + padding-left: 10px; +} + +#prvmail-to-label {} + +#prvmail-message-label { + font-size: 1em; +} + +#prvmail-submit-wrapper { + margin-top: 10px; +} + +#prvmail-submit { + float: right; + margin-top: 0px; + margin-right: 0px; +} + +#prvmail-upload { +margin-left: 0px; +} + +#prvmail-submit-wrapper > div { + margin-right: 5px; + float: left; +} + +.mail-list-outside-wrapper { + margin-top: 20px; +} + +.mail-list-sender { + float: left; + padding: 2px; + background-color: #efefef; + border: 1px solid #7C7D7B; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; +} + +.mail-list-detail { + margin-left: 100px; + width: 600px; + min-height: 70px; + padding: 20px; + padding-top: 10px; + border: 1px solid #7C7D7B; +} + +.mail-list-sender-name { + font-size: 1.1em; + display: inline; +} + +.mail-list-date { + float: right; + clear: block; + display: inline; + font-size: 0.9em; + padding-left: 10px; + font-stretch: ultra-condensed; +} + +.mail-list-subject { + clear: block; + font-size: 1.2em; + padding-top: 20px; + padding-right: 50px; +} + +.mail-list-subject a { + color: #626262; +} + +.mail-list-delete-wrapper { + float: right; +} + +.mail-list-outside-wrapper-end { + clear: both; +} + +.mail-conv-outside-wrapper { + margin-bottom: 10px; + margin-top: 30px; +} + +.mail-conv-sender { + float: left; + margin: 0px 5px 5px 0px; +} + +.mail-conv-sender-photo { + width: 64px; + height: 64px; + border-radius: 3px 3px 3px 3px; +} + +.mail-conv-sender-name { + float: left; + font-style: bold; +} + +.mail-conv-date { + float: right; +} + +.mail-conv-subject { + clear: right; + font-weight: bold; + font-size: 1.2em; +} + +.mail-conv-body { + clear: both; +} + +.mail-conv-detail { + width: 500px; + padding: 20px; + padding-bottom: 20px; + margin-left: 20px; + margin-bottom: 0px; + vertical-align: middle; + margin: auto; + border: 1px solid #7C7D7B; +} + +.mail-conv-break { + display: none; + border: none; +} + +.mail-conv-delete-wrapper { + padding-top: 10px; + width: 510px; + text-align: right; +} + +#prvmail-subject { + font-weight: bold; + border: 1px solid #7C7D7B; +} + +/* ================= */ +/* = Notifications = */ +/* ================= */ + +#notification-show-hide-wrapper { + width: 160px; + box-shadow: inset 0px 1px 0px 0px #cfcfcf; + -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf; + -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); + background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); + background-color: #bdbdbd; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + padding: 5px 10px 5px 10px; + margin-right: 5px; + margin-top: 10px; + font-style: bold; + color: #efefef; + text-align: center; +} + +#notification-show-hide-wrapper:hover { + color: #efefef; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; +} + +#notification-show-hide-wrapper:active { + background-color: #1873a2; + position: relative; + top: 1px; +} + +#notification-show-hide-wrapper a { + color: #efefef; +} + +/* ============ */ +/* = Contacts = */ +/* ============ */ + +#contacts-main { + margin-bottom: 10px; +} + +.contact-wrapper { + float: left; + width: 150px; + height: 150px; + overflow: auto; +} + +.view-contact-wrapper, +.contact-entry-wrapper { + float: left; + padding-right: 10px; + width: 345px; + height: 120px; + margin: 0 10px 10px 0px; +} + +#view-contact-end { + clear: both; +} + +.contact-entry-wrapper .contact-entry-photo-wrapper { + float: left; + margin-right: 10px; +} +.contact-entry-direction-wrapper { + position: absolute; + top: 20px; +} + +.contact-entry-edit-links { + position: absolute; + top: 60px; +} + +#contacts-show-hide-link { + margin-bottom: 20px; + margin-top: 10px; + font-weight: bold; +} + +.contact-entry-desc { + overflow: hidden; +} + +.contact-entry-name, .contact-entry-connect { + overflow: hidden; + font: #999; + font-size: 12px; + font-weight: bold; + margin-top: 5px; +} + +.contact-entry-details { + font-size: 13px; + color: #999999; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.contact-entry-photo-wrapper { + position: relative; + /*border: 1px solid #7C7D7B; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD;*/ +} + +.contact-entry-photo { + width: 80px; +} + +.contact-entry-photo a img { + width: 80px; + height: 80px; +} + +.contact-entry-edit-links .icon { + border: 1px solid #babdb6; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + background-color: #ffffff; +} + +#contact-edit-banner-name { + font-size: 1.5em; + margin-left: 30px; +} + +#contact-edit-update-now { + padding: 7px; + width: 165px; + margin: auto; + margin-left: 40px; + box-shadow: inset 0px 1px 0px 0px #cfcfcf; + -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf; + -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); + background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); + background-color: #bdbdbd; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + display: inline-block; + color: #efefef; + text-decoration: none; + text-align: center; +} + +#contact-edit-update-now:hover { + color: #efefef; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#contact-edit-update-now:active { + position: relative; + top: 1px; +} + +#contact-edit-update-now a { + color: #efefef; + font-size: 14px; + text-align: center; + margin: auto; +} + +#contact-edit-info-wrapper, +#contact-edit-info-end, +#contact-edit-profile-select-text, +#contact-edit-profile-select-end, +#contact-edit-poll-wrapper, +#contact-edit-end { +} + +.contact-edit-submit { +} + +#contact-profile-selector { +} + +.contact-photo-menu-button { + position: absolute; + background-image: url("images/photo-menu.jpg"); + background-position: top left; + background-repeat: no-repeat; + margin: 10px 0 0 0; + padding: 0px; + width: 16px; + height: 16px; + top: 64px; left:0px; + overflow: hidden; + text-indent: 40px; + display: none; +} + +.contact-photo-menu { + width: auto; + border: 1px solid #ddd; + background: #f1f1f1; + position: absolute; + left: 0px; + top: 90px; + display: none; + z-index: 10000; + box-shadow: 3px 3px 5px #888; + -moz-box-shadow: 3px 3px 5px #888; + -webkit-box-shadow: 3px 3px 5px #888; +} + +.contact-photo-menu ul { + margin: 0px; + padding: 0px; + list-style: none; +} + +.contact-photo-menu li a { + display: block; + padding: 3px; + color: #626262; + font-size: 1em; +} + +.contact-photo-menu li a:hover { + color: #FFFFFF; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; + text-decoration: none; +} + +.view-contact-name {} + +#div.side-link { + background-color: #efefef; + padding: 10px; + margin-top: 20px; +} + +#follow-sidebar { + margin-bottom: 10px; +} + +#follow-sidebar h3:before { + content: url("images/user.png"); + padding-right: 10px; + vertical-align: middle; +} + +#follow-sidebar input[type="text"] { + margin-left: 3px; + margin-bottom: 10px; +} + +#side-follow-submit { + width: 178px; + margin: 10px; + text-align: center; +} + +#side-invite-link, +#side-random-profile-link, +#side-suggest-link, +#side-match-link, +#side-directory-link { + width: 80%; + padding: 10px; + margin: auto; + margin-bottom: 20px; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); + background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); + background-color: #bdbdbd; + padding: 5px 10px 5px 10px; + color: #efefef; + font-size: 1.1em; + text-align: center; + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#side-invite-link:hover, +#side-random-profile-link:hover, +#side-suggest-link:hover, +#side-match-link:hover, +#side-directory-link:hover { + color: #efefef; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + + +#side-invite-link:active, +#side-random-profile-link:active, +#side-suggest-link:active, +#side-match-link:active, +#side-directory-link:active { + background-color: #1873a2; + position: relative; + top: 1px; +} + +#side-invite-link a, +#side-random-profile-link a, +#side-suggest-link a, +#side-match-link a, +#side-directory-link a { + color: #efefef; +} + + +#invite-message, +#invite-recipients, +#invite-recipient-text { + padding: 10px; +} + +#side-follow-wrapper { + font-size: 1em; + font-weight: bold; + font-stretch: semi-expanded; + background-color: #f3f3f3; + border: 1px solid #7C7D7B; + padding: 10px; + margin-top: 20px; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#side-follow-wrapper label{ + font-size: 1.1em; + font-variant: normal; +} + +#contact-suggest { + float: left; + margin-left: 10px; + width: 120px; + padding: 10px; + margin-bottom: 20px; + box-shadow: inset 0px 1px 0px 0px #cfcfcf; + -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf; + -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); + background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); + background-color: #bdbdbd; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + padding: 5px 10px 5px 10px; + color: #efefef; + font-size: 1.2em; + text-align: center; +} + +#contact-suggest:hover { + color: #efefef; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; +} + +#contact-suggest:active { + background-color: #1873a2; + position: relative; + top: 1px; +} + +#contact-suggest a { + color: #efefef; +} + +.contact-advanced-label { + margin-top: 10px; + float: left; + width: 250px; +} + +.contact-advanced-input { + margin-top: 10px; + float: left; + width: 200px; +} + +/* ===================================== */ +/* = Register, Settings, Profile Forms = */ +/* ===================================== */ + +#id_openid_url, +.openid input { + background: url(images/login-bg.gif) no-repeat; + background-position: 0 50%; + padding-left: 18px; + width: 250px!important; +} + +.openid:hover { +} + +#profile-tabs-wrapper { + padding-top: 10px; +} + +#profile-tab-status-link { + border: 0px; + padding: 5px 10px 5px 10px; + font-style: bold; +} + +#uexport-link a { + color: #efefef; +} + +#profile-tab-profile-link { + border: 0px; + padding: 5px 10px 5px 10px; +} + +#uexport-link { + width: 140px; + box-shadow: inset 0px 1px 0px 0px #cfcfcf; + -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf; + -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) ); + background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753'); + background-color: #7c7d7b; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + padding: 5px 10px 5px 10px; + margin-bottom: 10px; +} + +#uexport-link:hover { + color: #efefef; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) ); + background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b'); + background-color: #555753; +} + +#uexport-link:active { + color: #efefef; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; + position: relative; + top: 1px; +} + +#settings-default-perms .fakelink { + color: #efefef; +} + +#settings-default-perms { + width: 260px; + text-align: center; + color: #EFEFEF; + padding: 5px 10px 5px 10px; + margin-bottom: 10px; + background-color: #BDBDBD; + background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#settings-default-perms:hover { + color: #efefef; + background-color: #555753; + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#settings-default-perms:active { + color: #efefef; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; + position: relative; + top: 1px; +} + +#settings-nickname-desc { + width: 80%; + background-color: #efefef; + margin-top: 10px; + margin-bottom: 10px; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + padding: 10px; +} + +#register-form div { + clear: both; +} + +#profile-edit-form div { + margin-bottom: 5px; +} + +#profile-edit-form div[id$='desc'] { + font-size: 0.8em; + margin-left: 2%; +} + +#register-form label, +#profile-edit-form label { + width: 575px; + float: right; + margin-right: 155px; +} + +#register-form span { + color: #555753; + display: block; + margin-bottom: 20px; +} + +.settings-submit, +.settings-submit-wrapper, +.profile-edit-submit-wrapper { + margin: 30px 0px; +} + +.profile-listing, +.profile-listing-end { + float: left; + clear: both; + margin: 20px 20px 0px 0px; +} + + +#register-sitename { + display: inline; + font-weight: bold; +} + +#register-submit-button { + margin-top: 10px; +} + +#label-register-name, +#label-register-email, +#label-register-nickname, +#label-register-openid { + float: left; + width: 350px; + margin-top: 10px; +} + +#register-name, +#register-email, +#register-nickname { + float: left; + margin-top: 10px; + width: 150px; +} + +#register-openid { + float: left; + margin-top: 10px; + width: 130px; +} + +#register-fill-ext { + margin-bottom: 25px; +} + +#register-name-end, +#register-email-end, +#register-nickname-end, +#register-submit-end, +#register-openid-end { + clear: both; +} + +#register-nickname-desc { + margin-top: 30px; + width: 650px; +} + +/* ===================== */ +/* = Contacts Selector = */ +/* ===================== */ + +#circle-edit-wrapper { + margin-bottom: 10px; +} + +#circle-edit-name-wrapper { + margin-bottom: 0px; + display: inline; +} +#circle-edit-submit-wrapper { + margin-bottom: 10px; + margin-right: 400px; + float: right; + display: inline; +} + +.circle-delete-wrapper { + width: 90px; + display: inline; + padding: 5px; + margin-bottom: 10px; + box-shadow: inset 0px 1px 0px 0px #cfcfcf; + -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf; + -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); + background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); + background-color: #bdbdbd; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +.circle-delete-wrapper:hover { + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; +} + +.circle-delete-wrapper:active { + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; +} + +.circle-delete-wrapper a { + color: #efefef; + font-size: 0.9em; +} + +#circle-edit-desc { + margin: 10px 0xp; +} + +#circle-new-text { + font-size: 1.1em; +} + +#circle-members, +#prof-members { + width: 83%; + height: 200px; + overflow: auto; + border: none; + background-color: #f0edf0; + color: #555753; + border: 1px solid #ccc; + margin-bottom: 10px; + padding: 10px; +} + +#circle-all-contacts, +#prof-all-contacts { + width: 83%; + height: 200px; + overflow: auto; + border: 1px solid #ccc; + background-color: #f0edf0; + padding: 10px; +} + +#circle-members h3, +#circle-all-contacts h3, +#prof-members h3, +#prof-all-contacts h3 { + color: #555753; + margin: 0px; + padding: 5px; +} + +#circle-separator, +#prof-separator { + display: none; +} + +/* ========== */ +/* = Events = */ +/* ========== */ + +#events-reminder {} + +.clear { + clear: both; + margin-top: 10px; +} + +.eventcal { + float: left; + font-size: 20px; + padding: 20px; +} + +.vevent { + position: relative; + width: 400px; + padding: 20px; + padding-top: 10px; + margin: 0 0px; + margin-bottom: 10px; + background-color: #fff; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); +} + +.vevent:before, +.vevent:after { + position: absolute; + width: 40%; + height: 10px; + content: ' '; + left: 12px; + bottom: 12px; + background: transparent; + transform: skew(-5deg) rotate(-5deg); + -webkit-transform: skew(-5deg) rotate(-5deg); + -moz-transform: skew(-5deg) rotate(-5deg); + -ms-transform: skew(-5deg) rotate(-5deg); + -o-transform: skew(-5deg) rotate(-5deg); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); + z-index: -1; +} + +.vevent:after { + left: auto; + right: 12px; + transform: skew(5deg) rotate(5deg); + -webkit-transform: skew(5deg) rotate(5deg); + -moz-transform: skew(5deg) rotate(5deg); + -ms-transform: skew(5deg) rotate(5deg); + -o-transform: skew(5deg) rotate(5deg); +} + +.vevent .event-description { + margin-left: 10px; + margin-right: 10px; + text-align: center; + font-size: 1.2em; + font-weight: bolder; +} + +.vevent .event-location { + margin-left: 10px; + margin-right: 10px; + font-size: 1em; + font-style: oblique; + text-align: center; +} + +.vevent .event-start, +.vevent .event-end { + margin-left: 20px; + margin-right: 20px; + margin-bottom: 2px; + margin-top: 2px; + font-size: 0.9em; + text-align: left; +} + +#new-event-link { + width: 130px; + padding: 7px; + margin-bottom: 10px; + margin-left: 170px; + box-shadow: inset 0px 1px 0px 0px #cfcfcf; + -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf; + -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); + background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); + background-color: #bdbdbd; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + color: #efefef; +} + +#new-event-link:hover { + color: #efefef; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; +} + +#new-event-link:active { + background-color: #1873a2; + position: relative; + top: 1px; +} + +#new-event-link a { + color: #efefef; + text-align: center; +} + +.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; + vertical-align: middle; +} + +.event-start, +.event-end { + margin-left: 10px; + width: 330px; +} + +.event-start .dtstart, +.event-end .dtend { + float: right; +} + +.event-list-date { + color: #626262; + margin-bottom: 10px; + font-stretch: condensed; +} + +.prevcal, +.nextcal { + float: left; + margin-left: 32px; + margin-right: 32px; + margin-top: 64px; +} + +.event-calendar-end { + clear: both; +} + +.calendar { + width: 300px; + font-family: Helvetica, Arial, sans-serif; + background-color: #f1f1f1; + border: 1px solid #dedede; + margin-bottom: 10px; + box-shadow: 5px 5px 8px #959494; + -moz-box-shadow: 5px 5px 8px #959494; + -webkit-box-shadow: 5px 5px 8px #959494; +} + +.calendar caption { + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) ); + background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2'); + background-color: #1873a2; + padding: 10px 0px 10px 0px; + width: 300px; + color: #ffffff; + font-weight: bold; + text-align: center; + box-shadow: 5px 2px 8px #959494; + -moz-box-shadow: 5px 2px 8px #959494; + -webkit-box-shadow: 5px 2px 8px #959494; +} + +.calendar td { + font-size: 14px; + text-align: center; + padding: 3px 0px; +} + +.calendar td > a { + background-color: #cdcdcd; + padding: 2px; + color: #000000; +} + +.calendar th { + font-size: 16px; +} + +.today { + font-weight: bold; + text-align: center; + background-color: #1873a2; + color: #ffffff; +} + +#event-start-text, +#event-finish-text { + margin-top: 10px; + margin-bottom: 5px; +} + +#event-nofinish-checkbox, +#event-nofinish-text, +#event-share-checkbox { + float: left; +} + +#event-datetime-break { + margin-bottom: 10px; +} + +#event-nofinish-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; +} + +.directory-details { + font-size: 0.9em; + width: 160px; +} + +.directory-name { + font-size: 1em; + width: 150px; +} + +/* ========= */ +/* = Admin = */ +/* ========= */ + +#adminpage { + width: 90%; +} + +#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; + font-size: 1em; + padding: 5px; + width: auto; + margin: 5px; +} + +#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 #898989; + margin-bottom: 5px; + padding-bottom: 5px; + margin-top: 10px; +} + +#adminpage .submit { + clear:left; +} + +#adminpage +#addonslist { + margin: 0px; + padding: 0px; +} + +#adminpage .addon { + list-style: none; + display: block; + clear: left; + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + padding:10px; + margin:10px 10px 10px 0; +} + +#adminpage .toggleaddon { + 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: #eeeeee; +} + +#adminpage .selectall { + text-align: right; +} + +/* =============== */ +/* = Form Fields = */ +/* =============== */ + +.field { + /*margin-bottom: 10px;*/ + overflow: auto; + padding-bottom: 10px; + width: 100%; +} + +.field.radio .field_help { + margin-left: 255px; +} + +.field .field_help { + color: #666666; + display: block; + margin-left: 225px; +} + +.field label { + float: left; + width: 230px; +} + +.field checkbox { + float: left; + width: 480px; +} + +.field input, +.field textarea { + /*width: 400px;*/ + float: left; + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +.field password { + height: 100px; + margin-left: 150px; +} + +.field_help { + display: block; + margin-left: 0px; + margin-bottom: 10px; + color: #666666; +} + +.field .radio .field_help { + margin-left: 0px; +} + +/* ========= */ +/* = Icons = */ +/* ========= */ + +.sparkle { + cursor: url('lock.cur'), pointer; + width: 100%; + height: auto; + /*border: 1px solid #7C7D7B; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD;*/ +} + +.label { + border: 0px; + border-radius: 0px; + box-shadow: none; +} + +.icon { + margin-left: 5px; + margin-right: 5px; + display: block; + width: 20px; + height: 20px; + background-image: url("images/icons.png"); +} +.pinned { + background-image: url("images/star.png"); + repeat: no-repeat; +} +.unpinned { + background-image: url("images/premium.png"); + repeat: no-repeat; +} + +.starred { + background-image: url("images/star.png"); + repeat: no-repeat; +} +.unstarred { + background-image: url("images/premium.png"); + repeat: no-repeat; +} + +.notify { + background-image: url("images/notifications.png"); + repeat: no-repeat; +} + +.border { + border: 1px solid #c1c1c1; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} + +.article { background-position: -50px 0px;} +.audio { background-position: -70px 0px;} +.block { background-position: -90px 0px;} +.drop { background-position: -110px 0px;} +.drophide { background-position: -130px 0px;} +.edit { background-position: -150px 0px;} +.camera { background-position: -170px 0px;} +.dislike { background-position: -190px 0px;} +.like { background-position: -210px 0px;} +.link { background-position: -230px 0px;} +.globe { background-position: -50px -20px;} +.noglobe { background-position: -70px -20px;} +.no { background-position: -90px -20px;} +.pause { background-position: -110px -20px;} +.play { background-position: -130px -20px;} +.pencil { background-position: -150px -20px; margin-right: 12px;} +.small-pencil { background-position: -170px -20px;} +.recycle { background-position: -190px -20px;} +.remote-link { background-position: -210px -20px; margin-right: 10px;} +.share { background-position: -230px -20px;} +.tools { background-position: -50px -40px;} +.lock { background-position: -70px -40px;} +.unlock { + background-position: -90px -40px; + background-image: none; + width: 70px; + height: 20px; +} + +.sharePerms { + background-image: url("images/icons.png"); + width: 20px; + height: 20px; + margin: 2px 0px 2px 3px; + display: block; +} + +.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;} +.tagged { background-position: -130px -60px; margin-right: 10px;} +.icon.dim { opacity: 0.3;filter:alpha(opacity=30);} + +.attachtype { + display: block; width: 20px; height: 23px; + background-image: url("../../../images/content-types.png"); + background-position: -80px 0px; +} + +.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 = */ +/* ========== */ + +.cc-license { + margin-top: 100px; + font-size: 0.7em; +} + +footer { display: block; margin: 50px 20%; clear: both; } + +/* ========== */ +/* = Tools = */ +/* ========== */ + +tools { + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) ); + background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2'); + background-color: #f0edf0; + border-radius: 5px 5px 0px 0px; + -moz-border-radius: 5px 5px 0px 0px; + -webkit-border-radius: 5px 5px 0px 0px; + border: 1px solid #7C7D7B; + border-bottom: none; + box-shadow: 1px 2px 6px 0px #959494; + -moz-box-shadow: 1px 2px 6px 0px #959494; + -webkit-box-shadow: 1px 2px 6px 0px #959494; + color: #EFEFEF; + display: block; + float: right; + font-size: 15px; + height: 38px; + list-style: none outside none; + margin: 0 0 0 755px; + padding: 0; + position: fixed; + bottom: 0; + width: 203px; + z-index: 10; + clear:both; +} + +/* ======= */ +/* = ACL = */ +/* ======= */ + +#photo-edit-perms-select, +#photos-upload-permissions-wrapper, +#profile-jot-acl-wrapper{ + display: block!important; +} + +#acl-wrapper { + width: 690px; + float:left; +} +#acl-wrapper a:hover { + text-decoration: none; + background-color:#1873a2; +} + +/* ========================= */ +/* = Global Directory Link = */ +/* ========================= */ + +#global-directory-link { + width: 150px; + padding: 4px; + /*margin-bottom: 10px;*/ + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); + background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); + background-color: #bdbdbd; + color: #efefef; + text-align: center; + -webkit-padding-start: 0px; + border: 1px solid #7C7D7B; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#global-directory-link:hover { + color: #efefef; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#global-directory-link:active { + background-color: #1873a2; + position: relative; + top: 1px; +} + +#global-directory-link a { + color: #efefef; +} + +a.active { + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; + color: #fec01d; + padding: 5px 10px 5px 10px; + margin-right: 5px; +} + +/* notifications popup menu */ +.delegation-notify { + font-size: 10px; + padding: 1px 3px; + top: 0px; + min-width: 15px; + text-align: center; + float: right; + margin-top: -14px; + margin-right: -20px; +} + +.nav-notification { + display: none; + position: absolute; + font-size: 10px; + padding: 1px 3px; + top: 0px; + right: -10px; + min-width: 15px; + text-align: right; +} +.nav-notification.show { + display: block; +} +#nav-notifications-menu { + width: 320px; + max-height: 400px; + overflow-y: scroll; + overflow-style: scrollbar; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) ); + background: -moz-linear-gradient( center top, #797979 5%, #898988 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); + background-color: #a2a2a2; + border-radius: 0px 0px 5px 5px; + -moz-border-radius: 0px 0px 5px 5px; + -webkit-border-radius: 0px 0px 5px 5px; + border: 1px solid #9A9A9A; + border-top: none; + box-shadow: 5px 5px 10px #242424; + -moz-box-shadow: 5px 5px 10px #242424; + -webkit-box-shadow: 5px 5px 10px #242424; + top: 40px; +} + +#nav-notifications-menu .contactname { + font-weight: bold; + font-size: 0.9em; +} + +#nav-notifications-menu img { + float: left; + margin-right: 5px; +} + +#nav-notifications-menu .notif-when { + font-size: 0.8em; + display: block; +} + +#nav-notifications-menu li { + padding: 7px 0px 7px 10px; + word-wrap: normal; + border-bottom: 1px solid #626262; +} + +#nav-notifications-menu li:hover { + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; +} + +#nav-notifications-menu a:hover { + text-decoration: underline; +} + +.notif-item a { + vertical-align: middle; + color: #626262; + padding-bottom: 7px; +} + +.notif-item a:hover { + color: #1873a2; +} + +.notif-image { + width: 32px; + height: 32px; + padding: 7px 7px 0px 0px; +} + +#jGrowl { + z-index: 20000; +} + +/* autocomplete popup */ +.acpopup, acpopup-mce { + overflow: auto; + color: #2e3436; + border-top: 0px; + background: #eeeeee; + border-right: 1px solid #7C7D7B; + border-left: 1px solid #7C7D7B; + border-bottom: 1px solid #7C7D7B; + border-radius: 0px 5px 5px 5px; + -webkit-border-radius: 0px 5px 5px 5px; + -moz-border-radius: 0px 5px 5px 5px; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; +} + +.acpopup-mce { + max-height: 150px; +} + +.acpopupitem { + color: #2e3436; + padding: 4px; + clear:left; +} +.acpopupitem img { + float: left; + margin-right: 4px; +} + +.acpopupitem.selected, .textcomplete-item.active { + color: #efefef; + background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); + background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); + background-color: #1873a2; + order-bottom: none; +} + +.textcomplete-item a:hover, .textcomplete-item a:hover .acpopup-sub-text, .textcomplete-item.active a .acpopup-sub-text { + color: #efefef; +} + +.qcomment { + opacity: 0.8; + filter: alpha(opacity=0); + position: relative; + left: 30px; +} + +.qcomment:hover { + opacity: 1.0; + filter: alpha(opacity=100); +} + +.notification-seen { + background: #000000; +} + +.notification-seen a { + color: #efefef !important; +} + +/* Pages profile widget ----------------------------------------------------------- */ + +#page-profile, +#profile-page-list { + margin-left: 45px; +} + +#page-profile .title { + font-weight: bold; +} + +#profile-vcard-break { + clear: both; +} + +#profile-extra-links { + clear: both; + margin-top: 10px; +} + +#profile-extra-links ul { + list-style-type: none; + padding: 0px; +} + + +#profile-extra-links li { + margin-top: 5px; +} + +.profile-edit-side-div { + float: right; +} + +.profile-edit-side-link { + opacity: 0.3; + filter:alpha(opacity=30); +} +.profile-edit-side-link:hover { + opacity: 1.0; + filter:alpha(opacity=100); +} + +/* SCROLL TO TOP +----------------------------------------------------------- */ +#scrollup { + position: absolute; + right: 0px; + bottom: -1px; + z-index: 100; +padding-right: 10px; +} + +#scrollup a:hover { + text-decoration: none; + border: 0; +} + +.item-scrollup { + margin-left: 5px; +} + +/* New posts and comments => background color +----------------------------------------------------------- */ +.shiny { + background: #fbfde9; +} + +div.wall-item-content-wrapper.shiny { + background-image: url("images/shiny.png"); + background-repeat: repeat-x; +} + +/* from default */ +#jot-perms-icon, +#profile-location, +#profile-nolocation, +#profile-youtube, +#profile-video, +#profile-audio, +#profile-link, +#profile-title, +#wall-image-upload, +#wall-file-upload, +#profile-upload-wrapper, +#wall-image-upload-div, +#wall-file-upload-div, +.hover, +.focus { + cursor: pointer; +} + +hr.line-dots { + background: url("images/dot.png") repeat-x scroll left center transparent; + border: medium none; +} + +.body-tag, +.filesavetags, +.categorytags { + opacity: 0.5; + filter:alpha(opacity=50); +} + +.body-tag:hover, +.filesavetags:hover, +.categorytags:hover { + opacity: 1.0 !important; + filter:alpha(opacity=100) !important; +} + +.item-select { + opacity: 0.5; + filter:alpha(opacity=10); + float: right; + margin-right: 10px; + +} +.item-select:hover, +.checkeditem { + opacity: 1; + filter:alpha(opacity=100); +} + +.filer-icon { + display: block; width: 16px; height: 16px; + background-image: url('images/file.gif'); + margin-left: 5px; + float: left; +} + +.icon.dim { opacity: 0.3;filter:alpha(opacity=30); } +[class^="comment-edit-bb"] { + list-style: none; + display: none; + margin: 0px 0 -5px 0px; + padding: 0px; + width: 75%; +} + +.body-attach { + margin-top: 10px; +} + +.grey { + color: #888888; +} + +.location, +.location-label, +.homepage-label, +.network-label { + float: left; + text-align: left; + display: block; + line-height: 0.6em; +} + +.adr, +.homepage-url, +.x-network { + float: left; + display: block; + margin-left: 8px; + line-height: 1em; + text-align: left; +} + +#birthday-notice {} +#nav-notifications-template {} +#category-sidebar {} +#nets-desc {} +#status-tab {} +#page-footer {} +#live-profile {} + +.mpfriend {} +.toplevel_item {} + +.fc-header, +.fc-view, +.fc-view-basicWeek, +.fc-grid, +.fc-border-separate, +.fc-content {} + +div #datebrowse-sidebar.widget { + text-align:center; +} + +/* Fakelink */ + +.fakelink, +.fakelink:visited, +.fakelink:link { + color: #1873a2; + cursor: pointer; + margin-bottom: 10px; + /*background: url("images/down.png") no-repeat scroll left center transparent;*/ +} + +.fakelink:hover { + color: #6da6c4; +} + +#id_theme { + margin:10px 10px 0 0; +} + +#id_maxreq, +#id_expire { + width: 75px; +} + +#id_notify1, +#id_notify2, +#id_notify3, +#id_notify4, +#id_notify5, +#id_notify6, +#id_notify7, +#id_notify8, +#id_allow_location { + margin: 6px 0 0 10px; +} + +#settings-form {} +.select {} +.field_help { + margin: 5px 0 10px; +} + +#settings-activity-desc, +#settings-notification-desc { + margin: 10px 10px 10px 0; + font-weight: bold; +} + +#settings-notifications { + width: 410px; + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + padding: 10px; + margin: 10px 10px 10px 0; +} + +#id_npassword {} + +#hide-comments-page-widget { + margin-left: 40px; +} + +#collapsed-comments-page-widget {} + +.tool { + list-style-type: disc; +} + +#logo-text { +} + +#logo-img { + margin: 3px 0 0 0; +} + +.bigwidget {} + +#remote-friends-in-common {} + +.settings-block { + border: 1px solid #7C7D7B; + box-shadow: 0 0 8px #BDBDBD; + -moz-box-shadow: 0 0 8px #BDBDBD; + -webkit-box-shadow: 0 0 8px #BDBDBD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + padding:10px; + margin:10px 10px 10px 0; +} + +#page-settings-label{ + width: auto !important; + margin-bottom: 5px !important; +} + +.settings-heading { + margin: 25px 0 25px 0; +} + +#id_basepath, +#id_temppath, +#id_lockpath, +#id_proxyuser, +#id_proxy, +#id_allowed_email, +#id_allowed_sites, +#id_directory_submit_url, +#id_register_text { + width: 440px; +} + +#id_abandon_days, +#id_maxloadavg, +#id_poll_interval, +#id_delivery_interval, +#id_timeout, +#id_jpegimagequality, +#id_maximagelength, +#id_maximagesize, +#id_max_daily_registrations { + width: 75px; +} + +#id_remember { + width: auto; + float: right; +} + +.field.input.openid { +} diff --git a/smoothly/templates/bottom.tpl b/smoothly/templates/bottom.tpl new file mode 100644 index 0000000..d9657bf --- /dev/null +++ b/smoothly/templates/bottom.tpl @@ -0,0 +1,13 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + + + diff --git a/smoothly/templates/jot-header.tpl b/smoothly/templates/jot-header.tpl new file mode 100644 index 0000000..c5b9ae2 --- /dev/null +++ b/smoothly/templates/jot-header.tpl @@ -0,0 +1,276 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + + + + + + + diff --git a/smoothly/templates/jot.tpl b/smoothly/templates/jot.tpl new file mode 100644 index 0000000..2977781 --- /dev/null +++ b/smoothly/templates/jot.tpl @@ -0,0 +1,93 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+
+
 
+ +
+
+ +
+ + + + + + + + + +
+ +
+ {{if $placeholdersummary}} +
+ +
+ {{/if}} + {{if $placeholdercategory}} +
+ +
+ {{/if}} +
+
+ +
+ + + + + + + + + + + + + + +
+ + + +
+
+ {{$acl nofilter}} + {{include file="field_checkbox.tpl" field=$sensitive}} + {{if $scheduled_at}}{{$scheduled_at nofilter}}{{/if}} + {{if $created_at}}{{$created_at nofilter}}{{/if}} +
+
+ +
+
+
+ {{if $content}}{{/if}} diff --git a/smoothly/templates/nav.tpl b/smoothly/templates/nav.tpl new file mode 100644 index 0000000..d092311 --- /dev/null +++ b/smoothly/templates/nav.tpl @@ -0,0 +1,81 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + + + +
{{$langselector}}
+ + diff --git a/smoothly/templates/profile/schedule.tpl b/smoothly/templates/profile/schedule.tpl new file mode 100644 index 0000000..d4bd49c --- /dev/null +++ b/smoothly/templates/profile/schedule.tpl @@ -0,0 +1,31 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+

{{$title}}

+ + + + + + + + + {{foreach $schedule as $row}} + + + + + + {{/foreach}} + +
{{$scheduled_at}}{{$content}}
{{$row.scheduled_at}}{{$row.content}} +
+ + +
+
+
diff --git a/smoothly/templates/search_item.tpl b/smoothly/templates/search_item.tpl new file mode 100644 index 0000000..2045bbe --- /dev/null +++ b/smoothly/templates/search_item.tpl @@ -0,0 +1,63 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} +
+ + + + +
+
+
+ + {{$item.name}} + menu +
+
    + {{$item.item_photo_menu_html nofilter}} +
+
+
+
+
{{if $item.location_html}}{{$item.location_html nofilter}} {{/if}}
+
+
+ {{if $item.lock}}
{{$item.lock}}
+ {{else}}
{{/if}} +
+
+
+ {{if $item.drop && $item.drop.dropping}}{{/if}} +
+ {{if $item.drop && $item.drop.pagedrop}}{{/if}} +
+
+
+
{{$item.title}}
+
+
{{$item.body_html nofilter}}
+
+
+ {{$item.name}} +
{{$item.ago}}
+ +
+ +
+
+ + +
+ {{if $item.conv}} + {{$item.conv.title}} + {{/if}} +
+
+
+ +
diff --git a/smoothly/templates/tools.tpl b/smoothly/templates/tools.tpl new file mode 100644 index 0000000..7ce1a04 --- /dev/null +++ b/smoothly/templates/tools.tpl @@ -0,0 +1,13 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + + diff --git a/smoothly/templates/wall_thread.tpl b/smoothly/templates/wall_thread.tpl new file mode 100644 index 0000000..6941522 --- /dev/null +++ b/smoothly/templates/wall_thread.tpl @@ -0,0 +1,182 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + +{{if $item.comment_firstcollapsed}} +
+ + {{$item.num_comments}} - {{$item.show_text}} + + +
+ {{/if}} diff --git a/smoothly/templates/widget/follow.tpl b/smoothly/templates/widget/follow.tpl new file mode 100644 index 0000000..cb663c1 --- /dev/null +++ b/smoothly/templates/widget/follow.tpl @@ -0,0 +1,15 @@ +{{* + * Copyright (C) 2010-2024, the Friendica project + * SPDX-FileCopyrightText: 2010-2024 the Friendica project + * + * SPDX-License-Identifier: AGPL-3.0-or-later + *}} + +
+

{{$connect}}

+
{{$desc nofilter}}
+
+ +
+
+ diff --git a/smoothly/theme.php b/smoothly/theme.php new file mode 100644 index 0000000..e42ed94 --- /dev/null +++ b/smoothly/theme.php @@ -0,0 +1,131 @@ + + * Maintainer: Nomen Nominandum + * Screenshot: Screenshot + */ + +use Friendica\AppHelper; +use Friendica\Core\Renderer; +use Friendica\DI; + +/* + * This script can be included even when the app is in maintenance mode which requires us to avoid any config call + */ + +function smoothly_init(AppHelper $appHelper) { + Renderer::setActiveTemplateEngine('smarty3'); + + $cssFile = null; + $ssl_state = false; + $baseurl = (string)DI::baseUrl(); + DI::page()['htmlhead'] .= <<< EOT + + +EOT; + + /** custom css **/ + if (!is_null($cssFile)) { + DI::page()['htmlhead'] .= sprintf('', $cssFile); + } + + _js_in_foot(); +} + +if (! function_exists('_js_in_foot')) { + function _js_in_foot() { + /** @purpose insert stuff in bottom of page + */ + $ssl_state = false; + $baseurl = (string)DI::baseUrl(); + $bottom['$baseurl'] = $baseurl; + $tpl = Renderer::getMarkupTemplate('bottom.tpl'); + + return DI::page()['bottom'] = Renderer::replaceMacros($tpl, $bottom); + } +} + +/** + * @param int|null $uid + * @return null + * @see \Friendica\Core\Theme::getBackgroundColor() + * @TODO Implement this function + */ +function smoothly_get_background_color(int $uid = null) +{ + return null; +} + +/** + * @param int|null $uid + * @return null + * @see \Friendica\Core\Theme::getThemeColor() + * @TODO Implement this function + */ +function smoothly_get_theme_color(int $uid = null) +{ + return null; +} diff --git a/smoothly/unsupported b/smoothly/unsupported new file mode 100644 index 0000000..e69de29