From b0b4baa331c16d033067472d30d228b5b0f05698 Mon Sep 17 00:00:00 2001 From: Thomas Willingham Date: Mon, 26 Nov 2012 02:11:19 +0000 Subject: [PATCH] Diabook - kill wall_thread, remove need for wide variants, fix live updates, add todo list. --- .../diabook-aerith/style-network-wide.css | 2668 --------------- .../diabook-aerith/style-profile-wide.css | 2639 --------------- .../diabook/diabook-aerith/style-wide.css | 2986 ---------------- .../diabook-blue/style-network-wide.css | 2629 --------------- .../diabook-blue/style-profile-wide.css | 2606 -------------- .../theme/diabook/diabook-blue/style-wide.css | 2968 ---------------- .../diabook-dark/style-network-wide.css | 2645 --------------- .../diabook-dark/style-profile-wide.css | 2606 -------------- .../theme/diabook/diabook-dark/style-wide.css | 2898 ---------------- .../diabook-green/style-network-wide.css | 2644 --------------- .../diabook-green/style-profile-wide.css | 2615 -------------- .../diabook/diabook-green/style-wide.css | 2963 ---------------- .../diabook-pink/style-network-wide.css | 2644 --------------- .../diabook-pink/style-profile-wide.css | 2615 -------------- .../theme/diabook/diabook-pink/style-wide.css | 2989 ----------------- .../diabook-red/style-network-wide.css | 2665 --------------- .../diabook-red/style-profile-wide.css | 2620 --------------- view/theme/diabook/diabook-red/style-wide.css | 2969 ---------------- view/theme/diabook/photo-menu.jpg | Bin 0 -> 459 bytes view/theme/diabook/style-network-wide.css | 2585 -------------- view/theme/diabook/style-network.css | 24 +- view/theme/diabook/style-profile-wide.css | 2563 -------------- view/theme/diabook/style-profile.css | 11 +- view/theme/diabook/style-wide.css | 2865 ---------------- view/theme/diabook/style.css | 82 +- view/theme/diabook/style.php | 28 +- view/theme/diabook/theme.php | 52 +- view/theme/diabook/todo | 8 + view/theme/diabook/wall_thread.tpl | 189 -- 29 files changed, 110 insertions(+), 57666 deletions(-) delete mode 100644 view/theme/diabook/diabook-aerith/style-network-wide.css delete mode 100644 view/theme/diabook/diabook-aerith/style-profile-wide.css delete mode 100644 view/theme/diabook/diabook-aerith/style-wide.css delete mode 100644 view/theme/diabook/diabook-blue/style-network-wide.css delete mode 100644 view/theme/diabook/diabook-blue/style-profile-wide.css delete mode 100644 view/theme/diabook/diabook-blue/style-wide.css delete mode 100644 view/theme/diabook/diabook-dark/style-network-wide.css delete mode 100644 view/theme/diabook/diabook-dark/style-profile-wide.css delete mode 100644 view/theme/diabook/diabook-dark/style-wide.css delete mode 100644 view/theme/diabook/diabook-green/style-network-wide.css delete mode 100644 view/theme/diabook/diabook-green/style-profile-wide.css delete mode 100644 view/theme/diabook/diabook-green/style-wide.css delete mode 100644 view/theme/diabook/diabook-pink/style-network-wide.css delete mode 100644 view/theme/diabook/diabook-pink/style-profile-wide.css delete mode 100644 view/theme/diabook/diabook-pink/style-wide.css delete mode 100644 view/theme/diabook/diabook-red/style-network-wide.css delete mode 100644 view/theme/diabook/diabook-red/style-profile-wide.css delete mode 100644 view/theme/diabook/diabook-red/style-wide.css create mode 100644 view/theme/diabook/photo-menu.jpg delete mode 100644 view/theme/diabook/style-network-wide.css delete mode 100644 view/theme/diabook/style-profile-wide.css delete mode 100644 view/theme/diabook/style-wide.css create mode 100644 view/theme/diabook/todo delete mode 100644 view/theme/diabook/wall_thread.tpl diff --git a/view/theme/diabook/diabook-aerith/style-network-wide.css b/view/theme/diabook/diabook-aerith/style-network-wide.css deleted file mode 100644 index 27b9c49e2..000000000 --- a/view/theme/diabook/diabook-aerith/style-network-wide.css +++ /dev/null @@ -1,2668 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#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: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.contacts { - background-image: url("../diabook-aerith/icons/contacts.png");} -.icon.notifications { - background-image: url("../diabook-aerith/icons/notifications.png");} -.icon.notify { - background-image: url("../diabook-aerith/icons/notify.png");} -.icon.messages { - background-image: url("../diabook-aerith/icons/messages.png");} -.icon.community { - background-image: url("../diabook-aerith/icons/community.png");} - -.icon.drop { background-image: url("../diabook-aerith/icons/drop.png");} -.icon.drophide { background-image: url("../diabook-aerith/icons/drop.png");} -.icon.dislike { background-image: url("../diabook-aerith/icons/dislike.png");} -.icon.like { background-image: url("../diabook-aerith/icons/like.png");} -.icon.pencil { background-image: url("../diabook-aerith/icons/pencil.png");} -.icon.recycle { background-image: url("../diabook-aerith/icons/recycle.png");} -.icon.remote-link { background-image: url("../diabook-aerith/icons/remote.png");} -.icon.tagged { background-image: url("../diabook-aerith/icons/tagged.png");} -.icon.file-as { background-image: url("../diabook-aerith/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../diabook-aerith/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../diabook-aerith/icons/starred.png");} -.icon.link { background-image: url("../diabook-aerith/icons/link.png");} -.icon.lock { background-image: url("../diabook-aerith/icons/lock.png");} -.icon.unlock { background-image: url("../diabook-aerith/icons/unlock.png");} -.icon.language { background-image: url("../diabook-aerith/icons/language.png");} - - -.camera { background-image: url("../diabook-aerith/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../diabook-aerith/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../diabook-aerith/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../diabook-aerith/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../diabook-aerith/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../diabook-aerith/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../diabook-aerith/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../diabook-aerith/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../diabook-aerith/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../diabook-aerith/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} - - - - -.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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../diabook-aerith/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../diabook-aerith/icons/toogle_off.png"); background-repeat: no-repeat;} -.prev { background-position: -90px -60px;} -.next { background-position: -110px -60px;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../diabook-aerith/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../diabook-aerith/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 1px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - background-color: #fff; - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -h4 { - font-size: 1.1em; -} - -a { - color: #333333; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #3465A4; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -code { - font-family: Courier, monospace; - white-space: pre; - display: block; - overflow: auto; - border: 1px solid #444; - background: #EEE; - color: #444; - padding: 10px; - margin-top: 20px; -} -#panel { - position: absolute; - width: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover , -#fileas-sidebar .tool:hover { - background: aliceBlue; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: #3465A4; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl div.notice { - background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #ff500f; - background-color: #ff500f; - z-index: 100; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; - background-image: linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -o-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -moz-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -webkit-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -ms-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); - -background-image: -webkit-gradient( - linear, - left bottom, - left top, - color-stop(0.26, rgb(215,227,241)), - color-stop(0.82, rgb(255,255,255)) -); -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: left; - width: 82%%; - margin-left: 25%; -} -header #banner a, -header #banner a:active, -header #banner a:visited, -header #banner a:link, -header #banner a:hover { - color: black; - text-decoration: none; - outline: none; - vertical-align: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px; - position: absolute; - top: 10%; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #ff500f; - color: #000; - z-index: 99; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; - background-image: linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -o-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -moz-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -webkit-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -ms-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); - -background-image: -webkit-gradient( - linear, - left bottom, - left top, - color-stop(0.26, rgb(215,227,241)), - color-stop(0.82, rgb(255,255,255)) -); -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - /*color: #1f1f1f;*/ - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -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: #fff; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #fff; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; - border: 1px solid black; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - font-size: 14px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../diabook-aerith/icons/messages.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../diabook-aerith/icons/notify.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../diabook-aerith/icons/contacts.png"); - } - -nav #nav-apps-link.selected { - background-color: #fff; - moz-border-radius: 5px 5px 0 0; --webkit-border-radius: 5px 5px 0 0; -border-radius: 5px 5px 0 0; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #fff; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #3465A4; /*bdcdd4;*/ - color: #fff; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 400px; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; - -} -#profile_side a{ - color: #333; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: aliceBlue; - } -.menu-profile-list-item{ - padding-left: 5px; - vertical-align: middle; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-icon.home{ - background: url("../diabook-aerith/icons/home.png") no-repeat; - float: left; - height: 22px; - width: 22px; - } -.menu-profile-icon.photos{ - background: url("../diabook-aerith/icons/mess_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.events{ - background: url("../diabook-aerith/icons/events.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.notes{ - background: url("../diabook-aerith/icons/notes.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.foren{ - background: url("../diabook-aerith/icons/pubgroups.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.com_side{ - background: url("../diabook-aerith/icons/com_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.pscontacts{ - background: url("../diabook-aerith/icons/pscontacts.png") no-repeat; - float: left; - height: 22px; - width: 22px;} - -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} -aside #page-sidebar{display: none;} -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 150px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; --moz-border-bottom-colors: #dbdbdb; - -moz-border-top-colors: #999; - -moz-border-left-colors: #999; - -moz-border-right-colors: #dbdbdb; -} -aside #side-follow-url { - width: 150px; - } -aside #side-peoplefind-url { - width: 150px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 55px; - height: 55px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #3465A4; -} -.widget .tool.selected { - background: url("../diabook-aerith/icons/selected.png") no-repeat left center; -} -/* widget: search */ -span.sbox_l { - background: white url('../diabook-aerith/icons/srch_l.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-left: 10px; - margin-top: 5px; - -} - -span.sbox_r { - background: white url('../diabook-aerith/icons/srch_r.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-top: 5px; -} - -span.sbox input { - background: white url('../diabook-aerith/icons/srch_bg.gif') repeat-x top left; - float: left; - margin-top: 5px; - border: 0; - height: 13px; width: 100px; - padding: 3px; - font: 11px/13px arial; - color: #000; -} -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: auto; - padding: 0px 0px 0px 12px; -} - -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 575px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } -#birthday-wrapper a { - color: #3465A4; - } - -/*marker*/ -right_aside { - display: table-cell; - vertical-align: top; - width: 180px; - /*border-left: 1px solid #D2D2D2;*/ - - /* background: #F1F1F1; */ -} -right_aside a{color: #3465A4;} -/*marker*/ -right_aside h3 {font-size: 1.05em; border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 9px; margin-bottom: 0px; -margin-top:30px;} -right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } -right_aside .directory-photo { margin: 0px; } -right_aside .directory-photo-img { max-width: 45px; max-height: 45px; } -right_aside #likes { margin: 0px; padding: 0px; list-style: none; } -right_aside .items-wrapper{ overflow: auto; width: 100%; } -right_aside #lastusers-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -right_aside #ra-photos-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} -#page-sidebar-right_aside ul {margin-top: 0px;} -#page-sidebar-right_aside .label {max-width: 128px;} -right_aside .icon {width: 10px; height: 10px;} -.close_box { - background-image: url("../diabook-aerith/icons/close_box.png"); - float: right; - cursor: pointer; - opacity: 0.1; - } -.close_box:hover { - background-image: url("../diabook-aerith/icons/close_box.png"); - float: right; - cursor: pointer; - 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 */ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: #3465A4; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} - -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - -} -/*marker*/ -.wall-item-container .wall-item-content img { - - -} -.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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} - -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; - background-color: #fff; - width: 500px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 1.6em ; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 585px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 583px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 585px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; - -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - cursor: pointer; - font-weight: bolder; -} -.button.creation2 { - background-color: #3465A4; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - cursor: pointer; - font-weight: bolder; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #3465A4; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - margin-left: 5px; -} -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -16px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 55px; - height: 55px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { - -} -.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; -} -.calendar.eventcal a { - color: #3465A4; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } - -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 5px; - margin-top: 30px; - } -.comment-edit-text-empty { - margin: 10px 0 0; - width: 85%; -} -.comment-edit-photo { - margin: 10px 0 0; -} -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 200px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #3465A4; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-aerith/style-profile-wide.css b/view/theme/diabook/diabook-aerith/style-profile-wide.css deleted file mode 100644 index 002b1719e..000000000 --- a/view/theme/diabook/diabook-aerith/style-profile-wide.css +++ /dev/null @@ -1,2639 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#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: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.contacts { - background-image: url("../diabook-aerith/icons/contacts.png");} -.icon.notifications { - background-image: url("../diabook-aerith/icons/notifications.png");} -.icon.notify { - background-image: url("../diabook-aerith/icons/notify.png");} -.icon.messages { - background-image: url("../diabook-aerith/icons/messages.png");} -.icon.community { - background-image: url("../diabook-aerith/icons/community.png");} - -.icon.drop { background-image: url("../diabook-aerith/icons/drop.png");} -.icon.drophide { background-image: url("../diabook-aerith/icons/drop.png");} -.icon.dislike { background-image: url("../diabook-aerith/icons/dislike.png");} -.icon.like { background-image: url("../diabook-aerith/icons/like.png");} -.icon.pencil { background-image: url("../diabook-aerith/icons/pencil.png");} -.icon.recycle { background-image: url("../diabook-aerith/icons/recycle.png");} -.icon.remote-link { background-image: url("../diabook-aerith/icons/remote.png");} -.icon.tagged { background-image: url("../diabook-aerith/icons/tagged.png");} -.icon.file-as { background-image: url("../diabook-aerith/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../diabook-aerith/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../diabook-aerith/icons/starred.png");} -.icon.link { background-image: url("../diabook-aerith/icons/link.png");} -.icon.lock { background-image: url("../diabook-aerith/icons/lock.png");} -.icon.unlock { background-image: url("../diabook-aerith/icons/unlock.png");} -.icon.language { background-image: url("../diabook-aerith/icons/language.png");} - - -.camera { background-image: url("../diabook-aerith/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../diabook-aerith/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../diabook-aerith/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../diabook-aerith/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../diabook-aerith/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../diabook-aerith/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../diabook-aerith/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../diabook-aerith/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../diabook-aerith/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../diabook-aerith/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} - - - - -.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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../diabook-aerith/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../diabook-aerith/icons/toogle_off.png"); background-repeat: no-repeat;} -.prev { background-position: -90px -60px;} -.next { background-position: -110px -60px;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../diabook-aerith/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../diabook-aerith/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 5px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - border-top: 1px solid #BDCDD4; - - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -h4 { - font-size: 1.1em; -} - -a { - color: #333333; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #3465A4; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -code { - font-family: Courier, monospace; - white-space: pre; - display: block; - overflow: auto; - border: 1px solid #444; - background: #EEE; - color: #444; - padding: 10px; - margin-top: 20px; -} -#panel { - position: absolute; - width: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover { - background: #EEE; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl div.notice { - background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #ff500f; - background-color: #ff500f; - z-index: 100; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; - background-image: linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -o-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -moz-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -webkit-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -ms-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); - -background-image: -webkit-gradient( - linear, - left bottom, - left top, - color-stop(0.26, rgb(215,227,241)), - color-stop(0.82, rgb(255,255,255)) -); -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: left; - width: 82%%; - margin-left: 25%; -} -header #banner a, -header #banner a:active, -header #banner a:visited, -header #banner a:link, -header #banner a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; - vertical-align: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px; - position: absolute; - top: 10%; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #ff500f; - color: #1f1f1f; - z-index: 99; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; - background-image: linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -o-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -moz-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -webkit-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -ms-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); - -background-image: -webkit-gradient( - linear, - left bottom, - left top, - color-stop(0.26, rgb(215,227,241)), - color-stop(0.82, rgb(255,255,255)) -); -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -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: #fff; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border-bottom: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #fff; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; - border: 1px solid black; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - font-size: 14px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../diabook-aerith/icons/messages.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../diabook-aerith/icons/notify.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../diabook-aerith/icons/contacts.png"); - } - -nav #nav-apps-link.selected { - background-color: #fff; - moz-border-radius: 5px 5px 0 0; --webkit-border-radius: 5px 5px 0 0; -border-radius: 5px 5px 0 0; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #fff; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #3465A4; /*bdcdd4;*/ - color: #fff; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 400px; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - padding-top: 3px; - padding-bottom: 3px; - padding-left: 16px; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #EEE; - } -.menu-profile-list-item{ - padding-left: 5px; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-list.home{ - background: url("../diabook-aerith/icons/home.png") no-repeat; - } -.menu-profile-list.photos{ - background: url("../diabook-aerith/icons/mess_side.png") no-repeat; - } -.menu-profile-list.events{ - background: url("../diabook-aerith/icons/events.png") no-repeat; - } -.menu-profile-list.notes{ - background: url("../diabook-aerith/icons/notes.png") no-repeat; - } -.menu-profile-list.foren{ - background: url("../diabook-aerith/icons/pubgroups.png") no-repeat; - } -.menu-profile-list.com_side{ - background: url("../diabook-aerith/icons/com_side.png") no-repeat; - } - -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} - -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 150px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; -} -aside #side-follow-url { - width: 150px; - } -aside #side-peoplefind-url { - width: 150px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 48px; - height: 48px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #3465A4; -} -.widget .tool.selected { - background: url("../diabook-aerith/icons/selected.png") no-repeat left center; -} -/* widget: search */ -span.sbox_l { - background: white url('../diabook-aerith/icons/srch_l.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-left: 10px; - margin-top: 5px; - -} - -span.sbox_r { - background: white url('../diabook-aerith/icons/srch_r.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-top: 5px; -} - -span.sbox input { - background: white url('../diabook-aerith/icons/srch_bg.gif') repeat-x top left; - float: left; - margin-top: 5px; - border: 0; - height: 13px; width: 100px; - padding: 3px; - font: 11px/13px arial; - color: #000; -} -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: 611px; - padding: 0px 0px 0px 12px; -} - -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 575px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } -#birthday-wrapper a { - color: #3465A4; - } - -/*marker*/ -right_aside { - display: table-cell; - vertical-align: top; - width: 180px; - /*border-left: 1px solid #D2D2D2;*/ - - /* background: #F1F1F1; */ -} -right_aside a{color: #3465A4;} -/*marker*/ -right_aside h3 {font-size: 1.05em; border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 9px; margin-bottom: 0px; -margin-top:30px;} -right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } -right_aside .directory-photo { margin: 0px; } -right_aside .directory-photo-img { max-width: 45px; max-height: 45px; } -right_aside #likes { margin: 0px; padding: 0px; list-style: none; } -right_aside .items-wrapper{ overflow: auto; width: 100%; } -right_aside #lastusers-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -right_aside #ra-photos-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} -#page-sidebar-right_aside ul {margin-top: 0px;} -#page-sidebar-right_aside .label {max-width: 128px;} -right_aside .icon {width: 10px; height: 10px;} -.close_box { - background-image: url("../diabook-aerith/icons/close_box.png"); - float: right; - cursor: pointer; - opacity: 0.1; - } -.close_box:hover { - background-image: url("../diabook-aerith/icons/close_box.png"); - float: right; - cursor: pointer; - 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 */ -/*marker*/ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: #3465A4; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} - -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - -} -/*marker*/ -.wall-item-container .wall-item-content img { - - -} -.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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 1.6em ; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 585px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 583px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 585px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - font-weight: bolder; - cursor: pointer; -} -.button.creation2 { - background-color: #3465A4; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - font-weight: bolder; - cursor: pointer; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #3465A4; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - margin-left: 5px; -} -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -16px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 48px; - height: 48px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { - -} -.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; -} -.calendar.eventcal a { - color: #3465A4; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } - -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 5px; - margin-top: 30px; - } -.comment-edit-text-empty { - margin: 10px 0 0; - width: 85%; -} -.comment-edit-photo { - margin: 10px 0 0; -} -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 200px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #3465A4; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-aerith/style-wide.css b/view/theme/diabook/diabook-aerith/style-wide.css deleted file mode 100644 index 98c645024..000000000 --- a/view/theme/diabook/diabook-aerith/style-wide.css +++ /dev/null @@ -1,2986 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#pending-update { - float:right; - color: #ffffff; - font-weight: bold; - background-color: #FF0000; - padding: 0em 0.3em; -} - -.admin.linklist { - border: 0px; padding: 0px; - list-style: none; -} - -.admin.link { - list-style-position: inside; - font-size: 1em; - padding: 5px; - width: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.bb-url{ - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/bb-url.png"); - float: right; - margin-top: 2px;} -.icon.quote{ - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/quote.png"); - float: right; - margin-top: 2px;} -.icon.bold{ - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/bold.png"); - float: right; - margin-top: 2px;} -.icon.underline{ - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/underline.png"); - float: right; - margin-top: 2px;} -.icon.italic{ - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/italic.png"); - float: right; - margin-top: 2px;} -.icon.bb-image{ - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/bb-image.png"); - float: right; - margin-top: 2px;} -.icon.bb-video{ - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/bb-video.png"); - float: right; - margin-top: 2px;} - -.icon.contacts { - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/contacts.png");} -.icon.notifications { - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/notifications.png");} -.icon.notify { - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/notify.png");} -.icon.messages { - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/messages.png");} -.icon.community { - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/community.png");} - -.icon.drop { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/drop.png");} -.icon.drophide { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/drop.png");} -.icon.dislike { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/dislike.png");} -.icon.like { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/like.png");} -.icon.pencil { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/pencil.png");} -.icon.recycle { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/recycle.png");} -.icon.remote-link { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/remote.png");} -.icon.tagged { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/tagged.png");} -.icon.file-as { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/starred.png");} -.icon.link { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/link.png");} -.icon.lock { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/lock.png");} -.icon.unlock { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/unlock.png");} -.icon.language { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/language.png");} - - -.camera { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../../../view/theme/diabook/diabook-aerith/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} -.icon.block {background-image: url("../../../view/theme/diabook/icons/block.png"); - display: block; width: 16px; height: 16px; background-repeat: no-repeat;} -.icon.block.dim {background-image: url("../../../view/theme/diabook/icons/block.png"); - display: block; width: 16px; height: 16px; background-repeat: no-repeat; opacity: 0.3;} -.icon.ad_drop { background-image: url("../../../view/theme/diabook/icons/drop.png"); - display: block; margin-left:5px; width: 16px; height: 16px; background-repeat: no-repeat;} - - - -.article { background-position: -50px 0px;} -/*.audio { background-position: -70px 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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/toogle_off.png"); background-repeat: no-repeat;} -.icon.prev { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/prev.png"); background-repeat: no-repeat;} -.icon.next { background-image: url("../../../view/theme/diabook/diabook-aerith/icons/next.png"); background-repeat: no-repeat;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 5px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -#jappix_mini { -right: 45px !important; -} - - -h4 { - font-size: 1.1em; -} - -a { - color: #333333; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #3465A4; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -.intro-end { - border-bottom: 1px solid black; - clear: both; - margin-bottom: 25px; - padding-bottom: 25px; - width: 75%; - } -.intro-form-end { - clear: both; - } -.intro-fullname { - padding-bottom: 5px; - padding-top: 5px; - } -.intro-wrapper-end { - clear: both; - padding-bottom: 5px; - } -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: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover, -#fileas-sidebar .tool:hover { - background: aliceBlue; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl.top-right { top: 30px; /* put it below header/nav bar */ } -div.jGrowl div.notice { - background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #ff500f; - background-color: #ff500f; - z-index: 100; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; - background-image: linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -o-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -moz-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -webkit-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -ms-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); - -background-image: -webkit-gradient( - linear, - left bottom, - left top, - color-stop(0.26, rgb(215,227,241)), - color-stop(0.82, rgb(255,255,255)) -); -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: banner; - width: 82%; - margin-left: 25%; -} -header #banner a, -header #banner a:active, -header #banner a:visited, -header #banner a:link, -header #banner a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; - vertical-align: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px!important;position: relative!important;top: -4px!important; -} -/* messages */ -#message-new { - background: #3465A4; - border: 1px solid #333; - width: 150px; -} -#message-new a { - color: #ffffff; - text-align: center; - display: block; - font-weight: bold; - padding: 1em 0px; - text-decoration: none; -} -.mail-list-wrapper { - background-color: #f6f7f8; - margin-bottom: 5px; - width: 100%; - height: auto; - overflow: hidden; -} -.mail-list-wrapper span { - display: block; - float: left; - width: 20%; - overflow: hidden; -} -.mail-list-wrapper .mail-subject { - width: 30%; - padding: 4px 0px 0px 4px; -} -.mail-list-wrapper .mail-subject a { - display: block; -} -.mail-list-wrapper .mail-subject.unseen a { - font-weight: bold; -} -.mail-list-wrapper .mail-date { - padding: 4px 4px 0px 4px; -} -.mail-list-wrapper .mail-from { - padding: 4px 4px 0px 4px; -} -.mail-list-wrapper .mail-count { - padding: 4px 4px 0px 4px; - text-align: right; -} -.mail-list-wrapper .mail-delete { - float: right; -} -#mail-display-subject { - background-color: #f6f7f8; - color: #2d2d2d; - margin-bottom: 10px; - width: 100%; - height: auto; - overflow: hidden; -} -#mail-display-subject span { - float: left; - overflow: hidden; - padding: 4px 0px 0px 10px; -} -#mail-display-subject .mail-delete { - float: right; - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -#mail-display-subject:hover .mail-delete { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #ff500f; - color: #1f1f1f; - z-index: 99; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; - background-image: linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -o-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -moz-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -webkit-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); -background-image: -ms-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%); - -background-image: -webkit-gradient( - linear, - left bottom, - left top, - color-stop(0.26, rgb(215,227,241)), - color-stop(0.82, rgb(255,255,255)) -); -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -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: #fff; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border-bottom: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #fff; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; - border: 1px solid black; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - font-size: 14px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/messages.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/notify.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../../../view/theme/diabook/diabook-aerith/icons/contacts.png"); - } - -nav #nav-apps-link.selected { - background-color: #fff; - moz-border-radius: 5px 5px 0 0; --webkit-border-radius: 5px 5px 0 0; -border-radius: 5px 5px 0 0; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #fff; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #3465A4; /*bdcdd4;*/ - color: #fff; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 425px !important; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: aliceBlue; - } -.menu-profile-list-item{ - padding-left: 5px; - vertical-align: middle; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-icon.home{ - background: url("../../../view/theme/diabook/diabook-aerith/icons/home.png") no-repeat; - float: left; - height: 22px; - width: 22px; - } -.menu-profile-icon.photos{ - background: url("../../../view/theme/diabook/diabook-aerith/icons/mess_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.events{ - background: url("../../../view/theme/diabook/diabook-aerith/icons/events.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.notes{ - background: url("../../../view/theme/diabook/diabook-aerith/icons/notes.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.foren{ - background: url("../../../view/theme/diabook/diabook-aerith/icons/pubgroups.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.com_side{ - background: url("../../../view/theme/diabook/diabook-aerith/icons/com_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.pscontacts{ - background: url("../../../view/theme/diabook/diabook-aerith/icons/pscontacts.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} -aside #page-sidebar{display: none;} -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 173px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; -} -aside #side-follow-url { - width: 173px; - } -aside #side-peoplefind-url { - width: 173px; - } -#contact-block { - overflow: auto; - height: auto; -} -aside #likes a, a:visited, a:link { - color: #3465A4; - text-decoration: none; - cursor: pointer; - -} -aside #likes a:hover{ - text-decoration: underline; - } - -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 55px; - height: 55px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -#login-submit-wrapper{ - - margin-bottom: 12px; - } -aside #login-submit-button{ - margin-left: 0px!important; - } -aside #login-extra-links{ - padding-top: 0px!important; - } -.group_selected { - background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center; - float: left; - height: 22px; - width: 22px; -} -.group_unselected { - background: url("../../../view/theme/diabook/icons/unselected.png") no-repeat left center; - float: left; - height: 22px; - width: 22px; -} -.icon.text_add { - background-image: url("../../../images/icons/16/add.png"); - float: right; - opacity: 0.2; - margin-right: 14px; - } -.icon.text_add:hover { - background-image: url("../../../images/icons/16/add.png"); - float: right; - cursor: pointer; - margin-right: 14px; - 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; - } -.icon.text_edit { - background-image: url("../../../images/icons/10/edit.png"); - opacity: 0.2; - margin-top: 6px; - float: right; - height: 10px; -} -.icon.text_edit:hover { - background-image: url("../../../images/icons/10/edit.png"); - opacity: 1; - margin-top: 6px; - float: right; - height: 10px; -} -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #3465A4; -} -.widget .tool.selected { - background: url("../../../view/theme/diabook/diabook-aerith/icons/selected.png") no-repeat left center; -} -/* widget: search */ -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: 800px; - padding: 0px 0px 0px 12px; -} -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 775px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } - -#birthday-wrapper a { - color: #3465A4; - } -/* wall item */ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: #3465A4; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} -.wall-item-photo-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} -.wall-item-photo-container .wall-item-info { - display: table-cell; - vertical-align: top; - text-align: left; - width: 80px; -} -.wall-item-photo-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-photo-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -/*marker*/ -.wall-item-photo-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - margin-bottom: 14px; -} -.wall-item-photo-container .wall-item-content img { - max-width: 700px; -} -.wall-item-photo-container .wall-item-links, .wall-item-photo-container .wall-item-actions { - display: table-cell; - vertical-align: middle; -} -.wall-item-photo-container .wall-item-links .icon, .wall-item-photo-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-photo-container .wall-item-links .icon:hover, .wall-item-photo-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-photo-container .wall-item-name { - font-weight: bold; -} -.wall-item-photo-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-photo-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-photo-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-photo-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-photo-container .wall-item-actions-tools a { - float: right; -} -.wall-item-photo-container .wall-item-actions-tools input { - float: right; -} -.wall-item-photo-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 40px; - width: 650px; - border-bottom: 1px solid #D2D2D2; -} -.wall-item-photo-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-photo-container { - display: table; - width: 780px; -} -.my-comment-photo { - width: 48px; - margin-left: 40px; - margin-right: 32px; - } -.comment-edit-preview { - width: 500px; - margin-top: 10px; -} -.comment-edit-text-empty { - width: 500px; - border: 1px solid #D2D2D2; - height: 3.2em; - color: #2d2d2d; -} -.comment-edit-text-full { - font-size: 12.5px; - height: 3.3em; - - border: 1px solid #D2D2D2; - width: 500px; -} -.comment-edit-photo { - margin: 10px 0 0; - display: table-cell; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - 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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell;done -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 1.6em ; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 785px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 783px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title, #profile-jot-form #jot-category { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 785px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; - -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - font-weight: bolder; - cursor: pointer; -} -.button.creation2 { - background-color: #3465A4; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - font-weight: bolder; - cursor: pointer; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #3465A4; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - margin-left: 5px; -} -//settings tabs -ul.rs_tabs { - list-style-type: none; - font-size: 11px; -} -ul.rs_tabs li { - float: left; - margin-bottom: 30px; - clear: both; -} -ul.rs_tabs li .selected { - background-color: #3465A4; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - font-size: 13px; -} -.rs_tabs { - list-style-type: none; - font-size: 11px; - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.rs_tab.button { - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: bolder; - padding: 3px; - color: #333333; - text-decoration: none; - } -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -.suggest-select { -width: 500px; -height: 350px; - } -.message-to-select { - width: 400px; - height: 150px; - } -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -16px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 55px; - height: 55px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { -position: relative; -width: 400px; -padding: 20px; -padding-top: 10px; -margin: 0 0px; -margin-bottom: 10px; -background-color: white; --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); -} -.vevent .event-location { - margin-left: 10px; - margin-right: 10px; -} -.vevent .event-description { -margin-left: 10px; -margin-right: 10px; -font-size: 1.1em; -font-weight: bolder; -} -.vevent .event-start, .vevent .event-end { - -margin-right: 20px; -margin-bottom: 2px; -margin-top: 2px; -font-size: 0.9em; -text-align: left; -} -.event-start .dtstart, .event-end .dtend { -float: right; -} - - -#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("../../../view/theme/diabook/icons/events2.png") !important; - 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; -} -.calendar.eventcal a { - color: #3465A4; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 10px; - } -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -section .directory-item dl { -height: auto; -overflow: auto; -} - -section .directory-item dt { -float: left; -margin-left: 0px; -text-align: right; -color: #999; -} - -section .directory-item dd { -float: left; -margin-left: 5px; -} - -.directory-profile-wrapper { -float: left; -max-height: 178px; -overflow: hidden; -width: 635px; -} - -.directory-copy-wrapper { -float:left; -overflow: hidden; -} - -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 800px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} - -section .directory-photo-wrapper { -float: left; -height: 200px; -width: 165px; -} - -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #3465A4; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-blue/style-network-wide.css b/view/theme/diabook/diabook-blue/style-network-wide.css deleted file mode 100644 index 61bbc812b..000000000 --- a/view/theme/diabook/diabook-blue/style-network-wide.css +++ /dev/null @@ -1,2629 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#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: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.contacts { - background-image: url("../diabook-blue/icons/contacts.png");} -.icon.notifications { - background-image: url("../diabook-blue/icons/notifications.png");} -.icon.notify { - background-image: url("../diabook-blue/icons/notify.png");} -.icon.messages { - background-image: url("../diabook-blue/icons/messages.png");} -.icon.community { - background-image: url("../diabook-blue/icons/community.png");} - -.icon.drop { background-image: url("../diabook-blue/icons/drop.png");} -.icon.drophide { background-image: url("../diabook-blue/icons/drop.png");} -.icon.dislike { background-image: url("../diabook-blue/icons/dislike.png");} -.icon.like { background-image: url("../diabook-blue/icons/like.png");} -.icon.pencil { background-image: url("../diabook-blue/icons/pencil.png");} -.icon.recycle { background-image: url("../diabook-blue/icons/recycle.png");} -.icon.remote-link { background-image: url("../diabook-blue/icons/remote.png");} -.icon.tagged { background-image: url("../diabook-blue/icons/tagged.png");} -.icon.file-as { background-image: url("../diabook-blue/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../diabook-blue/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../diabook-blue/icons/starred.png");} -.icon.link { background-image: url("../diabook-blue/icons/link.png");} -.icon.lock { background-image: url("../diabook-blue/icons/lock.png");} -.icon.unlock { background-image: url("../diabook-blue/icons/unlock.png");} -.icon.language { background-image: url("../diabook-blue/icons/language.png");} - - -.camera { background-image: url("../diabook-blue/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../diabook-blue/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../diabook-blue/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../diabook-blue/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../diabook-blue/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../diabook-blue/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../diabook-blue/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../diabook-blue/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../diabook-blue/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../diabook-blue/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} - - - - -.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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../diabook-blue/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../diabook-blue/icons/toogle_off.png"); background-repeat: no-repeat;} -.prev { background-position: -90px -60px;} -.next { background-position: -110px -60px;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../diabook-blue/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../diabook-blue/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 1px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - background-color: #fff; - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -h4 { - font-size: 1.1em; -} - -a { - color: #333333; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #1872A2; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -code { - font-family: Courier, monospace; - white-space: pre; - display: block; - overflow: auto; - border: 1px solid #444; - background: #EEE; - color: #444; - padding: 10px; - margin-top: 20px; -} -#panel { - position: absolute; - width: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover, -#fileas-sidebar .tool:hover { - background: #308DBF; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl div.notice { - background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #1872a2; - background-color: #1872a2; - z-index: 100; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: left; - width: 82%%; - margin-left: 25%; -} -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: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px; - position: absolute; - top: 10%; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #1872a2; - color: #ffffff; - z-index: 99; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #ffffff; - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - background-color: #308dbf; - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -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: #fff; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border-bottom: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #ff0000; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../diabook-blue/icons/messages2.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../diabook-blue/icons/notify2.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../diabook-blue/icons/contacts2.png"); - } - -nav #nav-apps-link.selected { - background-color: #364e59; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #308DBF; /*bdcdd4;*/ - color: #fff; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 400px; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #308DBF; - } -.menu-profile-list-item{ - padding-left: 5px; - vertical-align: middle; - } -.menu-profile-list-item:hover{ - text-decoration: none; - - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-icon.home{ - background: url("../diabook-blue/icons/home.png") no-repeat; - float: left; - height: 22px; - width: 22px; - } -.menu-profile-icon.photos{ - background: url("../diabook-blue/icons/mess_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.events{ - background: url("../diabook-blue/icons/events.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.notes{ - background: url("../diabook-blue/icons/notes.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.foren{ - background: url("../diabook-blue/icons/pubgroups.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.com_side{ - background: url("../diabook-blue/icons/com_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.pscontacts{ - background: url("../diabook-blue/icons/pscontacts.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} -aside #page-sidebar{display: none;} -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 150px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; --moz-border-bottom-colors: #dbdbdb; - -moz-border-top-colors: #999; - -moz-border-left-colors: #999; - -moz-border-right-colors: #dbdbdb; -} -aside #side-follow-url { - width: 150px; - } -aside #side-peoplefind-url { - width: 150px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 55px; - height: 55px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #1872A2; -} -.widget .tool.selected { - background: url("../diabook-blue/icons/selected.png") no-repeat left center; -} -/* widget: search */ -span.sbox_l { - background: white url('../diabook-blue/icons/srch_l.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-left: 10px; - margin-top: 5px; - -} - -span.sbox_r { - background: white url('../diabook-blue/icons/srch_r.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-top: 5px; -} - -span.sbox input { - background: white url('../diabook-blue/icons/srch_bg.gif') repeat-x top left; - float: left; - margin-top: 5px; - border: 0; - height: 13px; width: 100px; - padding: 3px; - font: 11px/13px arial; - color: #000; -} -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: auto; - padding: 0px 0px 0px 12px; -} - -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 575px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } - -/*marker*/ -right_aside { - display: table-cell; - vertical-align: top; - width: 180px; - /*border-left: 1px solid #D2D2D2;*/ - - /* background: #F1F1F1; */ -} -right_aside a{color: #1872A2;} -/*marker*/ -right_aside h3 {font-size: 1.05em; border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 9px; margin-bottom: 0px; -margin-top:30px;} -right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } -right_aside .directory-photo { margin: 0px; } -right_aside .directory-photo-img { max-width: 45px; max-height: 45px; } -right_aside #likes { margin: 0px; padding: 0px; list-style: none; } -right_aside .items-wrapper{ overflow: auto; width: 100%; } -right_aside #lastusers-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -right_aside #ra-photos-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} -#page-sidebar-right_aside ul {margin-top: 0px;} -#page-sidebar-right_aside .label {max-width: 128px;} -right_aside .icon {width: 10px; height: 10px;} -.close_box { - background-image: url("../diabook-blue/icons/close_box.png"); - float: right; - cursor: pointer; - opacity: 0.1; - } -.close_box:hover { - background-image: url("../diabook-blue/icons/close_box.png"); - float: right; - cursor: pointer; - 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 */ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: #1872A2; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} - -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - -} -/*marker*/ -.wall-item-container .wall-item-content img { - - -} -.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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} - -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; - background-color: #fff; - width: 500px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 2.0em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 585px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 583px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 585px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - cursor: pointer; - font-weight: bolder; -} -.button.creation2 { - background-color: #055580; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - cursor: pointer; - font-weight: bolder; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #055580; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; -} -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -20px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 55px; - height: 55px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { - -} -.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; -} -.calendar.eventcal a { - color: #1872A2; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } - -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 5px; - margin-top: 30px; - } -.comment-edit-text-empty { - margin: 10px 0 0; - width: 85%; -} -.comment-edit-photo { - margin: 10px 0 0; -} -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 200px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #1872A2; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-blue/style-profile-wide.css b/view/theme/diabook/diabook-blue/style-profile-wide.css deleted file mode 100644 index bad62f005..000000000 --- a/view/theme/diabook/diabook-blue/style-profile-wide.css +++ /dev/null @@ -1,2606 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#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: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.contacts { - background-image: url("../diabook-blue/icons/contacts.png");} -.icon.notifications { - background-image: url("../diabook-blue/icons/notifications.png");} -.icon.notify { - background-image: url("../diabook-blue/icons/notify.png");} -.icon.messages { - background-image: url("../diabook-blue/icons/messages.png");} -.icon.community { - background-image: url("../diabook-blue/icons/community.png");} - -.icon.drop { background-image: url("../diabook-blue/icons/drop.png");} -.icon.drophide { background-image: url("../diabook-blue/icons/drop.png");} -.icon.dislike { background-image: url("../diabook-blue/icons/dislike.png");} -.icon.like { background-image: url("../diabook-blue/icons/like.png");} -.icon.pencil { background-image: url("../diabook-blue/icons/pencil.png");} -.icon.recycle { background-image: url("../diabook-blue/icons/recycle.png");} -.icon.remote-link { background-image: url("../diabook-blue/icons/remote.png");} -.icon.tagged { background-image: url("../diabook-blue/icons/tagged.png");} -.icon.file-as { background-image: url("../diabook-blue/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../diabook-blue/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../diabook-blue/icons/starred.png");} -.icon.link { background-image: url("../diabook-blue/icons/link.png");} -.icon.lock { background-image: url("../diabook-blue/icons/lock.png");} -.icon.unlock { background-image: url("../diabook-blue/icons/unlock.png");} -.icon.language { background-image: url("../diabook-blue/icons/language.png");} - - -.camera { background-image: url("../diabook-blue/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../diabook-blue/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../diabook-blue/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../diabook-blue/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../diabook-blue/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../diabook-blue/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../diabook-blue/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../diabook-blue/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../diabook-blue/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../diabook-blue/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} - - - - -.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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../diabook-blue/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../diabook-blue/icons/toogle_off.png"); background-repeat: no-repeat;} -.prev { background-position: -90px -60px;} -.next { background-position: -110px -60px;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../diabook-blue/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../diabook-blue/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 5px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - border-top: 1px solid #BDCDD4; - - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -h4 { - font-size: 1.1em; -} - -a { - color: #333333; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #1872A2; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -code { - font-family: Courier, monospace; - white-space: pre; - display: block; - overflow: auto; - border: 1px solid #444; - background: #EEE; - color: #444; - padding: 10px; - margin-top: 20px; -} -#panel { - position: absolute; - width: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover { - background: #EEE; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl div.notice { - background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #1872a2; - background-color: #1872a2; - z-index: 100; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: left; - width: 82%%; - margin-left: 25%; -} -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: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px; - position: absolute; - top: 10%; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #1872a2; - color: #ffffff; - z-index: 99; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #ffffff; - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - background-color: #308dbf; - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -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: #fff; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border-bottom: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #ff0000; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../diabook-blue/icons/messages2.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../diabook-blue/icons/notify2.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../diabook-blue/icons/contacts2.png"); - } - -nav #nav-apps-link.selected { - background-color: #364e59; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #308DBF; /*bdcdd4;*/ - color: #fff; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 400px; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - padding-top: 3px; - padding-bottom: 3px; - padding-left: 16px; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #EEE; - } -.menu-profile-list-item{ - padding-left: 5px; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-list.home{ - background: url("../diabook-blue/icons/home.png") no-repeat; - } -.menu-profile-list.photos{ - background: url("../diabook-blue/icons/mess_side.png") no-repeat; - } -.menu-profile-list.events{ - background: url("../diabook-blue/icons/events.png") no-repeat; - } -.menu-profile-list.notes{ - background: url("../diabook-blue/icons/notes.png") no-repeat; - } -.menu-profile-list.foren{ - background: url("../diabook-blue/icons/pubgroups.png") no-repeat; - } -.menu-profile-list.com_side{ - background: url("../diabook-blue/icons/com_side.png") no-repeat; - } - -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} - -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 150px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; -} -aside #side-follow-url { - width: 150px; - } -aside #side-peoplefind-url { - width: 150px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 48px; - height: 48px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #1872A2; -} -.widget .tool.selected { - background: url("../diabook-blue/icons/selected.png") no-repeat left center; -} -/* widget: search */ -span.sbox_l { - background: white url('../diabook-blue/icons/srch_l.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-left: 10px; - margin-top: 5px; - -} - -span.sbox_r { - background: white url('../diabook-blue/icons/srch_r.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-top: 5px; -} - -span.sbox input { - background: white url('../diabook-blue/icons/srch_bg.gif') repeat-x top left; - float: left; - margin-top: 5px; - border: 0; - height: 13px; width: 100px; - padding: 3px; - font: 11px/13px arial; - color: #000; -} -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: 611px; - padding: 0px 0px 0px 12px; -} - -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 575px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } - -/*marker*/ -right_aside { - display: table-cell; - vertical-align: top; - width: 180px; - /*border-left: 1px solid #D2D2D2;*/ - - /* background: #F1F1F1; */ -} -right_aside a{color: #1872A2;} -/*marker*/ -right_aside h3 {font-size: 1.05em; border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 9px; margin-bottom: 0px; -margin-top:30px;} -right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } -right_aside .directory-photo { margin: 0px; } -right_aside .directory-photo-img { max-width: 45px; max-height: 45px; } -right_aside #likes { margin: 0px; padding: 0px; list-style: none; } -right_aside .items-wrapper{ overflow: auto; width: 100%; } -right_aside #lastusers-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -right_aside #ra-photos-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} -#page-sidebar-right_aside ul {margin-top: 0px;} -#page-sidebar-right_aside .label {max-width: 128px;} -right_aside .icon {width: 10px; height: 10px;} -.close_box { - background-image: url("../diabook-blue/icons/close_box.png"); - float: right; - cursor: pointer; - opacity: 0.1; - } -.close_box:hover { - background-image: url("../diabook-blue/icons/close_box.png"); - float: right; - cursor: pointer; - 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 */ -/*marker*/ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: #1872A2; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} - -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - -} -/*marker*/ -.wall-item-container .wall-item-content img { - - -} -.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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 2.0em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 585px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 583px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 585px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - font-size: 14px; -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - cursor: pointer; - font-weight: bolder; -} -.button.creation2 { - background-color: #055580; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - cursor: pointer; - font-weight: bolder; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #055580; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; -} -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -20px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 48px; - height: 48px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { - -} -.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; -} -.calendar.eventcal a { - color: #1872A2; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } - -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 5px; - margin-top: 30px; - } -.comment-edit-text-empty { - margin: 10px 0 0; - width: 85%; -} -.comment-edit-photo { - margin: 10px 0 0; -} -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 200px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #1872A2; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-blue/style-wide.css b/view/theme/diabook/diabook-blue/style-wide.css deleted file mode 100644 index fe1e8f662..000000000 --- a/view/theme/diabook/diabook-blue/style-wide.css +++ /dev/null @@ -1,2968 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#pending-update { - float:right; - color: #ffffff; - font-weight: bold; - background-color: #FF0000; - padding: 0em 0.3em; -} - -.admin.linklist { - border: 0px; padding: 0px; - list-style: none; -} - -.admin.link { - list-style-position: inside; - font-size: 1em; - padding: 5px; - width: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ -.icon.bb-url{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/bb-url.png"); - float: right; - margin-top: 2px;} -.icon.quote{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/quote.png"); - float: right; - margin-top: 2px;} -.icon.bold{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/bold.png"); - float: right; - margin-top: 2px;} -.icon.underline{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/underline.png"); - float: right; - margin-top: 2px;} -.icon.italic{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/italic.png"); - float: right; - margin-top: 2px;} -.icon.bb-image{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/bb-image.png"); - float: right; - margin-top: 2px;} -.icon.bb-video{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/bb-video.png"); - float: right; - margin-top: 2px;} - -.icon.contacts { - background-image: url("../../../view/theme/diabook/diabook-blue/icons/contacts.png");} -.icon.notifications { - background-image: url("../../../view/theme/diabook/diabook-blue/icons/notifications.png");} -.icon.notify { - background-image: url("../../../view/theme/diabook/diabook-blue/icons/notify.png");} -.icon.messages { - background-image: url("../../../view/theme/diabook/diabook-blue/icons/messages.png");} -.icon.community { - background-image: url("../../../view/theme/diabook/diabook-blue/icons/community.png");} - -.icon.drop { background-image: url("../../../view/theme/diabook/diabook-blue/icons/drop.png");} -.icon.drophide { background-image: url("../../../view/theme/diabook/diabook-blue/icons/drop.png");} -.icon.dislike { background-image: url("../../../view/theme/diabook/diabook-blue/icons/dislike.png");} -.icon.like { background-image: url("../../../view/theme/diabook/diabook-blue/icons/like.png");} -.icon.pencil { background-image: url("../../../view/theme/diabook/diabook-blue/icons/pencil.png");} -.icon.recycle { background-image: url("../../../view/theme/diabook/diabook-blue/icons/recycle.png");} -.icon.remote-link { background-image: url("../../../view/theme/diabook/diabook-blue/icons/remote.png");} -.icon.tagged { background-image: url("../../../view/theme/diabook/diabook-blue/icons/tagged.png");} -.icon.file-as { background-image: url("../../../view/theme/diabook/diabook-blue/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../../../view/theme/diabook/diabook-blue/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../../../view/theme/diabook/diabook-blue/icons/starred.png");} -.icon.link { background-image: url("../../../view/theme/diabook/diabook-blue/icons/link.png");} -.icon.lock { background-image: url("../../../view/theme/diabook/diabook-blue/icons/lock.png");} -.icon.unlock { background-image: url("../../../view/theme/diabook/diabook-blue/icons/unlock.png");} -.icon.language { background-image: url("../../../view/theme/diabook/diabook-blue/icons/language.png");} - - -.camera { background-image: url("../../../view/theme/diabook/diabook-blue/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../../../view/theme/diabook/diabook-blue/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../../../view/theme/diabook/diabook-blue/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../../../view/theme/diabook/diabook-blue/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../../../view/theme/diabook/diabook-blue/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../../../view/theme/diabook/diabook-blue/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../../../view/theme/diabook/diabook-blue/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../../../view/theme/diabook/diabook-blue/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../../../view/theme/diabook/diabook-blue/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../../../view/theme/diabook/diabook-blue/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} -.icon.block {background-image: url("../../../view/theme/diabook/icons/block.png"); - display: block; width: 16px; height: 16px; background-repeat: no-repeat;} -.icon.block.dim {background-image: url("../../../view/theme/diabook/icons/block.png"); - display: block; width: 16px; height: 16px; background-repeat: no-repeat; opacity: 0.3;} -.icon.ad_drop { background-image: url("../../../view/theme/diabook/icons/drop.png"); - display: block; margin-left:5px; width: 16px; height: 16px; background-repeat: no-repeat;} - - - -.article { background-position: -50px 0px;} -/*.audio { background-position: -70px 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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../../../view/theme/diabook/diabook-blue/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../../../view/theme/diabook/diabook-blue/icons/toogle_off.png"); background-repeat: no-repeat;} -.icon.prev { background-image: url("../../../view/theme/diabook/diabook-blue/icons/prev.png"); background-repeat: no-repeat;} -.icon.next { background-image: url("../../../view/theme/diabook/diabook-blue/icons/next.png"); background-repeat: no-repeat;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 5px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -#jappix_mini { -right: 45px !important; -} - - -h4 { - font-size: 1.1em; -} - -a { - color: #333333; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #1872A2; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -.intro-end { - border-bottom: 1px solid black; - clear: both; - margin-bottom: 25px; - padding-bottom: 25px; - width: 75%; - } -.intro-form-end { - clear: both; - } -.intro-fullname { - padding-bottom: 5px; - padding-top: 5px; - } -.intro-wrapper-end { - clear: both; - padding-bottom: 5px; - } -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: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover, -#fileas-sidebar .tool:hover { - background: #308DBF; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl.top-right { top: 30px; /* put it below header/nav bar */ } -div.jGrowl div.notice { - background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #1872a2; - background-color: #1872a2; - z-index: 100; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: banner; - width: 82%; - margin-left: 25%; -} -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: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px!important;position: relative!important;top: -4px!important; -} -/* messages */ -#message-new { - background: #055580; - border: 1px solid #333; - width: 150px; -} -#message-new a { - color: #ffffff; - text-align: center; - display: block; - font-weight: bold; - padding: 1em 0px; - text-decoration: none; -} -.mail-list-wrapper { - background-color: #f6f7f8; - margin-bottom: 5px; - width: 100%; - height: auto; - overflow: hidden; -} -.mail-list-wrapper span { - display: block; - float: left; - width: 20%; - overflow: hidden; -} -.mail-list-wrapper .mail-subject { - width: 30%; - padding: 4px 0px 0px 4px; -} -.mail-list-wrapper .mail-subject a { - display: block; -} -.mail-list-wrapper .mail-subject.unseen a { - font-weight: bold; -} -.mail-list-wrapper .mail-date { - padding: 4px 4px 0px 4px; -} -.mail-list-wrapper .mail-from { - padding: 4px 4px 0px 4px; -} -.mail-list-wrapper .mail-count { - padding: 4px 4px 0px 4px; - text-align: right; -} -.mail-list-wrapper .mail-delete { - float: right; -} -#mail-display-subject { - background-color: #f6f7f8; - color: #2d2d2d; - margin-bottom: 10px; - width: 100%; - height: auto; - overflow: hidden; -} -#mail-display-subject span { - float: left; - overflow: hidden; - padding: 4px 0px 0px 10px; -} -#mail-display-subject .mail-delete { - float: right; - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -#mail-display-subject:hover .mail-delete { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #1872a2; - color: #ffffff; - z-index: 99; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #ffffff; - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - background-color: #308dbf; - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -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: #fff; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border-bottom: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #ff0000; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/messages2.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/notify2.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/contacts2.png"); - } - -nav #nav-apps-link.selected { - background-color: #364e59; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #308DBF; /*bdcdd4;*/ - color: #fff; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 425px !important; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #308DBF; - } -.menu-profile-list-item{ - padding-left: 5px; - vertical-align: middle; - } -.menu-profile-list-item:hover{ - text-decoration: none; - - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-icon.home{ - background: url("../../../view/theme/diabook/diabook-blue/icons/home.png") no-repeat; - float: left; - height: 22px; - width: 22px; - } -.menu-profile-icon.photos{ - background: url("../../../view/theme/diabook/diabook-blue/icons/mess_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.events{ - background: url("../../../view/theme/diabook/diabook-blue/icons/events.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.notes{ - background: url("../../../view/theme/diabook/diabook-blue/icons/notes.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.foren{ - background: url("../../../view/theme/diabook/diabook-blue/icons/pubgroups.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.com_side{ - background: url("../../../view/theme/diabook/diabook-blue/icons/com_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.pscontacts{ - background: url("../../../view/theme/diabook/diabook-blue/icons/pscontacts.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} -aside #page-sidebar{display: none;} -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 173px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; -} -aside #side-follow-url { - width: 173px; - } -aside #side-peoplefind-url { - width: 173px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 55px; - height: 55px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -#login-submit-wrapper{ - - margin-bottom: 12px; - } -aside #login-submit-button{ - margin-left: 0px!important; - } -aside #login-extra-links{ - padding-top: 0px!important; - } -.group_selected { - background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center; - float: left; - height: 22px; - width: 22px; -} -.group_unselected { - background: url("../../../view/theme/diabook/icons/unselected.png") no-repeat left center; - float: left; - height: 22px; - width: 22px; -} -.icon.text_add { - background-image: url("../../../images/icons/16/add.png"); - float: right; - opacity: 0.2; - margin-right: 14px; - } -.icon.text_add:hover { - background-image: url("../../../images/icons/16/add.png"); - float: right; - cursor: pointer; - margin-right: 14px; - 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; - } -.icon.text_edit { - background-image: url("../../../images/icons/10/edit.png"); - opacity: 0.2; - margin-top: 6px; - float: right; - height: 10px; -} -.icon.text_edit:hover { - background-image: url("../../../images/icons/10/edit.png"); - opacity: 1; - margin-top: 6px; - float: right; - height: 10px; -} -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #1872A2; -} -.widget .tool.selected { - background: url("../../../view/theme/diabook/diabook-blue/icons/selected.png") no-repeat left center; -} -/* widget: search */ -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: 800px; - padding: 0px 0px 0px 12px; -} -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 775px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } -/* wall item */ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: #1872A2; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} -.wall-item-photo-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} -.wall-item-photo-container .wall-item-info { - display: table-cell; - vertical-align: top; - text-align: left; - width: 80px; -} -.wall-item-photo-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-photo-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -/*marker*/ -.wall-item-photo-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - margin-bottom: 14px; -} -.wall-item-photo-container .wall-item-content img { - max-width: 700px; -} -.wall-item-photo-container .wall-item-links, .wall-item-photo-container .wall-item-actions { - display: table-cell; - vertical-align: middle; -} -.wall-item-photo-container .wall-item-links .icon, .wall-item-photo-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-photo-container .wall-item-links .icon:hover, .wall-item-photo-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-photo-container .wall-item-name { - font-weight: bold; -} -.wall-item-photo-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-photo-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-photo-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-photo-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-photo-container .wall-item-actions-tools a { - float: right; -} -.wall-item-photo-container .wall-item-actions-tools input { - float: right; -} -.wall-item-photo-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 40px; - width: 650px; - border-bottom: 1px solid #D2D2D2; -} -.wall-item-photo-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-photo-container { - display: table; - width: 780px; -} -.my-comment-photo { - width: 48px; - margin-left: 40px; - margin-right: 32px; - } -.comment-edit-preview { - width: 500px; - margin-top: 10px; -} -.comment-edit-text-empty { - width: 500px; - border: 1px solid #D2D2D2; - height: 3.2em; - color: #2d2d2d; -} -.comment-edit-text-full { - font-size: 12.5px; - height: 3.3em; - - border: 1px solid #D2D2D2; - width: 500px; -} -.comment-edit-photo { - margin: 10px 0 0; - display: table-cell; -} - - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - 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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell;done -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 2.0em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 785px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 783px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title, #profile-jot-form #jot-category { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 785px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - cursor: pointer; - font-weight: bolder; -} -.button.creation2 { - background-color: #055580; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - cursor: pointer; - font-weight: bolder; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #055580; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; -} -//settings tabs -ul.rs_tabs { - list-style-type: none; - font-size: 11px; -} -ul.rs_tabs li { - float: left; - margin-bottom: 30px; - clear: both; -} -ul.rs_tabs li .selected { - background-color: #055580; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - font-size: 13px; -} -.rs_tabs { - list-style-type: none; - font-size: 11px; - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.rs_tab.button { - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: bolder; - padding: 3px; - color: #333333; - text-decoration: none; - } -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -.suggest-select { -width: 500px; -height: 350px; - } -.message-to-select { - width: 400px; - height: 150px; - } -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -20px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 55px; - height: 55px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { -position: relative; -width: 400px; -padding: 20px; -padding-top: 10px; -margin: 0 0px; -margin-bottom: 10px; -background-color: white; --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); -} -.vevent .event-location { - margin-left: 10px; - margin-right: 10px; -} -.vevent .event-description { -margin-left: 10px; -margin-right: 10px; -font-size: 1.1em; -font-weight: bolder; -} -.vevent .event-start, .vevent .event-end { - -margin-right: 20px; -margin-bottom: 2px; -margin-top: 2px; -font-size: 0.9em; -text-align: left; -} -.event-start .dtstart, .event-end .dtend { -float: right; -} - - -#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("../../../view/theme/diabook/icons/events2.png") !important; - 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; -} -.calendar.eventcal a { - color: #1872A2; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 10px; - } -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -section .directory-item dl { -height: auto; -overflow: auto; -} - -section .directory-item dt { -float: left; -margin-left: 0px; -text-align: right; -color: #999; -} - -section .directory-item dd { -float: left; -margin-left: 5px; -} - -.directory-profile-wrapper { -float: left; -max-height: 178px; -overflow: hidden; -width: 635px; -} - -.directory-copy-wrapper { -float:left; -overflow: hidden; -} - -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 800px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} - -section .directory-photo-wrapper { -float: left; -height: 200px; -width: 165px; -} - -.contact-name { - text-align: left; - font-weight: bold; - font-size: 18px; - margin-bottom: -3px; -} -.contact-details { - color: #999999; -} - - -.page-type { -font-size: 10px; -font-style: italic; -} - -.directory-detailscolumn-wrapper { -float: left; -width: 305px; -margin-right: 10px; -} - -.directory-profile-wrapper d1 { -margin-top: 3px; -margin-bottom: 3px; -} - -.directory-profile-title { -font-weight: bold; -margin-bottom: 3px -font-size: 14px; -} - - -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #1872A2; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-dark/style-network-wide.css b/view/theme/diabook/diabook-dark/style-network-wide.css deleted file mode 100644 index 23118a2cd..000000000 --- a/view/theme/diabook/diabook-dark/style-network-wide.css +++ /dev/null @@ -1,2645 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#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: 100px; - 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 #2e2f2e; - margin-bottom: 5px; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.contacts { - background-image: url("../diabook-dark/icons/contacts.png");} -.icon.notifications { - background-image: url("../diabook-dark/icons/notifications.png");} -.icon.notify { - background-image: url("../diabook-dark/icons/notify.png");} -.icon.messages { - background-image: url("../diabook-dark/icons/messages.png");} -.icon.community { - background-image: url("../diabook-dark/icons/community.png");} - -.icon.drop { background-image: url("../diabook-dark/icons/drop.png");} -.icon.drophide { background-image: url("../diabook-dark/icons/drop.png");} -.icon.dislike { background-image: url("../diabook-dark/icons/dislike.png");} -.icon.like { background-image: url("../diabook-dark/icons/like.png");} -.icon.pencil { background-image: url("../diabook-dark/icons/pencil.png");} -.icon.recycle { background-image: url("../diabook-dark/icons/recycle.png");} -.icon.remote-link { background-image: url("../diabook-dark/icons/remote.png");} -.icon.tagged { background-image: url("../diabook-dark/icons/tagged.png");} -.icon.file-as { background-image: url("../diabook-dark/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../diabook-dark/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../diabook-dark/icons/starred.png");} -.icon.link { background-image: url("../diabook-dark/icons/link.png");} -.icon.lock { background-image: url("../diabook-dark/icons/lock.png");} -.icon.unlock { background-image: url("../diabook-dark/icons/unlock.png");} -.icon.language { background-image: url("../diabook-dark/icons/language.png");} - - -.camera { background-image: url("../diabook-dark/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../diabook-dark/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../diabook-dark/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../diabook-dark/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../diabook-dark/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../diabook-dark/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../diabook-dark/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../diabook-dark/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../diabook-dark/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../diabook-dark/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} - - - - -.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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../diabook-dark/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../diabook-dark/icons/toogle_off.png"); background-repeat: no-repeat;} -.prev { background-position: -90px -60px;} -.next { background-position: -110px -60px;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../diabook-dark/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../diabook-dark/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 1px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - background-color: #fff; - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #2e2f2e; - color: #eec; - margin: 50px auto auto; - display: table; -} - -h4 { - font-size: 1.1em; -} - -a { - color: #88a9d2; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #729fcf; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -code { - font-family: Courier, monospace; - white-space: pre; - display: block; - overflow: auto; - border: 1px solid #ccc; - background: #EEE; - color: #2e2f2e; - padding: 10px; - margin-top: 20px; -} -#panel { - position: absolute; - width: 12em; - background: #2e302e; - color: #eeeeec; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #fff; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover , -#fileas-sidebar .tool:hover { - background: aliceBlue; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: #3465A4; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl div.notice { - background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #1d1f1d; - background-color: #1d1f1d; - color: #eeeeec; - z-index: 100; - -webkit-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: left; - width: 82%%; - margin-left: 25%; -} -header #banner a, -header #banner a:active, -header #banner a:visited, -header #banner a:link, -header #banner a:hover { - color: black; - text-decoration: none; - outline: none; - vertical-align: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px; - position: absolute; - top: 10%; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #1d1f1d; - color: #eeeeec; - z-index: 99; - -webkit-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - /*color: #1f1f1f;*/ - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} - -/*color*/ -nav .nav-menu-icon.selected { - background-color: #fff; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #fff; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; - border: 1px solid black; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - font-size: 14px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../diabook-dark/icons/messages.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../diabook-dark/icons/notify.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../diabook-dark/icons/contacts.png"); - } - -nav #nav-apps-link.selected { - background-color: #fff; - moz-border-radius: 5px 5px 0 0; --webkit-border-radius: 5px 5px 0 0; -border-radius: 5px 5px 0 0; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #F5FCF5; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #B8EDB8; /*bdcdd4;*/ - color: #000; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #555753; - color: #fff; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #555753; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #eeeeec; -} -#nav-notifications-menu { - width: 400px; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; - -} -#profile_side a{ - color: #333; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #B8EDB8; - } -.menu-profile-list-item{ - padding-left: 5px; - vertical-align: middle; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-icon.home{ - background: url("../diabook-dark/icons/home.png") no-repeat; - float: left; - height: 22px; - width: 22px; - } -.menu-profile-icon.photos{ - background: url("../diabook-dark/icons/mess_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.events{ - background: url("../diabook-dark/icons/events.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.notes{ - background: url("../diabook-dark/icons/notes.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.foren{ - background: url("../diabook-dark/icons/pubgroups.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.com_side{ - background: url("../diabook-dark/icons/com_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.pscontacts{ - background: url("../diabook-dark/icons/pscontacts.png") no-repeat; - float: left; - height: 22px; - width: 22px;} - -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #729fcf; - float: left; - /* background: #F1F1F1; */ -} -aside #page-sidebar{display: none;} -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #729fcf; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #eec; - background: #3465a4 url('../../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 150px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; --moz-border-bottom-colors: #dbdbdb; - -moz-border-top-colors: #999; - -moz-border-left-colors: #999; - -moz-border-right-colors: #dbdbdb; -} -aside #side-follow-url { - width: 150px; - } -aside #side-peoplefind-url { - width: 150px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 55px; - height: 55px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #3465A4; -} -.widget .tool.selected { - background: url("../diabook-dark/icons/selected.png") no-repeat left center; -} -/* widget: search */ -span.sbox_l { - background: white url('../diabook/icons/srch_l.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-left: 10px; - margin-top: 5px; - -} - -span.sbox_r { - background: white url('../diabook/icons/srch_r.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-top: 5px; -} - -span.sbox input { - background: white url('../diabook/icons/srch_bg.gif') repeat-x top left; - float: left; - margin-top: 5px; - border: 0; - height: 13px; width: 100px; - padding: 3px; - font: 11px/13px arial; - color: #000; -} -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: auto; - padding: 0px 0px 0px 12px; -} - -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 575px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #729fcf; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #2e2f2e; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } -#birthday-wrapper a { - color: #3465A4; - } - -/*marker*/ -right_aside { - display: table-cell; - vertical-align: top; - width: 180px; - /*border-left: 1px solid #D2D2D2;*/ - - /* background: #F1F1F1; */ -} -right_aside a{color: #3465A4;} -/*marker*/ -right_aside h3 {font-size: 1.05em; border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 9px; margin-bottom: 0px; -margin-top:30px;} -right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } -right_aside .directory-photo { margin: 0px; } -right_aside .directory-photo-img { max-width: 45px; max-height: 45px; } -right_aside #likes { margin: 0px; padding: 0px; list-style: none; } -right_aside .items-wrapper{ overflow: auto; width: 100%; } -right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: auto; width: 100%; } -right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; } -#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} -#page-sidebar-right_aside ul {margin-top: 0px;} -#page-sidebar-right_aside .label {max-width: 128px;} -right_aside .icon {width: 10px; height: 10px;} -.close_box { - background-image: url("../diabook-dark/icons/close_box.png"); - float: right; - cursor: pointer; - opacity: 0.1; - } -.close_box:hover { - background-image: url("../diabook-dark/icons/close_box.png"); - float: right; - cursor: pointer; - 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 */ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: #194719; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} - -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - -} -/*marker*/ -.wall-item-container .wall-item-content img { - - -} -.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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} - -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; -/* background-color: #fff; */ - width: 500px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 2.0em; - width: 100%; - font-size: 10px; -/* color: #999999; - border: 1px solid #DDD; */ - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - /* color: #2d2d2d; - border: 1px solid #2d2d2d; */ -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #c8bebe; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #3e3f3e; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #3e3f3e; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; -/* background: #FFFFFF; - border: 2px solid #364e59; */ - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 585px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 583px; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 585px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; - -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - cursor: pointer; - font-weight: bolder; -} -.button.creation2 { - background-color: #194719; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - cursor: pointer; - font-weight: bolder; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #3465A4; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - margin-left: 5px; -} -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -16px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 55px; - height: 55px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { - -} -.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; -} -.calendar.eventcal a { - color: #3465A4; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } - -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 5px; - margin-top: 30px; - } -.comment-edit-text-empty { - margin: 10px 0 0; - width: 85%; -} -.comment-edit-photo { - margin: 10px 0 0; -} -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 200px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #3465A4; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-dark/style-profile-wide.css b/view/theme/diabook/diabook-dark/style-profile-wide.css deleted file mode 100644 index ad6b7ca21..000000000 --- a/view/theme/diabook/diabook-dark/style-profile-wide.css +++ /dev/null @@ -1,2606 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#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: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.contacts { - background-image: url("../diabook-blue/icons/contacts.png");} -.icon.notifications { - background-image: url("../diabook-blue/icons/notifications.png");} -.icon.notify { - background-image: url("../diabook-blue/icons/notify.png");} -.icon.messages { - background-image: url("../diabook-blue/icons/messages.png");} -.icon.community { - background-image: url("../diabook-blue/icons/community.png");} - -.icon.drop { background-image: url("../diabook-blue/icons/drop.png");} -.icon.drophide { background-image: url("../diabook-blue/icons/drop.png");} -.icon.dislike { background-image: url("../diabook-blue/icons/dislike.png");} -.icon.like { background-image: url("../diabook-blue/icons/like.png");} -.icon.pencil { background-image: url("../diabook-blue/icons/pencil.png");} -.icon.recycle { background-image: url("../diabook-blue/icons/recycle.png");} -.icon.remote-link { background-image: url("../diabook-blue/icons/remote.png");} -.icon.tagged { background-image: url("../diabook-blue/icons/tagged.png");} -.icon.file-as { background-image: url("../diabook-blue/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../diabook-blue/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../diabook-blue/icons/starred.png");} -.icon.link { background-image: url("../diabook-blue/icons/link.png");} -.icon.lock { background-image: url("../diabook-blue/icons/lock.png");} -.icon.unlock { background-image: url("../diabook-blue/icons/unlock.png");} -.icon.language { background-image: url("../diabook-blue/icons/language.png");} - - -.camera { background-image: url("../diabook-blue/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../diabook-blue/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../diabook-blue/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../diabook-blue/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../diabook-blue/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../diabook-blue/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../diabook-blue/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../diabook-blue/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../diabook-blue/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../diabook-blue/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} - - - - -.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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../diabook-blue/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../diabook-blue/icons/toogle_off.png"); background-repeat: no-repeat;} -.prev { background-position: -90px -60px;} -.next { background-position: -110px -60px;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../diabook-blue/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../diabook-blue/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 5px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - border-top: 1px solid #BDCDD4; - - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -h4 { - font-size: 1.1em; -} - -a { - color: #333333; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #1872A2; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -code { - font-family: Courier, monospace; - white-space: pre; - display: block; - overflow: auto; - border: 1px solid #444; - background: #EEE; - color: #444; - padding: 10px; - margin-top: 20px; -} -#panel { - position: absolute; - width: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover { - background: #EEE; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl div.notice { - background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #1872a2; - background-color: #1872a2; - z-index: 100; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: left; - width: 82%%; - margin-left: 25%; -} -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: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px; - position: absolute; - top: 10%; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #1872a2; - color: #ffffff; - z-index: 99; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #ffffff; - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - background-color: #308dbf; - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -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: #fff; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border-bottom: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #ff0000; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../diabook-blue/icons/messages2.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../diabook-blue/icons/notify2.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../diabook-blue/icons/contacts2.png"); - } - -nav #nav-apps-link.selected { - background-color: #364e59; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #308DBF; /*bdcdd4;*/ - color: #fff; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 400px; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - padding-top: 3px; - padding-bottom: 3px; - padding-left: 16px; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #EEE; - } -.menu-profile-list-item{ - padding-left: 5px; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-list.home{ - background: url("../diabook-blue/icons/home.png") no-repeat; - } -.menu-profile-list.photos{ - background: url("../diabook-blue/icons/mess_side.png") no-repeat; - } -.menu-profile-list.events{ - background: url("../diabook-blue/icons/events.png") no-repeat; - } -.menu-profile-list.notes{ - background: url("../diabook-blue/icons/notes.png") no-repeat; - } -.menu-profile-list.foren{ - background: url("../diabook-blue/icons/pubgroups.png") no-repeat; - } -.menu-profile-list.com_side{ - background: url("../diabook-blue/icons/com_side.png") no-repeat; - } - -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} - -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 150px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; -} -aside #side-follow-url { - width: 150px; - } -aside #side-peoplefind-url { - width: 150px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 48px; - height: 48px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #1872A2; -} -.widget .tool.selected { - background: url("../diabook-blue/icons/selected.png") no-repeat left center; -} -/* widget: search */ -span.sbox_l { - background: white url('../diabook/icons/srch_l.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-left: 10px; - margin-top: 5px; - -} - -span.sbox_r { - background: white url('../diabook/icons/srch_r.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-top: 5px; -} - -span.sbox input { - background: white url('../diabook/icons/srch_bg.gif') repeat-x top left; - float: left; - margin-top: 5px; - border: 0; - height: 13px; width: 100px; - padding: 3px; - font: 11px/13px arial; - color: #000; -} -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: 611px; - padding: 0px 0px 0px 12px; -} - -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 575px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } - -/*marker*/ -right_aside { - display: table-cell; - vertical-align: top; - width: 180px; - /*border-left: 1px solid #D2D2D2;*/ - - /* background: #F1F1F1; */ -} -right_aside a{color: #1872A2;} -/*marker*/ -right_aside h3 {font-size: 1.05em; border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 9px; margin-bottom: 0px; -margin-top:30px;} -right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } -right_aside .directory-photo { margin: 0px; } -right_aside .directory-photo-img { max-width: 45px; max-height: 45px; } -right_aside #likes { margin: 0px; padding: 0px; list-style: none; } -right_aside .items-wrapper{ overflow: auto; width: 100%; } -right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: auto; width: 100%; } -right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; } -#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} -#page-sidebar-right_aside ul {margin-top: 0px;} -#page-sidebar-right_aside .label {max-width: 128px;} -right_aside .icon {width: 10px; height: 10px;} -.close_box { - background-image: url("../diabook-blue/icons/close_box.png"); - float: right; - cursor: pointer; - opacity: 0.1; - } -.close_box:hover { - background-image: url("../diabook-blue/icons/close_box.png"); - float: right; - cursor: pointer; - 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 */ -/*marker*/ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: #1872A2; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} - -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - -} -/*marker*/ -.wall-item-container .wall-item-content img { - - -} -.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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 2.0em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 585px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 583px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 585px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - font-size: 14px; -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - cursor: pointer; - font-weight: bolder; -} -.button.creation2 { - background-color: #055580; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - cursor: pointer; - font-weight: bolder; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #055580; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; -} -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -20px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 48px; - height: 48px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { - -} -.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; -} -.calendar.eventcal a { - color: #1872A2; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } - -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 5px; - margin-top: 30px; - } -.comment-edit-text-empty { - margin: 10px 0 0; - width: 85%; -} -.comment-edit-photo { - margin: 10px 0 0; -} -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 200px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #1872A2; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-dark/style-wide.css b/view/theme/diabook/diabook-dark/style-wide.css deleted file mode 100644 index 3475408b2..000000000 --- a/view/theme/diabook/diabook-dark/style-wide.css +++ /dev/null @@ -1,2898 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#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: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ -.icon.bb-url{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/bb-url.png"); - float: right; - margin-top: 2px;} -.icon.quote{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/quote.png"); - float: right; - margin-top: 2px;} -.icon.bold{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/bold.png"); - float: right; - margin-top: 2px;} -.icon.underline{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/underline.png"); - float: right; - margin-top: 2px;} -.icon.italic{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/italic.png"); - float: right; - margin-top: 2px;} -.icon.bb-image{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/bb-image.png"); - float: right; - margin-top: 2px;} -.icon.bb-video{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/bb-video.png"); - float: right; - margin-top: 2px;} - -.icon.contacts { - background-image: url("../../../view/theme/diabook/diabook-blue/icons/contacts.png");} -.icon.notifications { - background-image: url("../../../view/theme/diabook/diabook-blue/icons/notifications.png");} -.icon.notify { - background-image: url("../../../view/theme/diabook/diabook-blue/icons/notify.png");} -.icon.messages { - background-image: url("../../../view/theme/diabook/diabook-blue/icons/messages.png");} -.icon.community { - background-image: url("../../../view/theme/diabook/diabook-blue/icons/community.png");} - -.icon.drop { background-image: url("../../../view/theme/diabook/diabook-blue/icons/drop.png");} -.icon.drophide { background-image: url("../../../view/theme/diabook/diabook-blue/icons/drop.png");} -.icon.dislike { background-image: url("../../../view/theme/diabook/diabook-blue/icons/dislike.png");} -.icon.like { background-image: url("../../../view/theme/diabook/diabook-blue/icons/like.png");} -.icon.pencil { background-image: url("../../../view/theme/diabook/diabook-blue/icons/pencil.png");} -.icon.recycle { background-image: url("../../../view/theme/diabook/diabook-blue/icons/recycle.png");} -.icon.remote-link { background-image: url("../../../view/theme/diabook/diabook-blue/icons/remote.png");} -.icon.tagged { background-image: url("../../../view/theme/diabook/diabook-blue/icons/tagged.png");} -.icon.file-as { background-image: url("../../../view/theme/diabook/diabook-blue/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../../../view/theme/diabook/diabook-blue/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../../../view/theme/diabook/diabook-blue/icons/starred.png");} -.icon.link { background-image: url("../../../view/theme/diabook/diabook-blue/icons/link.png");} -.icon.lock { background-image: url("../../../view/theme/diabook/diabook-blue/icons/lock.png");} -.icon.unlock { background-image: url("../../../view/theme/diabook/diabook-blue/icons/unlock.png");} -.icon.language { background-image: url("../../../view/theme/diabook/diabook-blue/icons/language.png");} - - -.camera { background-image: url("../../../view/theme/diabook/diabook-blue/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../../../view/theme/diabook/diabook-blue/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../../../view/theme/diabook/diabook-blue/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../../../view/theme/diabook/diabook-blue/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../../../view/theme/diabook/diabook-blue/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../../../view/theme/diabook/diabook-blue/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../../../view/theme/diabook/diabook-blue/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../../../view/theme/diabook/diabook-blue/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../../../view/theme/diabook/diabook-blue/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../../../view/theme/diabook/diabook-blue/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} -.icon.block {background-image: url("../../../view/theme/diabook/icons/block.png"); - display: block; width: 16px; height: 16px; background-repeat: no-repeat;} -.icon.block.dim {background-image: url("../../../view/theme/diabook/icons/block.png"); - display: block; width: 16px; height: 16px; background-repeat: no-repeat; opacity: 0.3;} -.icon.ad_drop { background-image: url("../../../view/theme/diabook/icons/drop.png"); - display: block; margin-left:5px; width: 16px; height: 16px; background-repeat: no-repeat;} - - - -.article { background-position: -50px 0px;} -/*.audio { background-position: -70px 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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../../../view/theme/diabook/diabook-blue/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../../../view/theme/diabook/diabook-blue/icons/toogle_off.png"); background-repeat: no-repeat;} -.icon.prev { background-image: url("../../../view/theme/diabook/diabook-blue/icons/prev.png"); background-repeat: no-repeat;} -.icon.next { background-image: url("../../../view/theme/diabook/diabook-blue/icons/next.png"); background-repeat: no-repeat;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 5px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -#jappix_mini { -right: 45px !important; -} - - -h4 { - font-size: 1.1em; -} - -a { - color: #333333; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #1872A2; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -.intro-end { - border-bottom: 1px solid black; - clear: both; - margin-bottom: 25px; - padding-bottom: 25px; - width: 75%; - } -.intro-form-end { - clear: both; - } -.intro-fullname { - padding-bottom: 5px; - padding-top: 5px; - } -.intro-wrapper-end { - clear: both; - padding-bottom: 5px; - } -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: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover, -#fileas-sidebar .tool:hover { - background: #308DBF; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl.top-right { top: 30px; /* put it below header/nav bar */ } -div.jGrowl div.notice { - background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #1872a2; - background-color: #1872a2; - z-index: 100; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: banner; - width: 82%; - margin-left: 25%; -} -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: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px!important;position: relative!important;top: -4px!important; -} -/* messages */ -#message-new { - background: #055580; - border: 1px solid #333; - width: 150px; -} -#message-new a { - color: #ffffff; - text-align: center; - display: block; - font-weight: bold; - padding: 1em 0px; - text-decoration: none; -} -.mail-list-wrapper { - background-color: #f6f7f8; - margin-bottom: 5px; - width: 100%; - height: auto; - overflow: hidden; -} -.mail-list-wrapper span { - display: block; - float: left; - width: 20%; - overflow: hidden; -} -.mail-list-wrapper .mail-subject { - width: 30%; - padding: 4px 0px 0px 4px; -} -.mail-list-wrapper .mail-subject a { - display: block; -} -.mail-list-wrapper .mail-subject.unseen a { - font-weight: bold; -} -.mail-list-wrapper .mail-date { - padding: 4px 4px 0px 4px; -} -.mail-list-wrapper .mail-from { - padding: 4px 4px 0px 4px; -} -.mail-list-wrapper .mail-count { - padding: 4px 4px 0px 4px; - text-align: right; -} -.mail-list-wrapper .mail-delete { - float: right; -} -#mail-display-subject { - background-color: #f6f7f8; - color: #2d2d2d; - margin-bottom: 10px; - width: 100%; - height: auto; - overflow: hidden; -} -#mail-display-subject span { - float: left; - overflow: hidden; - padding: 4px 0px 0px 10px; -} -#mail-display-subject .mail-delete { - float: right; - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -#mail-display-subject:hover .mail-delete { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #1872a2; - color: #ffffff; - z-index: 99; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #ffffff; - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - background-color: #308dbf; - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -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: #fff; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border-bottom: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #ff0000; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/messages2.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/notify2.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../../../view/theme/diabook/diabook-blue/icons/contacts2.png"); - } - -nav #nav-apps-link.selected { - background-color: #364e59; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #308DBF; /*bdcdd4;*/ - color: #fff; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 400px; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #308DBF; - } -.menu-profile-list-item{ - padding-left: 5px; - vertical-align: middle; - } -.menu-profile-list-item:hover{ - text-decoration: none; - - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-icon.home{ - background: url("../../../view/theme/diabook/diabook-blue/icons/home.png") no-repeat; - float: left; - height: 22px; - width: 22px; - } -.menu-profile-icon.photos{ - background: url("../../../view/theme/diabook/diabook-blue/icons/mess_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.events{ - background: url("../../../view/theme/diabook/diabook-blue/icons/events.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.notes{ - background: url("../../../view/theme/diabook/diabook-blue/icons/notes.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.foren{ - background: url("../../../view/theme/diabook/diabook-blue/icons/pubgroups.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.com_side{ - background: url("../../../view/theme/diabook/diabook-blue/icons/com_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.pscontacts{ - background: url("../../../view/theme/diabook/diabook-blue/icons/pscontacts.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} -aside #page-sidebar{display: none;} -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 173px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; -} -aside #side-follow-url { - width: 173px; - } -aside #side-peoplefind-url { - width: 173px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 55px; - height: 55px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -#login-submit-wrapper{ -margin-bottom: 15px; - } -.group_selected { - background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center; - float: left; - height: 22px; - width: 22px; -} -.group_unselected { - background: url("../../../view/theme/diabook/icons/unselected.png") no-repeat left center; - float: left; - height: 22px; - width: 22px; -} -.icon.text_add { - background-image: url("../../../images/icons/16/add.png"); - float: right; - opacity: 0.2; - margin-right: 14px; - } -.icon.text_add:hover { - background-image: url("../../../images/icons/16/add.png"); - float: right; - cursor: pointer; - margin-right: 14px; - 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; - } -.icon.text_edit { - background-image: url("../../../images/icons/10/edit.png"); - opacity: 0.2; - margin-top: 6px; - float: right; - height: 10px; -} -.icon.text_edit:hover { - background-image: url("../../../images/icons/10/edit.png"); - opacity: 1; - margin-top: 6px; - float: right; - height: 10px; -} -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #1872A2; -} -.widget .tool.selected { - background: url("../../../view/theme/diabook/diabook-blue/icons/selected.png") no-repeat left center; -} -/* widget: search */ -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: 800px; - padding: 0px 0px 0px 12px; -} -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 775px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } -/* wall item */ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: #1872A2; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} -.wall-item-photo-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} -.wall-item-photo-container .wall-item-info { - display: table-cell; - vertical-align: top; - text-align: left; - width: 80px; -} -.wall-item-photo-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-photo-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -/*marker*/ -.wall-item-photo-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - margin-bottom: 14px; -} -.wall-item-photo-container .wall-item-content img { - max-width: 700px; -} -.wall-item-photo-container .wall-item-links, .wall-item-photo-container .wall-item-actions { - display: table-cell; - vertical-align: middle; -} -.wall-item-photo-container .wall-item-links .icon, .wall-item-photo-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-photo-container .wall-item-links .icon:hover, .wall-item-photo-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-photo-container .wall-item-name { - font-weight: bold; -} -.wall-item-photo-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-photo-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-photo-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-photo-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-photo-container .wall-item-actions-tools a { - float: right; -} -.wall-item-photo-container .wall-item-actions-tools input { - float: right; -} -.wall-item-photo-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 40px; - width: 650px; - border-bottom: 1px solid #D2D2D2; -} -.wall-item-photo-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-photo-container { - display: table; - width: 780px; -} -.my-comment-photo { - width: 48px; - margin-left: 40px; - margin-right: 32px; - } -.comment-edit-preview { - width: 500px; - margin-top: 10px; -} -.comment-edit-text-empty { - width: 500px; - border: 1px solid #D2D2D2; - height: 3.2em; - color: #2d2d2d; -} -.comment-edit-text-full { - font-size: 12.5px; - height: 3.3em; - - border: 1px solid #D2D2D2; - width: 500px; -} -.comment-edit-photo { - margin: 10px 0 0; - display: table-cell; -} - - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - 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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell;done -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 2.0em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 785px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 783px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title, #profile-jot-form #jot-category { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 785px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - cursor: pointer; - font-weight: bolder; -} -.button.creation2 { - background-color: #055580; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - cursor: pointer; - font-weight: bolder; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #055580; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; -} -//settings tabs -ul.rs_tabs { - list-style-type: none; - font-size: 11px; -} -ul.rs_tabs li { - float: left; - margin-bottom: 30px; - clear: both; -} -ul.rs_tabs li .selected { - background-color: #055580; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - font-size: 13px; -} -.rs_tabs { - list-style-type: none; - font-size: 11px; - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.rs_tab.button { - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: bolder; - padding: 3px; - color: #333333; - text-decoration: none; - } -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -.suggest-select { -width: 500px; -height: 350px; - } -.message-to-select { - width: 400px; - height: 150px; - } -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -20px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 55px; - height: 55px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { -position: relative; -width: 400px; -padding: 20px; -padding-top: 10px; -margin: 0 0px; -margin-bottom: 10px; -background-color: #2E2F2E; --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); -} -.vevent .event-location { - margin-left: 10px; - margin-right: 10px; -} -.vevent .event-description { -margin-left: 10px; -margin-right: 10px; -font-size: 1.1em; -font-weight: bolder; -} -.vevent .event-start, .vevent .event-end { - -margin-right: 20px; -margin-bottom: 2px; -margin-top: 2px; -font-size: 0.9em; -text-align: left; -} -.event-start .dtstart, .event-end .dtend { -float: right; -} - - -#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("../../../view/theme/diabook/icons/events2.png") !important; - 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; -} -.calendar.eventcal a { - color: #1872A2; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 10px; - } -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 200px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #1872A2; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-green/style-network-wide.css b/view/theme/diabook/diabook-green/style-network-wide.css deleted file mode 100644 index 73f028f60..000000000 --- a/view/theme/diabook/diabook-green/style-network-wide.css +++ /dev/null @@ -1,2644 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#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: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.contacts { - background-image: url("../diabook-green/icons/contacts.png");} -.icon.notifications { - background-image: url("../diabook-green/icons/notifications.png");} -.icon.notify { - background-image: url("../diabook-green/icons/notify.png");} -.icon.messages { - background-image: url("../diabook-green/icons/messages.png");} -.icon.community { - background-image: url("../diabook-green/icons/community.png");} - -.icon.drop { background-image: url("../diabook-green/icons/drop.png");} -.icon.drophide { background-image: url("../diabook-green/icons/drop.png");} -.icon.dislike { background-image: url("../diabook-green/icons/dislike.png");} -.icon.like { background-image: url("../diabook-green/icons/like.png");} -.icon.pencil { background-image: url("../diabook-green/icons/pencil.png");} -.icon.recycle { background-image: url("../diabook-green/icons/recycle.png");} -.icon.remote-link { background-image: url("../diabook-green/icons/remote.png");} -.icon.tagged { background-image: url("../diabook-green/icons/tagged.png");} -.icon.file-as { background-image: url("../diabook-green/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../diabook-green/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../diabook-green/icons/starred.png");} -.icon.link { background-image: url("../diabook-green/icons/link.png");} -.icon.lock { background-image: url("../diabook-green/icons/lock.png");} -.icon.unlock { background-image: url("../diabook-green/icons/unlock.png");} -.icon.language { background-image: url("../diabook-green/icons/language.png");} - - -.camera { background-image: url("../diabook-green/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../diabook-green/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../diabook-green/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../diabook-green/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../diabook-green/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../diabook-green/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../diabook-green/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../diabook-green/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../diabook-green/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../diabook-green/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} - - - - -.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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../diabook-green/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../diabook-green/icons/toogle_off.png"); background-repeat: no-repeat;} -.prev { background-position: -90px -60px;} -.next { background-position: -110px -60px;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../diabook-green/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../diabook-green/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 1px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - background-color: #fff; - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -h4 { - font-size: 1.1em; -} - -a { - color: #333333; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #2c9936; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -code { - font-family: Courier, monospace; - white-space: pre; - display: block; - overflow: auto; - border: 1px solid #444; - background: #EEE; - color: #444; - padding: 10px; - margin-top: 20px; -} -#panel { - position: absolute; - width: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover , -#fileas-sidebar .tool:hover { - background: aliceBlue; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: #3465A4; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl div.notice { - background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #5CD65C; - background-color: #5CD65C; - z-index: 100; - -webkit-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: left; - width: 82%%; - margin-left: 25%; -} -header #banner a, -header #banner a:active, -header #banner a:visited, -header #banner a:link, -header #banner a:hover { - color: black; - text-decoration: none; - outline: none; - vertical-align: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px; - position: absolute; - top: 10%; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #5CD65C; - color: #000; - z-index: 99; - -webkit-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - /*color: #1f1f1f;*/ - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} - -/*color*/ -nav .nav-menu-icon.selected { - background-color: #fff; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #fff; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; - border: 1px solid black; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - font-size: 14px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../diabook-green/icons/messages.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../diabook-green/icons/notify.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../diabook-green/icons/contacts.png"); - } - -nav #nav-apps-link.selected { - background-color: #fff; - moz-border-radius: 5px 5px 0 0; --webkit-border-radius: 5px 5px 0 0; -border-radius: 5px 5px 0 0; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #F5FCF5; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #B8EDB8; /*bdcdd4;*/ - color: #000; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 400px; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; - -} -#profile_side a{ - color: #333; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #B8EDB8; - } -.menu-profile-list-item{ - padding-left: 5px; - vertical-align: middle; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-icon.home{ - background: url("../diabook-green/icons/home.png") no-repeat; - float: left; - height: 22px; - width: 22px; - } -.menu-profile-icon.photos{ - background: url("../diabook-green/icons/mess_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.events{ - background: url("../diabook-green/icons/events.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.notes{ - background: url("../diabook-green/icons/notes.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.foren{ - background: url("../diabook-green/icons/pubgroups.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.com_side{ - background: url("../diabook-green/icons/com_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.pscontacts{ - background: url("../diabook-green/icons/pscontacts.png") no-repeat; - float: left; - height: 22px; - width: 22px;} - -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} -aside #page-sidebar{display: none;} -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 150px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; --moz-border-bottom-colors: #dbdbdb; - -moz-border-top-colors: #999; - -moz-border-left-colors: #999; - -moz-border-right-colors: #dbdbdb; -} -aside #side-follow-url { - width: 150px; - } -aside #side-peoplefind-url { - width: 150px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 55px; - height: 55px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #3465A4; -} -.widget .tool.selected { - background: url("../diabook-green/icons/selected.png") no-repeat left center; -} -/* widget: search */ -span.sbox_l { - background: white url('../diabook-green/icons/srch_l.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-left: 10px; - margin-top: 5px; - -} - -span.sbox_r { - background: white url('../diabook-green/icons/srch_r.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-top: 5px; -} - -span.sbox input { - background: white url('../diabook-green/icons/srch_bg.gif') repeat-x top left; - float: left; - margin-top: 5px; - border: 0; - height: 13px; width: 100px; - padding: 3px; - font: 11px/13px arial; - color: #000; -} -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: auto; - padding: 0px 0px 0px 12px; -} - -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 575px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } -#birthday-wrapper a { - color: #3465A4; - } - -/*marker*/ -right_aside { - display: table-cell; - vertical-align: top; - width: 180px; - /*border-left: 1px solid #D2D2D2;*/ - - /* background: #F1F1F1; */ -} -right_aside a{color: #3465A4;} -/*marker*/ -right_aside h3 {font-size: 1.05em; border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 9px; margin-bottom: 0px; -margin-top:30px;} -right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } -right_aside .directory-photo { margin: 0px; } -right_aside .directory-photo-img { max-width: 45px; max-height: 45px; } -right_aside #likes { margin: 0px; padding: 0px; list-style: none; } -right_aside .items-wrapper{ overflow: auto; width: 100%; } -right_aside #lastusers-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -right_aside #ra-photos-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} -#page-sidebar-right_aside ul {margin-top: 0px;} -#page-sidebar-right_aside .label {max-width: 128px;} -right_aside .icon {width: 10px; height: 10px;} -.close_box { - background-image: url("../diabook-green/icons/close_box.png"); - float: right; - cursor: pointer; - opacity: 0.1; - } -.close_box:hover { - background-image: url("../diabook-green/icons/close_box.png"); - float: right; - cursor: pointer; - 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 */ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: #2c9936; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} - -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - -} -/*marker*/ -.wall-item-container .wall-item-content img { - - -} -.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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} - -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; - background-color: #fff; - width: 500px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 2.0em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 585px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 583px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 585px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; - -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - cursor: pointer; - font-weight: bolder; -} -.button.creation2 { - background-color: #2c9936; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - cursor: pointer; - font-weight: bolder; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #3465A4; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - margin-left: 5px; -} -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -16px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 55px; - height: 55px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { - -} -.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; -} -.calendar.eventcal a { - color: #3465A4; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } - -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 5px; - margin-top: 30px; - } -.comment-edit-text-empty { - margin: 10px 0 0; - width: 85%; -} -.comment-edit-photo { - margin: 10px 0 0; -} -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 200px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #3465A4; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-green/style-profile-wide.css b/view/theme/diabook/diabook-green/style-profile-wide.css deleted file mode 100644 index d56e52541..000000000 --- a/view/theme/diabook/diabook-green/style-profile-wide.css +++ /dev/null @@ -1,2615 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#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: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.contacts { - background-image: url("../diabook-green/icons/contacts.png");} -.icon.notifications { - background-image: url("../diabook-green/icons/notifications.png");} -.icon.notify { - background-image: url("../diabook-green/icons/notify.png");} -.icon.messages { - background-image: url("../diabook-green/icons/messages.png");} -.icon.community { - background-image: url("../diabook-green/icons/community.png");} - -.icon.drop { background-image: url("../diabook-green/icons/drop.png");} -.icon.drophide { background-image: url("../diabook-green/icons/drop.png");} -.icon.dislike { background-image: url("../diabook-green/icons/dislike.png");} -.icon.like { background-image: url("../diabook-green/icons/like.png");} -.icon.pencil { background-image: url("../diabook-green/icons/pencil.png");} -.icon.recycle { background-image: url("../diabook-green/icons/recycle.png");} -.icon.remote-link { background-image: url("../diabook-green/icons/remote.png");} -.icon.tagged { background-image: url("../diabook-green/icons/tagged.png");} -.icon.file-as { background-image: url("../diabook-green/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../diabook-green/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../diabook-green/icons/starred.png");} -.icon.link { background-image: url("../diabook-green/icons/link.png");} -.icon.lock { background-image: url("../diabook-green/icons/lock.png");} -.icon.unlock { background-image: url("../diabook-green/icons/unlock.png");} -.icon.language { background-image: url("../diabook-green/icons/language.png");} - - -.camera { background-image: url("../diabook-green/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../diabook-green/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../diabook-green/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../diabook-green/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../diabook-green/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../diabook-green/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../diabook-green/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../diabook-green/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../diabook-green/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../diabook-green/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} - - - - -.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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../diabook-green/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../diabook-green/icons/toogle_off.png"); background-repeat: no-repeat;} -.prev { background-position: -90px -60px;} -.next { background-position: -110px -60px;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../diabook-green/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../diabook-green/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 5px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - border-top: 1px solid #BDCDD4; - - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -h4 { - font-size: 1.1em; -} - -a { - color: #333333; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #2c9936; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -code { - font-family: Courier, monospace; - white-space: pre; - display: block; - overflow: auto; - border: 1px solid #444; - background: #EEE; - color: #444; - padding: 10px; - margin-top: 20px; -} -#panel { - position: absolute; - width: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover { - background: #EEE; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl div.notice { - background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #5CD65C; - background-color: #5CD65C; - z-index: 100; - -webkit-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: left; - width: 82%%; - margin-left: 25%; -} -header #banner a, -header #banner a:active, -header #banner a:visited, -header #banner a:link, -header #banner a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; - vertical-align: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px; - position: absolute; - top: 10%; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #5CD65C; - color: #1f1f1f; - z-index: 99; - -webkit-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} - -/*color*/ -nav .nav-menu-icon.selected { - background-color: #fff; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border-bottom: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #fff; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; - border: 1px solid black; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - font-size: 14px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../diabook-green/icons/messages.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../diabook-green/icons/notify.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../diabook-green/icons/contacts.png"); - } - -nav #nav-apps-link.selected { - background-color: #fff; - moz-border-radius: 5px 5px 0 0; --webkit-border-radius: 5px 5px 0 0; -border-radius: 5px 5px 0 0; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #F5FCF5; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #B8EDB8; /*bdcdd4;*/ - color: #000; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 400px; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - padding-top: 3px; - padding-bottom: 3px; - padding-left: 16px; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #B8EDB8; - } -.menu-profile-list-item{ - padding-left: 5px; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-list.home{ - background: url("../diabook-green/icons/home.png") no-repeat; - } -.menu-profile-list.photos{ - background: url("../diabook-green/icons/mess_side.png") no-repeat; - } -.menu-profile-list.events{ - background: url("../diabook-green/icons/events.png") no-repeat; - } -.menu-profile-list.notes{ - background: url("../diabook-green/icons/notes.png") no-repeat; - } -.menu-profile-list.foren{ - background: url("../diabook-green/icons/pubgroups.png") no-repeat; - } -.menu-profile-list.com_side{ - background: url("../diabook-green/icons/com_side.png") no-repeat; - } - -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} - -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 150px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; -} -aside #side-follow-url { - width: 150px; - } -aside #side-peoplefind-url { - width: 150px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 48px; - height: 48px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #3465A4; -} -.widget .tool.selected { - background: url("../diabook-green/icons/selected.png") no-repeat left center; -} -/* widget: search */ -span.sbox_l { - background: white url('../diabook-green/icons/srch_l.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-left: 10px; - margin-top: 5px; - -} - -span.sbox_r { - background: white url('../diabook-green/icons/srch_r.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-top: 5px; -} - -span.sbox input { - background: white url('../diabook-green/icons/srch_bg.gif') repeat-x top left; - float: left; - margin-top: 5px; - border: 0; - height: 13px; width: 100px; - padding: 3px; - font: 11px/13px arial; - color: #000; -} -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: 611px; - padding: 0px 0px 0px 12px; -} - -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 575px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } -#birthday-wrapper a { - color: #3465A4; - } - -/*marker*/ -right_aside { - display: table-cell; - vertical-align: top; - width: 180px; - /*border-left: 1px solid #D2D2D2;*/ - - /* background: #F1F1F1; */ -} -right_aside a{color: #3465A4;} -/*marker*/ -right_aside h3 {font-size: 1.05em; border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 9px; margin-bottom: 0px; -margin-top:30px;} -right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } -right_aside .directory-photo { margin: 0px; } -right_aside .directory-photo-img { max-width: 45px; max-height: 45px; } -right_aside #likes { margin: 0px; padding: 0px; list-style: none; } -right_aside .items-wrapper{ overflow: auto; width: 100%; } -right_aside #lastusers-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -right_aside #ra-photos-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} -#page-sidebar-right_aside ul {margin-top: 0px;} -#page-sidebar-right_aside .label {max-width: 128px;} -right_aside .icon {width: 10px; height: 10px;} -.close_box { - background-image: url("../diabook-green/icons/close_box.png"); - float: right; - cursor: pointer; - opacity: 0.1; - } -.close_box:hover { - background-image: url("../diabook-green/icons/close_box.png"); - float: right; - cursor: pointer; - 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 */ -/*marker*/ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: #2c9936; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} - -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - -} -/*marker*/ -.wall-item-container .wall-item-content img { - - -} -.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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 2.0em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 585px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 583px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 585px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - font-weight: bolder; - cursor: pointer; -} -.button.creation2 { - background-color: #2c9936; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - font-weight: bolder; - cursor: pointer; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #2c9936; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - margin-left: 5px; -} -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -16px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 48px; - height: 48px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { - -} -.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; -} -.calendar.eventcal a { - color: #3465A4; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } - -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 5px; - margin-top: 30px; - } -.comment-edit-text-empty { - margin: 10px 0 0; - width: 85%; -} -.comment-edit-photo { - margin: 10px 0 0; -} -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 200px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #3465A4; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-green/style-wide.css b/view/theme/diabook/diabook-green/style-wide.css deleted file mode 100644 index 107bec8bb..000000000 --- a/view/theme/diabook/diabook-green/style-wide.css +++ /dev/null @@ -1,2963 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#pending-update { - float:right; - color: #ffffff; - font-weight: bold; - background-color: #FF0000; - padding: 0em 0.3em; -} - -.admin.linklist { - border: 0px; padding: 0px; - list-style: none; -} - -.admin.link { - list-style-position: inside; - font-size: 1em; - padding: 5px; - width: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.bb-url{ - background-image: url("../../../view/theme/diabook/diabook-green/icons/bb-url.png"); - float: right; - margin-top: 2px;} -.icon.quote{ - background-image: url("../../../view/theme/diabook/diabook-green/icons/quote.png"); - float: right; - margin-top: 2px;} -.icon.bold{ - background-image: url("../../../view/theme/diabook/diabook-green/icons/bold.png"); - float: right; - margin-top: 2px;} -.icon.underline{ - background-image: url("../../../view/theme/diabook/diabook-green/icons/underline.png"); - float: right; - margin-top: 2px;} -.icon.italic{ - background-image: url("../../../view/theme/diabook/diabook-green/icons/italic.png"); - float: right; - margin-top: 2px;} -.icon.bb-image{ - background-image: url("../../../view/theme/diabook/diabook-green/icons/bb-image.png"); - float: right; - margin-top: 2px;} -.icon.bb-video{ - background-image: url("../../../view/theme/diabook/diabook-green/icons/bb-video.png"); - float: right; - margin-top: 2px;} - -.icon.contacts { - background-image: url("../../../view/theme/diabook/diabook-green/icons/contacts.png");} -.icon.notifications { - background-image: url("../../../view/theme/diabook/diabook-green/icons/notifications.png");} -.icon.notify { - background-image: url("../../../view/theme/diabook/diabook-green/icons/notify.png");} -.icon.messages { - background-image: url("../../../view/theme/diabook/diabook-green/icons/messages.png");} -.icon.community { - background-image: url("../../../view/theme/diabook/diabook-green/icons/community.png");} - -.icon.drop { background-image: url("../../../view/theme/diabook/diabook-green/icons/drop.png");} -.icon.drophide { background-image: url("../../../view/theme/diabook/diabook-green/icons/drop.png");} -.icon.dislike { background-image: url("../../../view/theme/diabook/diabook-green/icons/dislike.png");} -.icon.like { background-image: url("../../../view/theme/diabook/diabook-green/icons/like.png");} -.icon.pencil { background-image: url("../../../view/theme/diabook/diabook-green/icons/pencil.png");} -.icon.recycle { background-image: url("../../../view/theme/diabook/diabook-green/icons/recycle.png");} -.icon.remote-link { background-image: url("../../../view/theme/diabook/diabook-green/icons/remote.png");} -.icon.tagged { background-image: url("../../../view/theme/diabook/diabook-green/icons/tagged.png");} -.icon.file-as { background-image: url("../../../view/theme/diabook/diabook-green/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../../../view/theme/diabook/diabook-green/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../../../view/theme/diabook/diabook-green/icons/starred.png");} -.icon.link { background-image: url("../../../view/theme/diabook/diabook-green/icons/link.png");} -.icon.lock { background-image: url("../../../view/theme/diabook/diabook-green/icons/lock.png");} -.icon.unlock { background-image: url("../../../view/theme/diabook/diabook-green/icons/unlock.png");} -.icon.language { background-image: url("../../../view/theme/diabook/diabook-green/icons/language.png");} - - -.camera { background-image: url("../../../view/theme/diabook/diabook-green/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../../../view/theme/diabook/diabook-green/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../../../view/theme/diabook/diabook-green/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../../../view/theme/diabook/diabook-green/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../../../view/theme/diabook/diabook-green/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../../../view/theme/diabook/diabook-green/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../../../view/theme/diabook/diabook-green/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../../../view/theme/diabook/diabook-green/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../../../view/theme/diabook/diabook-green/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../../../view/theme/diabook/diabook-green/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} -.icon.block {background-image: url("../diabook/icons/block.png"); - display: block; width: 16px; height: 16px; background-repeat: no-repeat;} -.icon.block.dim {background-image: url("../diabook/icons/block.png"); - display: block; width: 16px; height: 16px; background-repeat: no-repeat; opacity: 0.3;} -.icon.ad_drop { background-image: url("../diabook/icons/drop.png"); - display: block; margin-left:5px; width: 16px; height: 16px; background-repeat: no-repeat;} - - - -.article { background-position: -50px 0px;} -/*.audio { background-position: -70px 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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../../../view/theme/diabook/diabook-green/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../../../view/theme/diabook/diabook-green/icons/toogle_off.png"); background-repeat: no-repeat;} -.icon.prev { background-image: url("../../../view/theme/diabook/diabook-green/icons/prev.png"); background-repeat: no-repeat;} -.icon.next { background-image: url("../../../view/theme/diabook/diabook-green/icons/next.png"); background-repeat: no-repeat;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../../../view/theme/diabook/diabook-green/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../../../view/theme/diabook/diabook-green/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 5px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -#jappix_mini { -right: 45px !important; -} - - -h4 { - font-size: 1.1em; -} - -a { - color: #333333; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #2c9936; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -.intro-end { - border-bottom: 1px solid black; - clear: both; - margin-bottom: 25px; - padding-bottom: 25px; - width: 75%; - } -.intro-form-end { - clear: both; - } -.intro-fullname { - padding-bottom: 5px; - padding-top: 5px; - } -.intro-wrapper-end { - clear: both; - padding-bottom: 5px; - } -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: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover, -#fileas-sidebar .tool:hover { - background: aliceBlue; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl.top-right { top: 30px; /* put it below header/nav bar */ } -div.jGrowl div.notice { - background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #5CD65C; - background-color: #5CD65C; - z-index: 100; - -webkit-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: banner; - width: 82%; - margin-left: 25%; -} -header #banner a, -header #banner a:active, -header #banner a:visited, -header #banner a:link, -header #banner a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; - vertical-align: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px!important;position: relative!important;top: -4px!important; -} -/* messages */ -#message-new { - background: #2c9936; - border: 1px solid #333; - width: 150px; -} -#message-new a { - color: #ffffff; - text-align: center; - display: block; - font-weight: bold; - padding: 1em 0px; - text-decoration: none; -} -.mail-list-wrapper { - background-color: #f6f7f8; - margin-bottom: 5px; - width: 100%; - height: auto; - overflow: hidden; -} -.mail-list-wrapper span { - display: block; - float: left; - width: 20%; - overflow: hidden; -} -.mail-list-wrapper .mail-subject { - width: 30%; - padding: 4px 0px 0px 4px; -} -.mail-list-wrapper .mail-subject a { - display: block; -} -.mail-list-wrapper .mail-subject.unseen a { - font-weight: bold; -} -.mail-list-wrapper .mail-date { - padding: 4px 4px 0px 4px; -} -.mail-list-wrapper .mail-from { - padding: 4px 4px 0px 4px; -} -.mail-list-wrapper .mail-count { - padding: 4px 4px 0px 4px; - text-align: right; -} -.mail-list-wrapper .mail-delete { - float: right; -} -#mail-display-subject { - background-color: #f6f7f8; - color: #2d2d2d; - margin-bottom: 10px; - width: 100%; - height: auto; - overflow: hidden; -} -#mail-display-subject span { - float: left; - overflow: hidden; - padding: 4px 0px 0px 10px; -} -#mail-display-subject .mail-delete { - float: right; - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -#mail-display-subject:hover .mail-delete { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #5CD65C; - color: #1f1f1f; - z-index: 99; - -webkit-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} - -/*color*/ -nav .nav-menu-icon.selected { - background-color: #fff; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border-bottom: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #fff; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; - border: 1px solid black; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - font-size: 14px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../../../view/theme/diabook/diabook-green/icons/messages.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../../../view/theme/diabook/diabook-green/icons/notify.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../../../view/theme/diabook/diabook-green/icons/contacts.png"); - } - -nav #nav-apps-link.selected { - background-color: #fff; - moz-border-radius: 5px 5px 0 0; --webkit-border-radius: 5px 5px 0 0; -border-radius: 5px 5px 0 0; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #F5FCF5; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #B8EDB8; /*bdcdd4;*/ - color: #000; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 425px !important; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #B8EDB8; - } -.menu-profile-list-item{ - padding-left: 5px; - vertical-align: middle; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-icon.home{ - background: url("../../../view/theme/diabook/diabook-green/icons/home.png") no-repeat; - float: left; - height: 22px; - width: 22px; - } -.menu-profile-icon.photos{ - background: url("../../../view/theme/diabook/diabook-green/icons/mess_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.events{ - background: url("../../../view/theme/diabook/diabook-green/icons/events.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.notes{ - background: url("../../../view/theme/diabook/diabook-green/icons/notes.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.foren{ - background: url("../../../view/theme/diabook/diabook-green/icons/pubgroups.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.com_side{ - background: url("../../../view/theme/diabook/diabook-green/icons/com_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.pscontacts{ - background: url("../../../view/theme/diabook/diabook-green/icons/pscontacts.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} -aside #page-sidebar{display: none;} -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 173px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; -} -aside #side-follow-url { - width: 173px; - } -aside #side-peoplefind-url { - width: 173px; - } -#contact-block { - overflow: auto; - height: auto; -} -aside #likes a, a:visited, a:link { - color: #2c9936; - text-decoration: none; - cursor: pointer; - -} -aside #likes a:hover{ - text-decoration: underline; - } - -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 55px; - height: 55px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -#login-submit-wrapper{ - - margin-bottom: 12px; - } -aside #login-submit-button{ - margin-left: 0px!important; - } -aside #login-extra-links{ - padding-top: 0px!important; - } -.group_selected { - background: url("../diabook/icons/selected.png") no-repeat left center; - float: left; - height: 22px; - width: 22px; -} -.group_unselected { - background: url("../diabook/icons/unselected.png") no-repeat left center; - float: left; - height: 22px; - width: 22px; -} -.icon.text_add { - background-image: url("../../../images/icons/16/add.png"); - float: right; - opacity: 0.2; - margin-right: 14px; - } -.icon.text_add:hover { - background-image: url("../../../images/icons/16/add.png"); - float: right; - cursor: pointer; - margin-right: 14px; - 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; - } -.icon.text_edit { - background-image: url("../../../images/icons/10/edit.png"); - opacity: 0.2; - margin-top: 6px; - float: right; - height: 10px; -} -.icon.text_edit:hover { - background-image: url("../../../images/icons/10/edit.png"); - opacity: 1; - margin-top: 6px; - float: right; - height: 10px; -} -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #3465A4; -} -.widget .tool.selected { - background: url("../../../view/theme/diabook/diabook-green/icons/selected.png") no-repeat left center; -} -/* widget: search */ -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: 800px; - padding: 0px 0px 0px 12px; -} -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 775px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } - -#birthday-wrapper a { - color: #3465A4; - } -/* wall item */ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: #2c9936; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} -.wall-item-photo-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} -.wall-item-photo-container .wall-item-info { - display: table-cell; - vertical-align: top; - text-align: left; - width: 80px; -} -.wall-item-photo-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-photo-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -/*marker*/ -.wall-item-photo-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - margin-bottom: 14px; -} -.wall-item-photo-container .wall-item-content img { - max-width: 700px; -} -.wall-item-photo-container .wall-item-links, .wall-item-photo-container .wall-item-actions { - display: table-cell; - vertical-align: middle; -} -.wall-item-photo-container .wall-item-links .icon, .wall-item-photo-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-photo-container .wall-item-links .icon:hover, .wall-item-photo-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-photo-container .wall-item-name { - font-weight: bold; -} -.wall-item-photo-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-photo-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-photo-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-photo-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-photo-container .wall-item-actions-tools a { - float: right; -} -.wall-item-photo-container .wall-item-actions-tools input { - float: right; -} -.wall-item-photo-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 40px; - width: 650px; - border-bottom: 1px solid #D2D2D2; -} -.wall-item-photo-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-photo-container { - display: table; - width: 780px; -} -.my-comment-photo { - width: 48px; - margin-left: 40px; - margin-right: 32px; - } -.comment-edit-preview { - width: 500px; - margin-top: 10px; -} -.comment-edit-text-empty { - width: 500px; - border: 1px solid #D2D2D2; - height: 3.2em; - color: #2d2d2d; -} -.comment-edit-text-full { - font-size: 12.5px; - height: 3.3em; - - border: 1px solid #D2D2D2; - width: 500px; -} -.comment-edit-photo { - margin: 10px 0 0; - display: table-cell; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - 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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell;done -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 2.0em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 785px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 783px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title, #profile-jot-form #jot-category { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 785px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; - -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - font-weight: bolder; - cursor: pointer; -} -.button.creation2 { - background-color: #2c9936; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - font-weight: bolder; - cursor: pointer; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #2c9936; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - margin-left: 5px; -} -//settings tabs -ul.rs_tabs { - list-style-type: none; - font-size: 11px; -} -ul.rs_tabs li { - float: left; - margin-bottom: 30px; - clear: both; -} -ul.rs_tabs li .selected { - background-color: #2c9936; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - font-size: 13px; -} -.rs_tabs { - list-style-type: none; - font-size: 11px; - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.rs_tab.button { - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: bolder; - padding: 3px; - color: #333333; - text-decoration: none; - } -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -.suggest-select { -width: 500px; -height: 350px; - } -.message-to-select { - width: 400px; - height: 150px; - } -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -16px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 55px; - height: 55px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { -position: relative; -width: 400px; -padding: 20px; -padding-top: 10px; -margin: 0 0px; -margin-bottom: 10px; -background-color: white; --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); -} -.vevent .event-location { - margin-left: 10px; - margin-right: 10px; -} -.vevent .event-description { -margin-left: 10px; -margin-right: 10px; -font-size: 1.1em; -font-weight: bolder; -} -.vevent .event-start, .vevent .event-end { - -margin-right: 20px; -margin-bottom: 2px; -margin-top: 2px; -font-size: 0.9em; -text-align: left; -} -.event-start .dtstart, .event-end .dtend { -float: right; -} - - -#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("../diabook/icons/events2.png") !important; - 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; -} -.calendar.eventcal a { - color: #3465A4; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 10px; - } -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -section .directory-item dl { -height: auto; -overflow: auto; -} - -section .directory-item dt { -float: left; -margin-left: 0px; -text-align: right; -color: #999; -} - -section .directory-item dd { -float: left; -margin-left: 5px; -} - -.directory-profile-wrapper { -float: left; -max-height: 178px; -overflow: hidden; -width: 635px; -} - -.directory-copy-wrapper { -float:left; -overflow: hidden; -} - -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 800px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} - -section .directory-photo-wrapper { -float: left; -height: 200px; -width: 165px; -} - -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #3465A4; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-pink/style-network-wide.css b/view/theme/diabook/diabook-pink/style-network-wide.css deleted file mode 100644 index 02567a0de..000000000 --- a/view/theme/diabook/diabook-pink/style-network-wide.css +++ /dev/null @@ -1,2644 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#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: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.contacts { - background-image: url("../diabook-pink/icons/contacts.png");} -.icon.notifications { - background-image: url("../diabook-pink/icons/notifications.png");} -.icon.notify { - background-image: url("../diabook-pink/icons/notify.png");} -.icon.messages { - background-image: url("../diabook-pink/icons/messages.png");} -.icon.community { - background-image: url("../diabook-pink/icons/community.png");} - -.icon.drop { background-image: url("../diabook-pink/icons/drop.png");} -.icon.drophide { background-image: url("../diabook-pink/icons/drop.png");} -.icon.dislike { background-image: url("../diabook-pink/icons/dislike.png");} -.icon.like { background-image: url("../diabook-pink/icons/like.png");} -.icon.pencil { background-image: url("../diabook-pink/icons/pencil.png");} -.icon.recycle { background-image: url("../diabook-pink/icons/recycle.png");} -.icon.remote-link { background-image: url("../diabook-pink/icons/remote.png");} -.icon.tagged { background-image: url("../diabook-pink/icons/tagged.png");} -.icon.file-as { background-image: url("../diabook-pink/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../diabook-pink/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../diabook-pink/icons/starred.png");} -.icon.link { background-image: url("../diabook-pink/icons/link.png");} -.icon.lock { background-image: url("../diabook-pink/icons/lock.png");} -.icon.unlock { background-image: url("../diabook-pink/icons/unlock.png");} -.icon.language { background-image: url("../diabook-pink/icons/language.png");} - - -.camera { background-image: url("../diabook-pink/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../diabook-pink/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../diabook-pink/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../diabook-pink/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../diabook-pink/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../diabook-pink/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../diabook-pink/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../diabook-pink/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../diabook-pink/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../diabook-pink/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} - - - - -.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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../diabook-pink/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../diabook-pink/icons/toogle_off.png"); background-repeat: no-repeat;} -.prev { background-position: -90px -60px;} -.next { background-position: -110px -60px;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../diabook-pink/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../diabook-pink/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 1px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - background-color: #fff; - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -h4 { - font-size: 1.1em; -} - -a { - color: #333333; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #D02B55; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -code { - font-family: Courier, monospace; - white-space: pre; - display: block; - overflow: auto; - border: 1px solid #444; - background: #EEE; - color: #444; - padding: 10px; - margin-top: 20px; -} -#panel { - position: absolute; - width: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover , -#fileas-sidebar .tool:hover { - background: aliceBlue; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: #3465A4; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl div.notice { - background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #FFC1CA; - background-color: #FFC1CA; - z-index: 100; - -webkit-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: left; - width: 82%%; - margin-left: 25%; -} -header #banner a, -header #banner a:active, -header #banner a:visited, -header #banner a:link, -header #banner a:hover { - color: black; - text-decoration: none; - outline: none; - vertical-align: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px; - position: absolute; - top: 10%; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #FFC1CA; - color: #000; - z-index: 99; - -webkit-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - /*color: #1f1f1f;*/ - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} - -/*color*/ -nav .nav-menu-icon.selected { - background-color: #FFE9EC; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #fff; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; - border: 1px solid black; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - font-size: 14px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../diabook-pink/icons/messages.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../diabook-pink/icons/notify.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../diabook-pink/icons/contacts.png"); - } - -nav #nav-apps-link.selected { - background-color: #fff; - moz-border-radius: 5px 5px 0 0; --webkit-border-radius: 5px 5px 0 0; -border-radius: 5px 5px 0 0; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #fff; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #D02B55; /*bdcdd4;*/ - color: #fff; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 400px; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; - -} -#profile_side a{ - color: #333; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #FFF4F6; - } -.menu-profile-list-item{ - padding-left: 5px; - vertical-align: middle; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-icon.home{ - background: url("../diabook-pink/icons/home.png") no-repeat; - float: left; - height: 22px; - width: 22px; - } -.menu-profile-icon.photos{ - background: url("../diabook-pink/icons/mess_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.events{ - background: url("../diabook-pink/icons/events.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.notes{ - background: url("../diabook-pink/icons/notes.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.foren{ - background: url("../diabook-pink/icons/pubgroups.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.com_side{ - background: url("../diabook-pink/icons/com_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.pscontacts{ - background: url("../diabook-pink/icons/pscontacts.png") no-repeat; - float: left; - height: 22px; - width: 22px;} - -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} -aside #page-sidebar{display: none;} -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 150px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; --moz-border-bottom-colors: #dbdbdb; - -moz-border-top-colors: #999; - -moz-border-left-colors: #999; - -moz-border-right-colors: #dbdbdb; -} -aside #side-follow-url { - width: 150px; - } -aside #side-peoplefind-url { - width: 150px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 55px; - height: 55px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #3465A4; -} -.widget .tool.selected { - background: url("../diabook-pink/icons/selected.png") no-repeat left center; -} -/* widget: search */ -span.sbox_l { - background: white url('../diabook-pink/icons/srch_l.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-left: 10px; - margin-top: 5px; - -} - -span.sbox_r { - background: white url('../diabook-pink/icons/srch_r.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-top: 5px; -} - -span.sbox input { - background: white url('../diabook-pink/icons/srch_bg.gif') repeat-x top left; - float: left; - margin-top: 5px; - border: 0; - height: 13px; width: 100px; - padding: 3px; - font: 11px/13px arial; - color: #000; -} -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: auto; - padding: 0px 0px 0px 12px; -} - -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 575px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } -#birthday-wrapper a { - color: #3465A4; - } - -/*marker*/ -right_aside { - display: table-cell; - vertical-align: top; - width: 180px; - /*border-left: 1px solid #D2D2D2;*/ - - /* background: #F1F1F1; */ -} -right_aside a{color: #3465A4;} -/*marker*/ -right_aside h3 {font-size: 1.05em; border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 9px; margin-bottom: 0px; -margin-top:30px;} -right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } -right_aside .directory-photo { margin: 0px; } -right_aside .directory-photo-img { max-width: 45px; max-height: 45px; } -right_aside #likes { margin: 0px; padding: 0px; list-style: none; } -right_aside .items-wrapper{ overflow: auto; width: 100%; } -right_aside #lastusers-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -right_aside #ra-photos-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} -#page-sidebar-right_aside ul {margin-top: 0px;} -#page-sidebar-right_aside .label {max-width: 128px;} -right_aside .icon {width: 10px; height: 10px;} -.close_box { - background-image: url("../diabook-pink/icons/close_box.png"); - float: right; - cursor: pointer; - opacity: 0.1; - } -.close_box:hover { - background-image: url("../diabook-pink/icons/close_box.png"); - float: right; - cursor: pointer; - 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 */ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: #D02B55; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} - -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - -} -/*marker*/ -.wall-item-container .wall-item-content img { - - -} -.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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} - -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; - background-color: #fff; - width: 500px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 2.0em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 585px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 583px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 585px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; - -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - cursor: pointer; - font-weight: bolder; -} -.button.creation2 { - background-color: #D02B55; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - cursor: pointer; - font-weight: bolder; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #3465A4; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - margin-left: 5px; -} -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -16px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 55px; - height: 55px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { - -} -.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; -} -.calendar.eventcal a { - color: #3465A4; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } - -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 5px; - margin-top: 30px; - } -.comment-edit-text-empty { - margin: 10px 0 0; - width: 85%; -} -.comment-edit-photo { - margin: 10px 0 0; -} -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 200px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #3465A4; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-pink/style-profile-wide.css b/view/theme/diabook/diabook-pink/style-profile-wide.css deleted file mode 100644 index 8d5e1abb5..000000000 --- a/view/theme/diabook/diabook-pink/style-profile-wide.css +++ /dev/null @@ -1,2615 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#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: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.contacts { - background-image: url("../diabook-pink/icons/contacts.png");} -.icon.notifications { - background-image: url("../diabook-pink/icons/notifications.png");} -.icon.notify { - background-image: url("../diabook-pink/icons/notify.png");} -.icon.messages { - background-image: url("../diabook-pink/icons/messages.png");} -.icon.community { - background-image: url("../diabook-pink/icons/community.png");} - -.icon.drop { background-image: url("../diabook-pink/icons/drop.png");} -.icon.drophide { background-image: url("../diabook-pink/icons/drop.png");} -.icon.dislike { background-image: url("../diabook-pink/icons/dislike.png");} -.icon.like { background-image: url("../diabook-pink/icons/like.png");} -.icon.pencil { background-image: url("../diabook-pink/icons/pencil.png");} -.icon.recycle { background-image: url("../diabook-pink/icons/recycle.png");} -.icon.remote-link { background-image: url("../diabook-pink/icons/remote.png");} -.icon.tagged { background-image: url("../diabook-pink/icons/tagged.png");} -.icon.file-as { background-image: url("../diabook-pink/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../diabook-pink/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../diabook-pink/icons/starred.png");} -.icon.link { background-image: url("../diabook-pink/icons/link.png");} -.icon.lock { background-image: url("../diabook-pink/icons/lock.png");} -.icon.unlock { background-image: url("../diabook-pink/icons/unlock.png");} -.icon.language { background-image: url("../diabook-pink/icons/language.png");} - - -.camera { background-image: url("../diabook-pink/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../diabook-pink/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../diabook-pink/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../diabook-pink/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../diabook-pink/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../diabook-pink/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../diabook-pink/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../diabook-pink/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../diabook-pink/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../diabook-pink/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} - - - - -.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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../diabook-pink/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../diabook-pink/icons/toogle_off.png"); background-repeat: no-repeat;} -.prev { background-position: -90px -60px;} -.next { background-position: -110px -60px;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../diabook-pink/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../diabook-pink/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 5px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - border-top: 1px solid #BDCDD4; - - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -h4 { - font-size: 1.1em; -} - -a { - color: #333333; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #D02B55; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -code { - font-family: Courier, monospace; - white-space: pre; - display: block; - overflow: auto; - border: 1px solid #444; - background: #EEE; - color: #444; - padding: 10px; - margin-top: 20px; -} -#panel { - position: absolute; - width: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover { - background: #EEE; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl div.notice { - background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #FFC1CA; - background-color: #FFC1CA; - z-index: 100; - -webkit-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: left; - width: 82%%; - margin-left: 25%; -} -header #banner a, -header #banner a:active, -header #banner a:visited, -header #banner a:link, -header #banner a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; - vertical-align: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px; - position: absolute; - top: 10%; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #FFC1CA; - color: #1f1f1f; - z-index: 99; - -webkit-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} - -/*color*/ -nav .nav-menu-icon.selected { - background-color: #FFE9EC; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border-bottom: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #fff; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; - border: 1px solid black; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - font-size: 14px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../diabook-pink/icons/messages.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../diabook-pink/icons/notify.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../diabook-pink/icons/contacts.png"); - } - -nav #nav-apps-link.selected { - background-color: #fff; - moz-border-radius: 5px 5px 0 0; --webkit-border-radius: 5px 5px 0 0; -border-radius: 5px 5px 0 0; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #fff; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #D02B55; /*bdcdd4;*/ - color: #fff; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 400px; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - padding-top: 3px; - padding-bottom: 3px; - padding-left: 16px; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #FFF4F6; - } -.menu-profile-list-item{ - padding-left: 5px; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-list.home{ - background: url("../diabook-pink/icons/home.png") no-repeat; - } -.menu-profile-list.photos{ - background: url("../diabook-pink/icons/mess_side.png") no-repeat; - } -.menu-profile-list.events{ - background: url("../diabook-pink/icons/events.png") no-repeat; - } -.menu-profile-list.notes{ - background: url("../diabook-pink/icons/notes.png") no-repeat; - } -.menu-profile-list.foren{ - background: url("../diabook-pink/icons/pubgroups.png") no-repeat; - } -.menu-profile-list.com_side{ - background: url("../diabook-pink/icons/com_side.png") no-repeat; - } - -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} - -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 150px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; -} -aside #side-follow-url { - width: 150px; - } -aside #side-peoplefind-url { - width: 150px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 48px; - height: 48px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #3465A4; -} -.widget .tool.selected { - background: url("../diabook-pink/icons/selected.png") no-repeat left center; -} -/* widget: search */ -span.sbox_l { - background: white url('../diabook-pink/icons/srch_l.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-left: 10px; - margin-top: 5px; - -} - -span.sbox_r { - background: white url('../diabook-pink/icons/srch_r.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-top: 5px; -} - -span.sbox input { - background: white url('../diabook-pink/icons/srch_bg.gif') repeat-x top left; - float: left; - margin-top: 5px; - border: 0; - height: 13px; width: 100px; - padding: 3px; - font: 11px/13px arial; - color: #000; -} -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: 611px; - padding: 0px 0px 0px 12px; -} - -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 575px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } -#birthday-wrapper a { - color: #3465A4; - } - -/*marker*/ -right_aside { - display: table-cell; - vertical-align: top; - width: 180px; - /*border-left: 1px solid #D2D2D2;*/ - - /* background: #F1F1F1; */ -} -right_aside a{color: #3465A4;} -/*marker*/ -right_aside h3 {font-size: 1.05em; border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 9px; margin-bottom: 0px; -margin-top:30px;} -right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } -right_aside .directory-photo { margin: 0px; } -right_aside .directory-photo-img { max-width: 45px; max-height: 45px; } -right_aside #likes { margin: 0px; padding: 0px; list-style: none; } -right_aside .items-wrapper{ overflow: auto; width: 100%; } -right_aside #lastusers-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -right_aside #ra-photos-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} -#page-sidebar-right_aside ul {margin-top: 0px;} -#page-sidebar-right_aside .label {max-width: 128px;} -right_aside .icon {width: 10px; height: 10px;} -.close_box { - background-image: url("../diabook-pink/icons/close_box.png"); - float: right; - cursor: pointer; - opacity: 0.1; - } -.close_box:hover { - background-image: url("../diabook-pink/icons/close_box.png"); - float: right; - cursor: pointer; - 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 */ -/*marker*/ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: #D02B55; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} - -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - -} -/*marker*/ -.wall-item-container .wall-item-content img { - - -} -.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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 2.0em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 585px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 583px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 585px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - font-weight: bolder; - cursor: pointer; -} -.button.creation2 { - background-color: #D02B55; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - font-weight: bolder; - cursor: pointer; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #D02B55; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - margin-left: 5px; -} -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -16px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 48px; - height: 48px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { - -} -.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; -} -.calendar.eventcal a { - color: #3465A4; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } - -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 5px; - margin-top: 30px; - } -.comment-edit-text-empty { - margin: 10px 0 0; - width: 85%; -} -.comment-edit-photo { - margin: 10px 0 0; -} -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 200px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #3465A4; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-pink/style-wide.css b/view/theme/diabook/diabook-pink/style-wide.css deleted file mode 100644 index df25c4d17..000000000 --- a/view/theme/diabook/diabook-pink/style-wide.css +++ /dev/null @@ -1,2989 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#pending-update { - float:right; - color: #ffffff; - font-weight: bold; - background-color: #FF0000; - padding: 0em 0.3em; -} - -.admin.linklist { - border: 0px; padding: 0px; - list-style: none; -} - -.admin.link { - list-style-position: inside; - font-size: 1em; - padding: 5px; - width: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.bb-url{ - background-image: url("../../../view/theme/diabook/diabook-pink/icons/bb-url.png"); - float: right; - margin-top: 2px;} -.icon.quote{ - background-image: url("../../../view/theme/diabook/diabook-pink/icons/quote.png"); - float: right; - margin-top: 2px;} -.icon.bold{ - background-image: url("../../../view/theme/diabook/diabook-pink/icons/bold.png"); - float: right; - margin-top: 2px;} -.icon.underline{ - background-image: url("../../../view/theme/diabook/diabook-pink/icons/underline.png"); - float: right; - margin-top: 2px;} -.icon.italic{ - background-image: url("../../../view/theme/diabook/diabook-pink/icons/italic.png"); - float: right; - margin-top: 2px;} -.icon.bb-image{ - background-image: url("../../../view/theme/diabook/diabook-pink/icons/bb-image.png"); - float: right; - margin-top: 2px;} -.icon.bb-video{ - background-image: url("../../../view/theme/diabook/diabook-pink/icons/bb-video.png"); - float: right; - margin-top: 2px;} - -.icon.contacts { - background-image: url("../../../view/theme/diabook/diabook-pink/icons/contacts.png");} -.icon.notifications { - background-image: url("../../../view/theme/diabook/diabook-pink/icons/notifications.png");} -.icon.notify { - background-image: url("../../../view/theme/diabook/diabook-pink/icons/notify.png");} -.icon.messages { - background-image: url("../../../view/theme/diabook/diabook-pink/icons/messages.png");} -.icon.community { - background-image: url("../../../view/theme/diabook/diabook-pink/icons/community.png");} - -.icon.drop { background-image: url("../../../view/theme/diabook/diabook-pink/icons/drop.png");} -.icon.drophide { background-image: url("../../../view/theme/diabook/diabook-pink/icons/drop.png");} -.icon.dislike { background-image: url("../../../view/theme/diabook/diabook-pink/icons/dislike.png");} -.icon.like { background-image: url("../../../view/theme/diabook/diabook-pink/icons/like.png");} -.icon.pencil { background-image: url("../../../view/theme/diabook/diabook-pink/icons/pencil.png");} -.icon.recycle { background-image: url("../../../view/theme/diabook/diabook-pink/icons/recycle.png");} -.icon.remote-link { background-image: url("../../../view/theme/diabook/diabook-pink/icons/remote.png");} -.icon.tagged { background-image: url("../../../view/theme/diabook/diabook-pink/icons/tagged.png");} -.icon.file-as { background-image: url("../../../view/theme/diabook/diabook-pink/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../../../view/theme/diabook/diabook-pink/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../../../view/theme/diabook/diabook-pink/icons/starred.png");} -.icon.link { background-image: url("../../../view/theme/diabook/diabook-pink/icons/link.png");} -.icon.lock { background-image: url("../../../view/theme/diabook/diabook-pink/icons/lock.png");} -.icon.unlock { background-image: url("../../../view/theme/diabook/diabook-pink/icons/unlock.png");} -.icon.language { background-image: url("../../../view/theme/diabook/diabook-pink/icons/language.png");} - - -.camera { background-image: url("../../../view/theme/diabook/diabook-pink/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../../../view/theme/diabook/diabook-pink/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../../../view/theme/diabook/diabook-pink/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../../../view/theme/diabook/diabook-pink/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../../../view/theme/diabook/diabook-pink/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../../../view/theme/diabook/diabook-pink/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../../../view/theme/diabook/diabook-pink/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../../../view/theme/diabook/diabook-pink/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../../../view/theme/diabook/diabook-pink/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../../../view/theme/diabook/diabook-pink/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} -.icon.block {background-image: url("../diabook/icons/block.png"); - display: block; width: 16px; height: 16px; background-repeat: no-repeat;} -.icon.block.dim {background-image: url("../diabook/icons/block.png"); - display: block; width: 16px; height: 16px; background-repeat: no-repeat; opacity: 0.3;} -.icon.ad_drop { background-image: url("../diabook/icons/drop.png"); - display: block; margin-left:5px; width: 16px; height: 16px; background-repeat: no-repeat;} - - - -.article { background-position: -50px 0px;} -/*.audio { background-position: -70px 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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../../../view/theme/diabook/diabook-pink/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../../../view/theme/diabook/diabook-pink/icons/toogle_off.png"); background-repeat: no-repeat;} -.icon.prev { background-image: url("../../../view/theme/diabook/diabook-pink/icons/prev.png"); background-repeat: no-repeat;} -.icon.next { background-image: url("../../../view/theme/diabook/diabook-pink/icons/next.png"); background-repeat: no-repeat;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../../../view/theme/diabook/diabook-pink/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../../../view/theme/diabook/diabook-pink/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 5px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -#jappix_mini { -right: 45px !important; -} - - -h4 { - font-size: 1.1em; -} - -a { - color: #333333; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #D02B55; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -.intro-end { - border-bottom: 1px solid black; - clear: both; - margin-bottom: 25px; - padding-bottom: 25px; - width: 75%; - } -.intro-form-end { - clear: both; - } -.intro-fullname { - padding-bottom: 5px; - padding-top: 5px; - } -.intro-wrapper-end { - clear: both; - padding-bottom: 5px; - } -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: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover, -#fileas-sidebar .tool:hover { - background: aliceBlue; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl.top-right { top: 30px; /* put it below header/nav bar */ } -div.jGrowl div.notice { - background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #FFC1CA; - background-color: #FFC1CA; - z-index: 100; - -webkit-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: banner; - width: 82%; - margin-left: 25%; -} -header #banner a, -header #banner a:active, -header #banner a:visited, -header #banner a:link, -header #banner a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; - vertical-align: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px!important;position: relative!important;top: -4px!important; -} -/* messages */ -#message-new { - background: #D02B55; - border: 1px solid #333; - width: 150px; -} -#message-new a { - color: #ffffff; - text-align: center; - display: block; - font-weight: bold; - padding: 1em 0px; - text-decoration: none; -} -.mail-list-wrapper { - background-color: #f6f7f8; - margin-bottom: 5px; - width: 100%; - height: auto; - overflow: hidden; -} -.mail-list-wrapper span { - display: block; - float: left; - width: 20%; - overflow: hidden; -} -.mail-list-wrapper .mail-subject { - width: 30%; - padding: 4px 0px 0px 4px; -} -.mail-list-wrapper .mail-subject a { - display: block; -} -.mail-list-wrapper .mail-subject.unseen a { - font-weight: bold; -} -.mail-list-wrapper .mail-date { - padding: 4px 4px 0px 4px; -} -.mail-list-wrapper .mail-from { - padding: 4px 4px 0px 4px; -} -.mail-list-wrapper .mail-count { - padding: 4px 4px 0px 4px; - text-align: right; -} -.mail-list-wrapper .mail-delete { - float: right; -} -#mail-display-subject { - background-color: #f6f7f8; - color: #2d2d2d; - margin-bottom: 10px; - width: 100%; - height: auto; - overflow: hidden; -} -#mail-display-subject span { - float: left; - overflow: hidden; - padding: 4px 0px 0px 10px; -} -#mail-display-subject .mail-delete { - float: right; - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -#mail-display-subject:hover .mail-delete { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #FFC1CA; - color: #1f1f1f; - z-index: 99; - -webkit-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7); - -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} - -/*color*/ -nav .nav-menu-icon.selected { - background-color: #FFE9EC; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border-bottom: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #fff; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; - border: 1px solid black; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - font-size: 14px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../../../view/theme/diabook/diabook-pink/icons/messages.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../../../view/theme/diabook/diabook-pink/icons/notify.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../../../view/theme/diabook/diabook-pink/icons/contacts.png"); - } - -nav #nav-apps-link.selected { - background-color: #fff; - moz-border-radius: 5px 5px 0 0; --webkit-border-radius: 5px 5px 0 0; -border-radius: 5px 5px 0 0; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #fff; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #D02B55; /*bdcdd4;*/ - color: #fff; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 425px !important; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #FFF4F6; - } -.menu-profile-list-item{ - padding-left: 5px; - vertical-align: middle; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-icon.home{ - background: url("../../../view/theme/diabook/diabook-pink/icons/home.png") no-repeat; - float: left; - height: 22px; - width: 22px; - } -.menu-profile-icon.photos{ - background: url("../../../view/theme/diabook/diabook-pink/icons/mess_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.events{ - background: url("../../../view/theme/diabook/diabook-pink/icons/events.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.notes{ - background: url("../../../view/theme/diabook/diabook-pink/icons/notes.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.foren{ - background: url("../../../view/theme/diabook/diabook-pink/icons/pubgroups.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.com_side{ - background: url("../../../view/theme/diabook/diabook-pink/icons/com_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.pscontacts{ - background: url("../../../view/theme/diabook/diabook-pink/icons/pscontacts.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} -aside #page-sidebar{display: none;} -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 173px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; -} -aside #side-follow-url { - width: 173px; - } -aside #side-peoplefind-url { - width: 173px; - } -#contact-block { - overflow: auto; - height: auto; -} -aside #likes a, a:visited, a:link { - color: #D02B55; - text-decoration: none; - cursor: pointer; - -} -aside #likes a:hover{ - text-decoration: underline; - } - -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 55px; - height: 55px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -#login-submit-wrapper{ - - margin-bottom: 12px; - } -aside #login-submit-button{ - margin-left: 0px!important; - } -aside #login-extra-links{ - padding-top: 0px!important; - } -.group_selected { - background: url("../diabook/icons/selected.png") no-repeat left center; - float: left; - height: 22px; - width: 22px; -} -.group_unselected { - background: url("../diabook/icons/unselected.png") no-repeat left center; - float: left; - height: 22px; - width: 22px; -} -.icon.text_add { - background-image: url("../../../images/icons/16/add.png"); - float: right; - opacity: 0.2; - margin-right: 14px; - } -.icon.text_add:hover { - background-image: url("../../../images/icons/16/add.png"); - float: right; - cursor: pointer; - margin-right: 14px; - 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; - } -.icon.text_edit { - background-image: url("../../../images/icons/10/edit.png"); - opacity: 0.2; - margin-top: 6px; - float: right; - height: 10px; -} -.icon.text_edit:hover { - background-image: url("../../../images/icons/10/edit.png"); - opacity: 1; - margin-top: 6px; - float: right; - height: 10px; -} -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #3465A4; -} -.widget .tool.selected { - background: url("../../../view/theme/diabook/diabook-pink/icons/selected.png") no-repeat left center; -} -/* widget: search */ -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: 800px; - padding: 0px 0px 0px 12px; -} -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 775px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } - -#birthday-wrapper a { - color: #3465A4; - } -/* wall item */ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: #D02B55; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} -.wall-item-photo-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} -.wall-item-photo-container .wall-item-info { - display: table-cell; - vertical-align: top; - text-align: left; - width: 80px; -} -.wall-item-photo-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-photo-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -/*marker*/ -.wall-item-photo-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - margin-bottom: 14px; -} -.wall-item-photo-container .wall-item-content img { - max-width: 700px; -} -.wall-item-photo-container .wall-item-links, .wall-item-photo-container .wall-item-actions { - display: table-cell; - vertical-align: middle; -} -.wall-item-photo-container .wall-item-links .icon, .wall-item-photo-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-photo-container .wall-item-links .icon:hover, .wall-item-photo-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-photo-container .wall-item-name { - font-weight: bold; -} -.wall-item-photo-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-photo-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-photo-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-photo-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-photo-container .wall-item-actions-tools a { - float: right; -} -.wall-item-photo-container .wall-item-actions-tools input { - float: right; -} -.wall-item-photo-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 40px; - width: 650px; - border-bottom: 1px solid #D2D2D2; -} -.wall-item-photo-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-photo-container { - display: table; - width: 780px; -} -.my-comment-photo { - width: 48px; - margin-left: 40px; - margin-right: 32px; - } -.comment-edit-preview { - width: 500px; - margin-top: 10px; -} -.comment-edit-text-empty { - width: 500px; - border: 1px solid #D2D2D2; - height: 3.2em; - color: #2d2d2d; -} -.comment-edit-text-full { - font-size: 12.5px; - height: 3.3em; - - border: 1px solid #D2D2D2; - width: 500px; -} -.comment-edit-photo { - margin: 10px 0 0; - display: table-cell; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - 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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell;done -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 2.0em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 785px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 783px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title, #profile-jot-form #jot-category { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 785px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; - -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - font-weight: bolder; - cursor: pointer; -} -.button.creation2 { - background-color: #D02B55; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - font-weight: bolder; - cursor: pointer; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #D02B55; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - margin-left: 5px; -} -//settings tabs -ul.rs_tabs { - list-style-type: none; - font-size: 11px; -} -ul.rs_tabs li { - float: left; - margin-bottom: 30px; - clear: both; -} -ul.rs_tabs li .selected { - background-color: #D02B55; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - font-size: 13px; -} -.rs_tabs { - list-style-type: none; - font-size: 11px; - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.rs_tab.button { - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: bolder; - padding: 3px; - color: #333333; - text-decoration: none; - } -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -.suggest-select { -width: 500px; -height: 350px; - } -.message-to-select { - width: 400px; - height: 150px; - } -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -16px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 55px; - height: 55px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { -position: relative; -width: 400px; -padding: 20px; -padding-top: 10px; -margin: 0 0px; -margin-bottom: 10px; -background-color: white; --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); -} -.vevent .event-location { - margin-left: 10px; - margin-right: 10px; -} -.vevent .event-description { -margin-left: 10px; -margin-right: 10px; -font-size: 1.1em; -font-weight: bolder; -} -.vevent .event-start, .vevent .event-end { - -margin-right: 20px; -margin-bottom: 2px; -margin-top: 2px; -font-size: 0.9em; -text-align: left; -} -.event-start .dtstart, .event-end .dtend { -float: right; -} - - -#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("../diabook/icons/events2.png") !important; - 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; -} -.calendar.eventcal a { - color: #3465A4; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 10px; - } -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ - -section .directory-item dl { -height: auto; -overflow: auto; -} - -section .directory-item dt { -float: left; -margin-left: 0px; -text-align: right; -color: #999; -} - -section .directory-item dd { -float: left; -margin-left: 5px; -} - -.directory-profile-wrapper { -float: left; -max-height: 178px; -overflow: hidden; -width: 635px; -} - -.directory-copy-wrapper { -float:left; -overflow: hidden; -} - -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 800px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} - -section .directory-photo-wrapper { -float: left; -height: 200px; -width: 165px; -} - -.contact-name { - text-align: left; - font-weight: bold; - font-size: 18px; - margin-bottom: -3px; -} -.contact-details { - color: #999999; -} - -.page-type { -font-size: 10px; -font-style: italic; -} - -.directory-detailscolumn-wrapper { -float: left; -width: 305px; -margin-right: 10px; -} - -.directory-profile-wrapper d1 { -margin-top: 3px; -margin-bottom: 3px; -} - -.directory-profile-title { -font-weight: bold; -margin-bottom: 3px -font-size: 14px; -} - - -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #3465A4; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-red/style-network-wide.css b/view/theme/diabook/diabook-red/style-network-wide.css deleted file mode 100644 index 0d3540457..000000000 --- a/view/theme/diabook/diabook-red/style-network-wide.css +++ /dev/null @@ -1,2665 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#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: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.contacts { - background-image: url("../diabook-red/icons/contacts.png");} -.icon.notifications { - background-image: url("../diabook-red/icons/notifications.png");} -.icon.notify { - background-image: url("../diabook-red/icons/notify.png");} -.icon.messages { - background-image: url("../diabook-red/icons/messages.png");} -.icon.community { - background-image: url("../diabook-red/icons/community.png");} - -.icon.drop { background-image: url("../diabook-red/icons/drop.png");} -.icon.drophide { background-image: url("../diabook-red/icons/drop.png");} -.icon.dislike { background-image: url("../diabook-red/icons/dislike.png");} -.icon.like { background-image: url("../diabook-red/icons/like.png");} -.icon.pencil { background-image: url("../diabook-red/icons/pencil.png");} -.icon.recycle { background-image: url("../diabook-red/icons/recycle.png");} -.icon.remote-link { background-image: url("../diabook-red/icons/remote.png");} -.icon.tagged { background-image: url("../diabook-red/icons/tagged.png");} -.icon.file-as { background-image: url("../diabook-red/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../diabook-red/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../diabook-red/icons/starred.png");} -.icon.link { background-image: url("../diabook-red/icons/link.png");} -.icon.lock { background-image: url("../diabook-red/icons/lock.png");} -.icon.unlock { background-image: url("../diabook-red/icons/unlock.png");} -.icon.language { background-image: url("../diabook-red/icons/language.png");} - - -.camera { background-image: url("../diabook-red/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../diabook-red/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../diabook-red/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../diabook-red/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../diabook-red/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../diabook-red/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../diabook-red/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../diabook-red/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../diabook-red/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../diabook-red/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} - - - - -.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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../diabook-red/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../diabook-red/icons/toogle_off.png"); background-repeat: no-repeat;} -.prev { background-position: -90px -60px;} -.next { background-position: -110px -60px;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../diabook-red/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../diabook-red/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 1px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - background-color: #fff; - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -h4 { - font-size: 1.1em; -} - -a { - color: #333333; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #333 - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -code { - font-family: Courier, monospace; - white-space: pre; - display: block; - overflow: auto; - border: 1px solid #444; - background: #EEE; - color: #444; - padding: 10px; - margin-top: 20px; -} -#panel { - position: absolute; - width: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover, -#fileas-sidebar .tool:hover { - background: #FFE499; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl div.notice { - background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #ff500f; - background-color: #ff500f; - z-index: 100; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; - background-image: linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -o-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -moz-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -webkit-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -ms-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad3b0a', endColorstr='#ff4f0f'); - -background-image: -webkit-gradient( - linear, - left bottom, - left top, - color-stop(0, rgb(173,59,10)), - color-stop(0.65, rgb(255,79,15)) -); -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: left; - width: 82%%; - margin-left: 25%; -} -header #banner a, -header #banner a:active, -header #banner a:visited, -header #banner a:link, -header #banner a:hover { - color: black; - text-decoration: none; - outline: none; - vertical-align: middle; - font-weight: bolder; - -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px; - position: absolute; - top: 10%; - margin-left: 3px; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #ff500f; - color: #000; - z-index: 99; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; - background-image: linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -o-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -moz-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -webkit-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -ms-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); - -background-image: -webkit-gradient( - linear, - left bottom, - left top, - color-stop(0, rgb(173,59,10)), - color-stop(0.65, rgb(255,79,15)) -); -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - /*color: #1f1f1f;*/ - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -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: #fff4d6; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #fff; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - font-size: 15px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../diabook-red/icons/messages2.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../diabook-red/icons/notify2.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../diabook-red/icons/contacts2.png"); - } - -nav #nav-apps-link.selected { - background-color: #fff4d6; - moz-border-radius: 5px 5px 0 0; --webkit-border-radius: 5px 5px 0 0; -border-radius: 5px 5px 0 0; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #fff4d6; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #ffe499; /*bdcdd4;*/ - color: #000; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 400px; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; - -} -#profile_side a{ - color: #333; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #FFE499; - } -.menu-profile-list-item{ - padding-left: 5px; - vertical-align: middle; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-icon.home{ - background: url("../diabook-red/icons/home.png") no-repeat; - float: left; - height: 22px; - width: 22px; - } -.menu-profile-icon.photos{ - background: url("../diabook-red/icons/mess_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.events{ - background: url("../diabook-red/icons/events.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.notes{ - background: url("../diabook-red/icons/notes.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.foren{ - background: url("../diabook-red/icons/pubgroups.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.com_side{ - background: url("../diabook-red/icons/com_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.pscontacts{ - background: url("../diabook-red/icons/pscontacts.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} -aside #page-sidebar{display: none;} -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 150px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; --moz-border-bottom-colors: #dbdbdb; - -moz-border-top-colors: #999; - -moz-border-left-colors: #999; - -moz-border-right-colors: #dbdbdb; -} -aside #side-follow-url { - width: 150px; - } -aside #side-peoplefind-url { - width: 150px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 55px; - height: 55px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #1872A2; -} -.widget .tool.selected { - background: url("../diabook-red/icons/selected.png") no-repeat left center; -} -/* widget: search */ -span.sbox_l { - background: white url('../diabook-red/icons/srch_l.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-left: 10px; - margin-top: 5px; - -} - -span.sbox_r { - background: white url('../diabook-red/icons/srch_r.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-top: 5px; -} - -span.sbox input { - background: white url('../diabook-red/icons/srch_bg.gif') repeat-x top left; - float: left; - margin-top: 5px; - border: 0; - height: 13px; width: 100px; - padding: 3px; - font: 11px/13px arial; - color: #000; -} -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: auto; - padding: 0px 0px 0px 12px; -} - -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 575px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } - -/*marker*/ -right_aside { - display: table-cell; - vertical-align: top; - width: 180px; - /*border-left: 1px solid #D2D2D2;*/ - - /* background: #F1F1F1; */ -} -right_aside a{color: red;} -/*marker*/ -right_aside h3 {font-size: 1.05em; border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 9px; margin-bottom: 0px; -margin-top:30px;} -right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } -right_aside .directory-photo { margin: 0px; } -right_aside .directory-photo-img { max-width: 45px; max-height: 45px; } -right_aside #likes { margin: 0px; padding: 0px; list-style: none; } -right_aside .items-wrapper{ overflow: auto; width: 100%; } -right_aside #lastusers-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -right_aside #ra-photos-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} -#page-sidebar-right_aside ul {margin-top: 0px;} -#page-sidebar-right_aside .label {max-width: 128px;} -right_aside .icon {width: 10px; height: 10px;} -.close_box { - background-image: url("../diabook-red/icons/close_box.png"); - float: right; - cursor: pointer; - opacity: 0.1; - } -.close_box:hover { - background-image: url("../diabook-red/icons/close_box.png"); - float: right; - cursor: pointer; - 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 */ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: red; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} - -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - -} -/*marker*/ -.wall-item-container .wall-item-content img { - - -} -.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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} - -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; - background-color: #fff; - width: 500px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 2.0em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 585px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 583px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 585px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - cursor: pointer; - font-weight: bolder; -} -.button.creation2 { - background-color: #FF500F; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - cursor: pointer; - font-weight: bolder; -} -/*input[type="submit"] { - background-color: #FF500F; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - cursor: pointer; - font-weight: bolder; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #535353; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - margin-left: 5px; -} -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -16px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 55px; - height: 55px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { - -} -.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; -} -.calendar.eventcal a { - color: #1872A2; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } - -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 5px; - margin-top: 30px; - } -.comment-edit-text-empty { - margin: 10px 0 0; - width: 85%; -} -.comment-edit-photo { - margin: 10px 0 0; -} -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 200px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #1872A2; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-red/style-profile-wide.css b/view/theme/diabook/diabook-red/style-profile-wide.css deleted file mode 100644 index e7e9e1ce9..000000000 --- a/view/theme/diabook/diabook-red/style-profile-wide.css +++ /dev/null @@ -1,2620 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#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: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.contacts { - background-image: url("../diabook-red/icons/contacts.png");} -.icon.notifications { - background-image: url("../diabook-red/icons/notifications.png");} -.icon.notify { - background-image: url("../diabook-red/icons/notify.png");} -.icon.messages { - background-image: url("../diabook-red/icons/messages.png");} -.icon.community { - background-image: url("../diabook-red/icons/community.png");} - -.icon.drop { background-image: url("../diabook-red/icons/drop.png");} -.icon.drophide { background-image: url("../diabook-red/icons/drop.png");} -.icon.dislike { background-image: url("../diabook-red/icons/dislike.png");} -.icon.like { background-image: url("../diabook-red/icons/like.png");} -.icon.pencil { background-image: url("../diabook-red/icons/pencil.png");} -.icon.recycle { background-image: url("../diabook-red/icons/recycle.png");} -.icon.remote-link { background-image: url("../diabook-red/icons/remote.png");} -.icon.tagged { background-image: url("../diabook-red/icons/tagged.png");} -.icon.file-as { background-image: url("../diabook-red/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../diabook-red/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../diabook-red/icons/starred.png");} -.icon.link { background-image: url("../diabook-red/icons/link.png");} -.icon.lock { background-image: url("../diabook-red/icons/lock.png");} -.icon.unlock { background-image: url("../diabook-red/icons/unlock.png");} -.icon.language { background-image: url("../diabook-red/icons/language.png");} - - -.camera { background-image: url("../diabook-red/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../diabook-red/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../diabook-red/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../diabook-red/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../diabook-red/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../diabook-red/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../diabook-red/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../diabook-red/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../diabook-red/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../diabook-red/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} - - - - -.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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../diabook-red/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../diabook-red/icons/toogle_off.png"); background-repeat: no-repeat;} -.prev { background-position: -90px -60px;} -.next { background-position: -110px -60px;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../diabook-red/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../diabook-red/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 5px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - border-top: 1px solid #BDCDD4; - - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -h4 { - font-size: 1.1em; -} - -a { - color: #333333; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #333; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -code { - font-family: Courier, monospace; - white-space: pre; - display: block; - overflow: auto; - border: 1px solid #444; - background: #EEE; - color: #444; - padding: 10px; - margin-top: 20px; -} -#panel { - position: absolute; - width: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover { - background: #EEE; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl div.notice { - background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #ff500f; - background-color: #ff500f; - z-index: 100; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; - background-image: linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -o-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -moz-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -webkit-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -ms-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: left; - width: 82%%; - margin-left: 25%; -} -header #banner a, -header #banner a:active, -header #banner a:visited, -header #banner a:link, -header #banner a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; - vertical-align: middle; - font-weight: bolder; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px; - position: absolute; - top: 10%; - margin-left: 3px; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #ff500f; - color: #1f1f1f; - z-index: 99; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; - background-image: linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -o-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -moz-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -webkit-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -ms-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -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: #fff4d6; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border-bottom: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #fff; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - font-size: 15px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../diabook-red/icons/messages2.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../diabook-red/icons/notify2.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../diabook-red/icons/contacts2.png"); - } - -nav #nav-apps-link.selected { - background-color: #fff4d6; - moz-border-radius: 5px 5px 0 0; --webkit-border-radius: 5px 5px 0 0; -border-radius: 5px 5px 0 0; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #fff4d6; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #ffe499; /*bdcdd4;*/ - color: #000; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 400px; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - padding-top: 3px; - padding-bottom: 3px; - padding-left: 16px; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #EEE; - } -.menu-profile-list-item{ - padding-left: 5px; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-list.home{ - background: url("../diabook-red/icons/home.png") no-repeat; - } -.menu-profile-list.photos{ - background: url("../diabook-red/icons/mess_side.png") no-repeat; - } -.menu-profile-list.events{ - background: url("../diabook-red/icons/events.png") no-repeat; - } -.menu-profile-list.notes{ - background: url("../diabook-red/icons/notes.png") no-repeat; - } -.menu-profile-list.foren{ - background: url("../diabook-red/icons/pubgroups.png") no-repeat; - } -.menu-profile-list.com_side{ - background: url("../diabook-red/icons/com_side.png") no-repeat; - } - -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} - -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 150px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; -} -aside #side-follow-url { - width: 150px; - } -aside #side-peoplefind-url { - width: 150px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 48px; - height: 48px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #1872A2; -} -.widget .tool.selected { - background: url("../diabook-red/icons/selected.png") no-repeat left center; -} -/* widget: search */ -span.sbox_l { - background: white url('../diabook-red/icons/srch_l.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-left: 10px; - margin-top: 5px; - -} - -span.sbox_r { - background: white url('../diabook-red/icons/srch_r.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-top: 5px; -} - -span.sbox input { - background: white url('../diabook-red/icons/srch_bg.gif') repeat-x top left; - float: left; - margin-top: 5px; - border: 0; - height: 13px; width: 100px; - padding: 3px; - font: 11px/13px arial; - color: #000; -} -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: 611px; - padding: 0px 0px 0px 12px; -} - -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 575px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } - -/*marker*/ -right_aside { - display: table-cell; - vertical-align: top; - width: 180px; - /*border-left: 1px solid #D2D2D2;*/ - - /* background: #F1F1F1; */ -} -right_aside a{color: red;} -/*marker*/ -right_aside h3 {font-size: 1.05em; border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 9px; margin-bottom: 0px; -margin-top:30px;} -right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } -right_aside .directory-photo { margin: 0px; } -right_aside .directory-photo-img { max-width: 45px; max-height: 45px; } -right_aside #likes { margin: 0px; padding: 0px; list-style: none; } -right_aside .items-wrapper{ overflow: auto; width: 100%; } -right_aside #lastusers-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -right_aside #ra-photos-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} -#page-sidebar-right_aside ul {margin-top: 0px;} -#page-sidebar-right_aside .label {max-width: 128px;} -right_aside .icon {width: 10px; height: 10px;} -.close_box { - background-image: url("../diabook-red/icons/close_box.png"); - float: right; - cursor: pointer; - opacity: 0.1; - } -.close_box:hover { - background-image: url("../diabook-red/icons/close_box.png"); - float: right; - cursor: pointer; - 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 */ -/*marker*/ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: red; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} - -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - -} -/*marker*/ -.wall-item-container .wall-item-content img { - - -} -.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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 2.0em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 585px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 583px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 585px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; - -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - font-weight: bolder; - cursor: pointer; -} -.button.creation2 { - background-color: #FF500F; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - font-weight: bolder; - cursor: pointer; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #535353; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - margin-left: 5px; -} -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -16px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 48px; - height: 48px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { - -} -.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; -} -.calendar.eventcal a { - color: #1872A2; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } - -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 5px; - margin-top: 30px; - } -.comment-edit-text-empty { - margin: 10px 0 0; - width: 85%; -} -.comment-edit-photo { - margin: 10px 0 0; -} -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 200px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #1872A2; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/diabook-red/style-wide.css b/view/theme/diabook/diabook-red/style-wide.css deleted file mode 100644 index b05156dc6..000000000 --- a/view/theme/diabook/diabook-red/style-wide.css +++ /dev/null @@ -1,2969 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#pending-update { - float:right; - color: #ffffff; - font-weight: bold; - background-color: #FF0000; - padding: 0em 0.3em; -} - -.admin.linklist { - border: 0px; padding: 0px; - list-style: none; -} - -.admin.link { - list-style-position: inside; - font-size: 1em; - padding: 5px; - width: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ -.icon.bb-url{ - background-image: url("../../../view/theme/diabook/diabook-red/icons/bb-url.png"); - float: right; - margin-top: 2px;} -.icon.quote{ - background-image: url("../../../view/theme/diabook/diabook-red/icons/quote.png"); - float: right; - margin-top: 2px;} -.icon.bold{ - background-image: url("../../../view/theme/diabook/diabook-red/icons/bold.png"); - float: right; - margin-top: 2px;} -.icon.underline{ - background-image: url("../../../view/theme/diabook/diabook-red/icons/underline.png"); - float: right; - margin-top: 2px;} -.icon.italic{ - background-image: url("../../../view/theme/diabook/diabook-red/icons/italic.png"); - float: right; - margin-top: 2px;} -.icon.bb-image{ - background-image: url("../../../view/theme/diabook/diabook-red/icons/bb-image.png"); - float: right; - margin-top: 2px;} -.icon.bb-video{ - background-image: url("../../../view/theme/diabook/diabook-red/icons/bb-video.png"); - float: right; - margin-top: 2px;} - -.icon.contacts { - background-image: url("../../../view/theme/diabook/diabook-red/icons/contacts.png");} -.icon.notifications { - background-image: url("../../../view/theme/diabook/diabook-red/icons/notifications.png");} -.icon.notify { - background-image: url("../../../view/theme/diabook/diabook-red/icons/notify.png");} -.icon.messages { - background-image: url("../../../view/theme/diabook/diabook-red/icons/messages.png");} -.icon.community { - background-image: url("../../../view/theme/diabook/diabook-red/icons/community.png");} - -.icon.drop { background-image: url("../../../view/theme/diabook/diabook-red/icons/drop.png");} -.icon.drophide { background-image: url("../../../view/theme/diabook/diabook-red/icons/drop.png");} -.icon.dislike { background-image: url("../../../view/theme/diabook/diabook-red/icons/dislike.png");} -.icon.like { background-image: url("../../../view/theme/diabook/diabook-red/icons/like.png");} -.icon.pencil { background-image: url("../../../view/theme/diabook/diabook-red/icons/pencil.png");} -.icon.recycle { background-image: url("../../../view/theme/diabook/diabook-red/icons/recycle.png");} -.icon.remote-link { background-image: url("../../../view/theme/diabook/diabook-red/icons/remote.png");} -.icon.tagged { background-image: url("../../../view/theme/diabook/diabook-red/icons/tagged.png");} -.icon.file-as { background-image: url("../../../view/theme/diabook/diabook-red/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../../../view/theme/diabook/diabook-red/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../../../view/theme/diabook/diabook-red/icons/starred.png");} -.icon.link { background-image: url("../../../view/theme/diabook/diabook-red/icons/link.png");} -.icon.lock { background-image: url("../../../view/theme/diabook/diabook-red/icons/lock.png");} -.icon.unlock { background-image: url("../../../view/theme/diabook/diabook-red/icons/unlock.png");} -.icon.language { background-image: url("../../../view/theme/diabook/diabook-red/icons/language.png");} - - -.camera { background-image: url("../../../view/theme/diabook/diabook-red/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../../../view/theme/diabook/diabook-red/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../../../view/theme/diabook/diabook-red/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../../../view/theme/diabook/diabook-red/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../../../view/theme/diabook/diabook-red/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../../../view/theme/diabook/diabook-red/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../../../view/theme/diabook/diabook-red/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../../../view/theme/diabook/diabook-red/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../../../view/theme/diabook/diabook-red/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../../../view/theme/diabook/diabook-red/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} -.icon.block {background-image: url("../../../view/theme/diabook/icons/block.png"); - display: block; width: 16px; height: 16px; background-repeat: no-repeat;} -.icon.block.dim {background-image: url("../../../view/theme/diabook/icons/block.png"); - display: block; width: 16px; height: 16px; background-repeat: no-repeat; opacity: 0.3;} -.icon.ad_drop { background-image: url("../../../view/theme/diabook/icons/drop.png"); - display: block; margin-left:5px; width: 16px; height: 16px; background-repeat: no-repeat;} - - - -.article { background-position: -50px 0px;} -/*.audio { background-position: -70px 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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../../../view/theme/diabook/diabook-red/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../../../view/theme/diabook/diabook-red/icons/toogle_off.png"); background-repeat: no-repeat;} -.icon.prev { background-image: url("../../../view/theme/diabook/diabook-red/icons/prev.png"); background-repeat: no-repeat;} -.icon.next { background-image: url("../../../view/theme/diabook/diabook-red/icons/next.png"); background-repeat: no-repeat;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../../../view/theme/diabook/diabook-red/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../../../view/theme/diabook/diabook-red/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 5px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} - -#jappix_mini { -right: 45px !important; -} - - -h4 { - font-size: 1.1em; -} - -a { - color: red; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: red; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -.intro-end { - border-bottom: 1px solid black; - clear: both; - margin-bottom: 25px; - padding-bottom: 25px; - width: 75%; - } -.intro-form-end { - clear: both; - } -.intro-fullname { - padding-bottom: 5px; - padding-top: 5px; - } -.intro-wrapper-end { - clear: both; - padding-bottom: 5px; - } -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: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover, -#fileas-sidebar .tool:hover { - background: #FFE499; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl.top-right { top: 30px; /* put it below header/nav bar */ } -div.jGrowl div.notice { - background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #ff500f; - background-color: #ff500f; - z-index: 100; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; - background-image: linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -o-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -moz-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -webkit-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -ms-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); - -background-image: -webkit-gradient( - linear, - left bottom, - left top, - color-stop(0, rgb(173,59,10)), - color-stop(0.65, rgb(255,79,15)) -); -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: banner; - width: 82%; - margin-left: 25%; -} -header #banner a, -header #banner a:active, -header #banner a:visited, -header #banner a:link, -header #banner a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; - vertical-align: middle; - font-weight: bolder; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px!important;position: relative!important;top: -4px!important; -} -/* messages */ -#message-new { - background: ; - border: 1px solid #333; - width: 150px; -} -#message-new a { - color: #ffffff; - text-align: center; - display: block; - font-weight: bold; - padding: 1em 0px; - text-decoration: none; - background-color: red; -} -.mail-list-wrapper { - background-color: #f6f7f8; - margin-bottom: 5px; - width: 100%; - height: auto; - overflow: hidden; -} -.mail-list-wrapper span { - display: block; - float: left; - width: 20%; - overflow: hidden; -} -.mail-list-wrapper .mail-subject { - width: 30%; - padding: 4px 0px 0px 4px; -} -.mail-list-wrapper .mail-subject a { - display: block; -} -.mail-list-wrapper .mail-subject.unseen a { - font-weight: bold; -} -.mail-list-wrapper .mail-date { - padding: 4px 4px 0px 4px; -} -.mail-list-wrapper .mail-from { - padding: 4px 4px 0px 4px; -} -.mail-list-wrapper .mail-count { - padding: 4px 4px 0px 4px; - text-align: right; -} -.mail-list-wrapper .mail-delete { - float: right; -} -#mail-display-subject { - background-color: #f6f7f8; - color: #2d2d2d; - margin-bottom: 10px; - width: 100%; - height: auto; - overflow: hidden; -} -#mail-display-subject span { - float: left; - overflow: hidden; - padding: 4px 0px 0px 10px; -} -#mail-display-subject .mail-delete { - float: right; - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -#mail-display-subject:hover .mail-delete { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #ff500f; - color: #1f1f1f; - z-index: 99; - border-bottom: 1px; - border-bottom-color: black; - border-bottom-style: inset; - background-image: linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -o-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -moz-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -webkit-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); -background-image: -ms-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); - -background-image: -webkit-gradient( - linear, - left bottom, - left top, - color-stop(0, rgb(173,59,10)), - color-stop(0.65, rgb(255,79,15)) -); -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #1f1f1f; - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon:hover { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 5px; - -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: #fff4d6; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border-bottom: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #fff; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - font-size: 15px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../../../view/theme/diabook/diabook-red/icons/messages2.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../../../view/theme/diabook/diabook-red/icons/notify2.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../../../view/theme/diabook/diabook-red/icons/contacts2.png"); - } - -nav #nav-apps-link.selected { - background-color: #fff4d6; - moz-border-radius: 5px 5px 0 0; --webkit-border-radius: 5px 5px 0 0; -border-radius: 5px 5px 0 0; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #fff4d6; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #ffe499; /*bdcdd4;*/ - color: #000; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 425px !important; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #FFE499; - } -.menu-profile-list-item{ - padding-left: 5px; - vertical-align: middle; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-icon.home{ - background: url("../../../view/theme/diabook/diabook-red/icons/home.png") no-repeat; - float: left; - height: 22px; - width: 22px; - } -.menu-profile-icon.photos{ - background: url("../../../view/theme/diabook/diabook-red/icons/mess_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.events{ - background: url("../../../view/theme/diabook/diabook-red/icons/events.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.notes{ - background: url("../../../view/theme/diabook/diabook-red/icons/notes.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.foren{ - background: url("../../../view/theme/diabook/diabook-red/icons/pubgroups.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.com_side{ - background: url("../../../view/theme/diabook/diabook-red/icons/com_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.pscontacts{ - background: url("../../../view/theme/diabook/diabook-red/icons/pscontacts.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} -aside #page-sidebar{display: none;} -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 173px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; -} -aside #side-follow-url { - width: 173px; - } -aside #side-peoplefind-url { - width: 173px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 55px; - height: 55px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -#login-submit-wrapper{ - - margin-bottom: 12px; - } -aside #login-submit-button{ - margin-left: 0px!important; - } -aside #login-extra-links{ - padding-top: 0px!important; - } -.group_selected { - background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center; - float: left; - height: 22px; - width: 22px; -} -.group_unselected { - background: url("../../../view/theme/diabook/icons/unselected.png") no-repeat left center; - float: left; - height: 22px; - width: 22px; -} -.icon.text_add { - background-image: url("../../../images/icons/16/add.png"); - float: right; - opacity: 0.2; - margin-right: 14px; - } -.icon.text_add:hover { - background-image: url("../../../images/icons/16/add.png"); - float: right; - cursor: pointer; - margin-right: 14px; - 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; - } -.icon.text_edit { - background-image: url("../../../images/icons/10/edit.png"); - opacity: 0.2; - margin-top: 6px; - float: right; - height: 10px; -} -.icon.text_edit:hover { - background-image: url("../../../images/icons/10/edit.png"); - opacity: 1; - margin-top: 6px; - float: right; - height: 10px; -} -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums ul li a{ - color: #1872A2; -} -.widget .tool.selected { - background: url("../../../view/theme/diabook/diabook-red/icons/selected.png") no-repeat left center; -} -/* widget: search */ -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: 800px; - padding: 0px 0px 0px 12px; -} -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 775px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} - -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } -/* wall item */ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -.tread-wrapper a{ - color: red; -} - -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} -.wall-item-photo-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} -.wall-item-photo-container .wall-item-info { - display: table-cell; - vertical-align: top; - text-align: left; - width: 80px; -} -.wall-item-photo-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-photo-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -/*marker*/ -.wall-item-photo-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - margin-bottom: 14px; -} -.wall-item-photo-container .wall-item-content img { - max-width: 700px; -} -.wall-item-photo-container .wall-item-links, .wall-item-photo-container .wall-item-actions { - display: table-cell; - vertical-align: middle; -} -.wall-item-photo-container .wall-item-links .icon, .wall-item-photo-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-photo-container .wall-item-links .icon:hover, .wall-item-photo-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-photo-container .wall-item-name { - font-weight: bold; -} -.wall-item-photo-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-photo-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-photo-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-photo-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-photo-container .wall-item-actions-tools a { - float: right; -} -.wall-item-photo-container .wall-item-actions-tools input { - float: right; -} -.wall-item-photo-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 40px; - width: 650px; - border-bottom: 1px solid #D2D2D2; -} -.wall-item-photo-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-photo-container { - display: table; - width: 780px; -} -.my-comment-photo { - width: 48px; - margin-left: 40px; - margin-right: 32px; - } -.comment-edit-preview { - width: 500px; - margin-top: 10px; -} -.comment-edit-text-empty { - width: 500px; - border: 1px solid #D2D2D2; - height: 3.2em; - color: #2d2d2d; -} -.comment-edit-text-full { - font-size: 12.5px; - height: 3.3em; - - border: 1px solid #D2D2D2; - width: 500px; -} -.comment-edit-photo { - margin: 10px 0 0; - display: table-cell; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} - -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - 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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell;done -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 2.0em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 785px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 783px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title, #profile-jot-form #jot-category { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 785px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - font-weight: bolder; - cursor: pointer; -} -.button.creation2 { - background-color: #FF500F; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - font-weight: bolder; - cursor: pointer; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons 14618a**/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #535353; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - margin-left: 5px; -} -//settings tabs -ul.rs_tabs { - list-style-type: none; - font-size: 11px; -} -ul.rs_tabs li { - float: left; - margin-bottom: 30px; - clear: both; -} -ul.rs_tabs li .selected { - background-color: #535353; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - font-size: 13px; -} -.rs_tabs { - list-style-type: none; - font-size: 11px; - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.rs_tab.button { - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: bolder; - padding: 3px; - color: #333333; - text-decoration: none; - } -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -.suggest-select { -width: 500px; -height: 350px; - } -.message-to-select { - width: 400px; - height: 150px; - } -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -box-shadow: 2px 2px 5px 0px #000000; -margin: 0px; -border-radius: 10px; -height: 145px !important; -width: 145px !important; -} -.lframe { - float: left; - /*margin: 0px 10px 10px 0px;*/ -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -16px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 55px; - height: 55px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} - -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } - -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { -position: relative; -width: 400px; -padding: 20px; -padding-top: 10px; -margin: 0 0px; -margin-bottom: 10px; -background-color: white; --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); -} -.vevent .event-location { - margin-left: 10px; - margin-right: 10px; -} -.vevent .event-description { -margin-left: 10px; -margin-right: 10px; -font-size: 1.1em; -font-weight: bolder; -} -.vevent .event-start, .vevent .event-end { - -margin-right: 20px; -margin-bottom: 2px; -margin-top: 2px; -font-size: 0.9em; -text-align: left; -} -.event-start .dtstart, .event-end .dtend { -float: right; -} - - -#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("../../../view/theme/diabook/icons/events2.png") !important; - 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; -} -.calendar.eventcal a { - color: #1872A2; - } -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 10px; - } -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -section .directory-item dl { -height: auto; -overflow: auto; -} - -section .directory-item dt { -float: left; -margin-left: 0px; -text-align: right; -color: #999; -} - -section .directory-item dd { -float: left; -margin-left: 5px; -} - -.directory-profile-wrapper { -float: left; -max-height: 178px; -overflow: hidden; -width: 635px; -} - -.directory-copy-wrapper { -float:left; -overflow: hidden; -} - -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 800px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} - -section .directory-photo-wrapper { -float: left; -height: 200px; -width: 165px; -} - -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #1872A2; - } -.photo-top-album-img{ - - } -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 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; -} - diff --git a/view/theme/diabook/photo-menu.jpg b/view/theme/diabook/photo-menu.jpg new file mode 100644 index 0000000000000000000000000000000000000000..fde5eb53524ddb12ec5642f33d0d34e14e256193 GIT binary patch literal 459 zcmex=&g!NbMF!_CFb&C4ewz{@Ad$IUGuCLky*A}T7%!!Ir&CL$pu zA}RthgpnDjhlQ1sm6cP3mz!6FWbpq0gCGZk0D}NCqY?v?AS1IN>UQrQGDKoE6M2QoDc3G+f#K-Lz&!r^Qc^B##H0%WszGMCU1W znAE#pe4KOt&Ml**OEy0VoUS}?d3@zno#;NjlP3257arA~E4nCar)(9G=iXTV|0V#| C@@!oI literal 0 HcmV?d00001 diff --git a/view/theme/diabook/style-network-wide.css b/view/theme/diabook/style-network-wide.css deleted file mode 100644 index 1d152e7c0..000000000 --- a/view/theme/diabook/style-network-wide.css +++ /dev/null @@ -1,2585 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ -1024 -#adminpage { -/* width: 80%;*/ -} - -#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: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.contacts { - background-image: url("../../../view/theme/diabook/icons/contacts.png");} -.icon.notifications { - background-image: url("../../../view/theme/diabook/icons/notifications.png");} -.icon.notify { - background-image: url("../../../view/theme/diabook/icons/notify.png");} -.icon.messages { - background-image: url("../../../view/theme/diabook/icons/messages.png");} -.icon.community { - background-image: url("../../../view/theme/diabook/icons/community.png");} - -.icon.drop { background-image: url("../../../view/theme/diabook/icons/drop.png");} -.icon.drophide { background-image: url("../../../view/theme/diabook/icons/drop.png");} -.icon.dislike { background-image: url("../../../view/theme/diabook/icons/dislike.png");} -.icon.like { background-image: url("../../../view/theme/diabook/icons/like.png");} -.icon.pencil { background-image: url("../../../view/theme/diabook/icons/pencil.png");} -.icon.recycle { background-image: url("../../../view/theme/diabook/icons/recycle.png");} -.icon.remote-link { background-image: url("../../../view/theme/diabook/icons/remote.png");} -.icon.tagged { background-image: url("../../../view/theme/diabook/icons/tagged.png");} -.icon.file-as { background-image: url("../../../view/theme/diabook/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../../../view/theme/diabook/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../../../view/theme/diabook/icons/starred.png");} -.icon.link { background-image: url("../../../view/theme/diabook/icons/link.png");} -.icon.lock { background-image: url("../../../view/theme/diabook/icons/lock.png");} -.icon.unlock { background-image: url("../../../view/theme/diabook/icons/unlock.png");} -.icon.language { background-image: url("../../../view/theme/diabook/icons/language.png");} - - - -.camera { background-image: url("../../../view/theme/diabook/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../../../view/theme/diabook/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../../../view/theme/diabook/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../../../view/theme/diabook/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../../../view/theme/diabook/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../../../view/theme/diabook/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../../../view/theme/diabook/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../../../view/theme/diabook/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../../../view/theme/diabook/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../../../view/theme/diabook/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} - - - - -.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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../../../view/theme/diabook/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../../../view/theme/diabook/icons/toogle_off.png"); background-repeat: no-repeat;} -.icon.prev { background-image: url("../../../view/theme/diabook/icons/prev.png"); background-repeat: no-repeat;} -.icon.next { background-image: url("../../../view/theme/diabook/icons/next.png"); background-repeat: no-repeat;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../../../view/theme/diabook/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../../../view/theme/diabook/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 5px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - border-top: 1px solid #BDCDD4; - - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; - -} - -h4 { - font-size: 1.1em; -} - -a { - color: #3465A4; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #3465A4; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -code { - font-family: Courier, monospace; - white-space: pre; - display: block; - overflow: auto; - border: 1px solid #444; - background: #EEE; - color: #444; - padding: 10px; - margin-top: 20px; -} -#panel { - position: absolute; - width: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover, -#fileas-sidebar .tool:hover { - background: #E7F2F7; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl div.notice { - background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #000; - z-index: 100; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -header #site-location { -position: absolute; -top: 30px; -} -header #banner { - overflow: hidden; - text-align: left; - width: 82%%; - margin-left: 25%; -} -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: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px; - position: absolute; - top: 10%; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #000; - color: #ffffff; - z-index: 99; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #ffffff; - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 7px; - -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: #fff; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border-bottom: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #ff0000; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../../../view/theme/diabook/icons/messages2.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../../../view/theme/diabook/icons/notify2.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../../../view/theme/diabook/icons/contacts2.png"); - } - -nav #nav-apps-link.selected { - background-color: #364e59; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #fff797; /*bdcdd4;*/ - color: #000; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 400px; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - color: #2D2D2D; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #E7F2F7; - } -.menu-profile-list-item{ - padding-left: 5px; - vertical-align: middle; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-icon.home{ - background: url("../../../view/theme/diabook/icons/home.png") no-repeat; - float: left; - height: 22px; - width: 22px; - } -.menu-profile-icon.photos{ - background: url("../../../view/theme/diabook/icons/mess_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.events{ - background: url("../../../view/theme/diabook/icons/events.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.notes{ - background: url("../../../view/theme/diabook/icons/notes.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.foren{ - background: url("../../../view/theme/diabook/icons/pubgroups.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.com_side{ - background: url("../../../view/theme/diabook/icons/com_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.pscontacts{ - background: url("../../../view/theme/diabook/icons/pscontacts.png") no-repeat; - float: left; - height: 22px; - width: 22px;} - -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} -aside #page-sidebar{display: none;} - -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 150px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; --moz-border-bottom-colors: #dbdbdb; - -moz-border-top-colors: #999; - -moz-border-left-colors: #999; - -moz-border-right-colors: #dbdbdb; -} -aside #side-follow-url { - width: 150px; - } -aside #side-peoplefind-url { - width: 150px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 55px; - height: 55px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -.widget .tool.selected { - background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center; -} -/* widget: search */ -span.sbox_l { - background: white url('../../../view/theme/diabook/icons/srch_l.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-left: 10px; - margin-top: 5px; - -} - -span.sbox_r { - background: white url('../../../view/theme/diabook/icons/srch_r.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-top: 5px; -} - -span.sbox input { - background: white url('../../../view/theme/diabook/icons/srch_bg.gif') repeat-x top left; - float: left; - margin-top: 5px; - border: 0; - height: 13px; width: 100px; - padding: 3px; - font: 11px/13px arial; - color: #000; -} -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: auto; - padding: 0px 0px 0px 12px; -} - -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 575px; - } -.qcomment{ - max-width: 122px; - } - -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } -/*marker*/ -right_aside { - display: table-cell; - vertical-align: top; - width: 180px; - /*border-left: 1px solid #D2D2D2;*/ - - /* background: #F1F1F1; */ -} -/*marker*/ -right_aside h3 {font-size: 1.05em; border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 9px; margin-bottom: 0px; -margin-top:30px;} -right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } -right_aside .directory-photo { margin: 0px; } -right_aside .directory-photo-img { max-width: 45px; max-height: 45px; } -right_aside #likes { margin: 0px; padding: 0px; list-style: none; } -right_aside .items-wrapper{ overflow: auto; width: 100%; } -right_aside #lastusers-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -right_aside #ra-photos-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} -#page-sidebar-right_aside ul {margin-top: 0px;} -#page-sidebar-right_aside .label {max-width: 128px;} -right_aside .icon {width: 10px; height: 10px;} -.close_box { - background-image: url("../../../view/theme/diabook/icons/close_box.png"); - float: right; - opacity: 0.1; - } -.close_box:hover { - background-image: url("../../../view/theme/diabook/icons/close_box.png"); - float: right; - cursor: pointer; - 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 */ -/*marker*/ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} - -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - -} -/*marker*/ -.wall-item-container .wall-item-content img { - - -} -.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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 1.6em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 585px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 583px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 585px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; - -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - cursor: pointer; - font-weight: bolder; -} -.button.creation2 { - background-color: #33ACFF; - background-image: -moz-linear-gradient(center top , #66C1FF 0%, #0097FF 100%); - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - cursor: pointer; - font-weight: bolder; -} -/*input[type="submit"] { - background-color: #33ACFF; - background-image: -moz-linear-gradient(center top , #66C1FF 0%, #0097FF 100%); - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons **/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #333333; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; -} -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.lframe { - float: left; -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -16px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 55px; - height: 55px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { - -} -.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: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } - -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 5px; - margin-top: 30px; - } -.comment-edit-text-empty { - margin: 10px 0 0; - width: 85%; -} -.comment-edit-photo { - margin: 10px 0 0; -} -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 200px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -/* -.photo-top-album-name { - position: absolute; - bottom: 0; - padding: 0 5px; -}*/ -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 15px; - width: 200px; height: 200px; - -}*/ -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #3465A4; - } -#photo-top-end { - clear: both; -} - -#photo-top-links { - margin-bottom: 30px; - margin-left: 30px; -} - -#photos-upload-newalbum-div { - float: left; - width: 175px; -} \ No newline at end of file diff --git a/view/theme/diabook/style-network.css b/view/theme/diabook/style-network.css index 888b5b6c7..238d8fb34 100644 --- a/view/theme/diabook/style-network.css +++ b/view/theme/diabook/style-network.css @@ -394,14 +394,7 @@ } /* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 12.5px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; -} + h4 { font-size: 1.1em; @@ -1157,12 +1150,6 @@ span.sbox input { top: 18px; } /* section */ -section { - display: table-cell; - vertical-align: top; - width: auto; - padding: 0px 0px 0px 12px; -} body .pageheader{ text-align: center; @@ -1258,14 +1245,7 @@ transition: all 0.2s ease-in-out; /* wall item */ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 575px; - padding-top: 10px; -} + .wall-item-decor { position: absolute; left: 790px; diff --git a/view/theme/diabook/style-profile-wide.css b/view/theme/diabook/style-profile-wide.css deleted file mode 100644 index 953b1b5af..000000000 --- a/view/theme/diabook/style-profile-wide.css +++ /dev/null @@ -1,2563 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#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: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.contacts { - background-image: url("../../../view/theme/diabook/icons/contacts.png");} -.icon.notifications { - background-image: url("../../../view/theme/diabook/icons/notifications.png");} -.icon.notify { - background-image: url("../../../view/theme/diabook/icons/notify.png");} -.icon.messages { - background-image: url("../../../view/theme/diabook/icons/messages.png");} -.icon.community { - background-image: url("../../../view/theme/diabook/icons/community.png");} - -.icon.drop { background-image: url("../../../view/theme/diabook/icons/drop.png");} -.icon.drophide { background-image: url("../../../view/theme/diabook/icons/drop.png");} -.icon.dislike { background-image: url("../../../view/theme/diabook/icons/dislike.png");} -.icon.like { background-image: url("../../../view/theme/diabook/icons/like.png");} -.icon.pencil { background-image: url("../../../view/theme/diabook/icons/pencil.png");} -.icon.recycle { background-image: url("../../../view/theme/diabook/icons/recycle.png");} -.icon.remote-link { background-image: url("../../../view/theme/diabook/icons/remote.png");} -.icon.tagged { background-image: url("../../../view/theme/diabook/icons/tagged.png");} -.icon.file-as { background-image: url("../../../view/theme/diabook/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../../../view/theme/diabook/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../../../view/theme/diabook/icons/starred.png");} -.icon.link { background-image: url("../../../view/theme/diabook/icons/link.png");} -.icon.lock { background-image: url("../../../view/theme/diabook/icons/lock.png");} -.icon.unlock { background-image: url("../../../view/theme/diabook/icons/unlock.png");} -.icon.language { background-image: url("../../../view/theme/diabook/icons/language.png");} - - -.camera { background-image: url("../../../view/theme/diabook/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../../../view/theme/diabook/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../../../view/theme/diabook/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../../../view/theme/diabook/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../../../view/theme/diabook/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../../../view/theme/diabook/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../../../view/theme/diabook/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../../../view/theme/diabook/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../../../view/theme/diabook/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../../../view/theme/diabook/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} - - - - -.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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../../../view/theme/diabook/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../../../view/theme/diabook/icons/toogle_off.png"); background-repeat: no-repeat;} -.icon.prev { background-image: url("../../../view/theme/diabook/icons/prev.png"); background-repeat: no-repeat;} -.icon.next { background-image: url("../../../view/theme/diabook/icons/next.png"); background-repeat: no-repeat;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../../../view/theme/diabook/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../../../view/theme/diabook/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 5px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - border-top: 1px solid #BDCDD4; - - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; - -} - -h4 { - font-size: 1.1em; -} - -a { - color: #3465A4; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #3465A4; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -code { - font-family: Courier, monospace; - white-space: pre; - display: block; - overflow: auto; - border: 1px solid #444; - background: #EEE; - color: #444; - padding: 10px; - margin-top: 20px; -} -#panel { - position: absolute; - width: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover, -#fileas-sidebar .tool:hover{ - background: #E7F2F7; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl div.notice { - background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #000; - z-index: 100; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: left; - width: 82%%; - margin-left: 25%; -} -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: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px; - position: absolute; - top: 10%; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #000; - color: #ffffff; - z-index: 99; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #ffffff; - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 7px; - -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: #fff; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border-bottom: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #ff0000; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../../../view/theme/diabook/icons/messages2.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../../../view/theme/diabook/icons/notify2.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../../../view/theme/diabook/icons/contacts2.png"); - } - -nav #nav-apps-link.selected { - background-color: #364e59; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #fff797; /*bdcdd4;*/ - color: #000; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 400px; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - color: #2D2D2D; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - padding-left: 16px; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #EEE; - } -.menu-profile-list-item{ - padding-left: 5px; - vertical-align: middle; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-icon.home{ - background: url("../../../view/theme/diabook/icons/home.png") no-repeat; - } -.menu-profile-icon.photos{ - background: url("../../../view/theme/diabook/icons/mess_side.png") no-repeat; - } -.menu-profile-icon.events{ - background: url("../../../view/theme/diabook/icons/events.png") no-repeat; - } -.menu-profile-icon.notes{ - background: url("../../../view/theme/diabook/icons/notes.png") no-repeat; - } -.menu-profile-icon.foren{ - background: url("../../../view/theme/diabook/icons/pubgroups.png") no-repeat; - } -.menu-profile-icon.com_side{ - background: url("../../../view/theme/diabook/icons/com_side.png") no-repeat; - } - -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} - -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 150px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; -} -aside #side-follow-url { - width: 150px; - } -aside #side-peoplefind-url { - width: 150px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 48px; - height: 48px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -.widget .tool.selected { - background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center; -} -/* widget: search */ -span.sbox_l { - background: white url('../../../view/theme/diabook/icons/srch_l.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-left: 10px; - margin-top: 5px; - -} - -span.sbox_r { - background: white url('../../../view/theme/diabook/icons/srch_r.gif') no-repeat top left; - float: left; - width: 19px; height: 19px; - margin-top: 5px; -} - -span.sbox input { - background: white url('../../../view/theme/diabook/icons/srch_bg.gif') repeat-x top left; - float: left; - margin-top: 5px; - border: 0; - height: 13px; width: 100px; - padding: 3px; - font: 11px/13px arial; - color: #000; -} -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: 610px; - padding: 0px 0px 0px 12px; -} - -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 575px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } -/*marker*/ -right_aside { - display: table-cell; - vertical-align: top; - width: 180px; - /*border-left: 1px solid #D2D2D2;*/ - - /* background: #F1F1F1; */ -} -/*marker*/ -right_aside h3 {font-size: 1.05em; border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 9px; margin-bottom: 0px; -margin-top:30px;} -right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } -right_aside .directory-photo { margin: 0px; } -right_aside .directory-photo-img { max-width: 45px; max-height: 45px; } -right_aside #likes { margin: 0px; padding: 0px; list-style: none; } -right_aside .items-wrapper{ overflow: auto; width: 100%; } -right_aside #lastusers-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -right_aside #ra-photos-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto; width: 100%; } -#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} -#page-sidebar-right_aside ul {margin-top: 0px;} -#page-sidebar-right_aside .label {max-width: 128px;} -right_aside .icon {width: 10px; height: 10px;} -.close_box { - background-image: url("../../../view/theme/diabook/icons/close_box.png"); - float: right; - cursor: pointer; - opacity: 0.1; - } -.close_box:hover { - background-image: url("../../../view/theme/diabook/icons/close_box.png"); - float: right; - cursor: pointer; - 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 */ -/*marker*/ -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} - - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} - -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - -} -/*marker*/ -.wall-item-container .wall-item-content img { - - -} -.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-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 1.6em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 585px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 583px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 585px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - cursor: pointer; - font-weight: bolder; -} -.button.creation2 { - background-color: #33ACFF; - background-image: -moz-linear-gradient(center top , #66C1FF 0%, #0097FF 100%); - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - cursor: pointer; - font-weight: bolder; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons **/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #333333; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; -} -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -border-radius: 10px; -height: 145px !important; -width: 145px !important; - } -.lframe { - float: left; -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -16px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 48px; - height: 48px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { - -} -.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: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } - -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 5px; - margin-top: 30px; - } -.comment-edit-text-empty { - margin: 10px 0 0; - width: 85%; -} -.comment-edit-photo { - margin: 10px 0 0; -} -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 200px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -/* -.photo-top-album-name { - position: absolute; - bottom: 0; - padding: 0 5px; -}*/ -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 15px; - width: 200px; height: 200px; - -}*/ -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #3465A4; - } -#photo-top-end { - clear: both; -} - -#photo-top-links { - margin-bottom: 30px; - margin-left: 30px; -} - -#photos-upload-newalbum-div { - float: left; - width: 175px; -} \ No newline at end of file diff --git a/view/theme/diabook/style-profile.css b/view/theme/diabook/style-profile.css index b7d4da59c..01987dafe 100644 --- a/view/theme/diabook/style-profile.css +++ b/view/theme/diabook/style-profile.css @@ -398,7 +398,7 @@ body { font-size: 12.5px; background-color: #ffffff; color: #2d2d2d; - margin: 50px auto auto; + margin: 50px 8%; display: table; } @@ -1136,8 +1136,8 @@ span.sbox input { section { display: table-cell; vertical-align: top; - width: 610px; - padding: 0px 0px 0px 12px; + width: 90%; + padding: 20px; } body .pageheader{ @@ -1233,6 +1233,8 @@ right_aside .icon {width: 10px; height: 10px;} transition: all 0.2s ease-in-out; } /* wall item */ + +/* .tread-wrapper { border-bottom: 1px solid #D2D2D2; position: relative; @@ -1240,7 +1242,8 @@ transition: all 0.2s ease-in-out; margin-bottom: 0px; width: 575px; padding-top: 10px; -} +}*/ + .wall-item-decor { position: absolute; left: 790px; diff --git a/view/theme/diabook/style-wide.css b/view/theme/diabook/style-wide.css deleted file mode 100644 index 64393bdff..000000000 --- a/view/theme/diabook/style-wide.css +++ /dev/null @@ -1,2865 +0,0 @@ -/** - * Fabio Comuni - * Additional Changes: Michael Vogel - **/ - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { -/* width: 80%;*/ -} - -#pending-update { - float:right; - color: #ffffff; - font-weight: bold; - background-color: #FF0000; - padding: 0em 0.3em; -} - -.admin.linklist { - border: 0px; padding: 0px; - list-style: none; -} - -.admin.link { - list-style-position: inside; - font-size: 1em; - padding: 5px; - width: 100px; - 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; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - /* border: 1px solid #888888; */ - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #eeeeee; } -#adminpage .selectall { text-align: right; } -/* icons */ - -.icon.bb-url{ - background-image: url("../../../view/theme/diabook/icons/bb-url.png"); - float: right; - margin-top: 2px;} -.icon.quote{ - background-image: url("../../../view/theme/diabook/icons/quote.png"); - float: right; - margin-top: 2px;} -.icon.bold{ - background-image: url("../../../view/theme/diabook/icons/bold.png"); - float: right; - margin-top: 2px;} -.icon.underline{ - background-image: url("../../../view/theme/diabook/icons/underline.png"); - float: right; - margin-top: 2px;} -.icon.italic{ - background-image: url("../../../view/theme/diabook/icons/italic.png"); - float: right; - margin-top: 2px;} -.icon.bb-image{ - background-image: url("../../../view/theme/diabook/icons/bb-image.png"); - float: right; - margin-top: 2px;} -.icon.bb-video{ - background-image: url("../../../view/theme/diabook/icons/bb-video.png"); - float: right; - margin-top: 2px;} - -.icon.contacts { - background-image: url("../../../view/theme/diabook/icons/contacts.png");} -.icon.notifications { - background-image: url("../../../view/theme/diabook/icons/notifications.png");} -.icon.notify { - background-image: url("../../../view/theme/diabook/icons/notify.png");} -.icon.messages { - background-image: url("../../../view/theme/diabook/icons/messages.png");} -.icon.community { - background-image: url("../../../view/theme/diabook/icons/community.png");} - -.icon.drop { background-image: url("../../../view/theme/diabook/icons/drop.png");} -.icon.drophide { background-image: url("../../../view/theme/diabook/icons/drop.png");} -.icon.dislike { background-image: url("../../../view/theme/diabook/icons/dislike.png");} -.icon.like { background-image: url("../../../view/theme/diabook/icons/like.png");} -.icon.pencil { background-image: url("../../../view/theme/diabook/icons/pencil.png");} -.icon.recycle { background-image: url("../../../view/theme/diabook/icons/recycle.png");} -.icon.remote-link { background-image: url("../../../view/theme/diabook/icons/remote.png");} -.icon.tagged { background-image: url("../../../view/theme/diabook/icons/tagged.png");} -.icon.file-as { background-image: url("../../../view/theme/diabook/icons/file_as.png");} -.star-item.icon.unstarred { background-image: url("../../../view/theme/diabook/icons/unstarred.png");} -.star-item.icon.starred { background-image: url("../../../view/theme/diabook/icons/starred.png");} -.icon.link { background-image: url("../../../view/theme/diabook/icons/link.png");} -.icon.lock { background-image: url("../../../view/theme/diabook/icons/lock.png");} -.icon.unlock { background-image: url("../../../view/theme/diabook/icons/unlock.png");} -.icon.language { background-image: url("../../../view/theme/diabook/icons/language.png");} - - -.camera { background-image: url("../../../view/theme/diabook/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.attach { background-image: url("../../../view/theme/diabook/icons/attach.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video2 { background-image: url("../../../view/theme/diabook/icons/video.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.video { background-image: url("../../../view/theme/diabook/icons/video.png"); - display: block; width: 100%; height: 140px; background-repeat: no-repeat; - } -.audio2 { background-image: url("../../../view/theme/diabook/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.audio { background-image: url("../../../view/theme/diabook/icons/audio.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.weblink { background-image: url("../../../view/theme/diabook/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.globe { background-image: url("../../../view/theme/diabook/icons/globe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.unglobe { background-image: url("../../../view/theme/diabook/icons/unglobe.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } -.edit {background-image: url("../../../view/theme/diabook/icons/pencil2.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat;} -.icon.block {background-image: url("../../../view/theme/diabook/icons/block.png"); - display: block; width: 16px; height: 16px; background-repeat: no-repeat;} -.icon.block.dim {background-image: url("../../../view/theme/diabook/icons/block.png"); - display: block; width: 16px; height: 16px; background-repeat: no-repeat; opacity: 0.3;} -.icon.ad_drop { background-image: url("../../../view/theme/diabook/icons/drop.png"); - display: block; margin-left:5px; width: 16px; height: 16px; background-repeat: no-repeat;} - - - -.article { background-position: -50px 0px;} -/*.audio { background-position: -70px 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;}*/ -.small-pencil { background-position: -170px -20px;} -/*.recycle { background-position: -190px -20px;}*/ -/*.remote-link { background-position: -210px -20px;}*/ -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -/*.lock { background-position: -70px -40px;}*/ - -/*.video { background-position: -110px -40px;}*/ -.youtube { background-position: -130px -40px;} - -/*.attach { background-position: -190px -40px;}*/ -/*.language { background-position: -210px -40px;}*/ - - -.icon.on { background-image: url("../../../view/theme/diabook/icons/toogle_on.png"); background-repeat: no-repeat;} -.icon.off { background-image: url("../../../view/theme/diabook/icons/toogle_off.png"); background-repeat: no-repeat;} -.icon.prev { background-image: url("../../../view/theme/diabook/icons/prev.png"); background-repeat: no-repeat;} -.icon.next { background-image: url("../../../view/theme/diabook/icons/next.png"); background-repeat: no-repeat;} -/*.tagged { background-position: -130px -60px;}*/ - -.attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../images/content-types.png'); -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -.icon.drop, .icon.drophide { - float: left; -} - -.icon { - display: block; - width: 20px; - height: 20px; - /*background-image: url('icons.png');*/ -} - -.icon { - background-color: transparent ; - background-repeat: no-repeat; - /* background-position: left center; */ - display: block; - overflow: hidden; - text-indent: -9999px; - padding: 1px; -} - -.icon.border.camera{ - background-image: url("../../../view/theme/diabook/icons/camera.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - } - -.icon.border.link{ - background-image: url("../../../view/theme/diabook/icons/weblink.png"); - display: block; width: 28px; height: 28px; background-repeat: no-repeat; - margin-left: 10px; - } - -.icon.text { - text-indent: 0px; -} -.icon.s10 { - min-width: 10px; - height: 10px; -} -.icon.s10.notify { - background-image: url("../../../images/icons/10/notify_off.png"); -} -.icon.s10.gear { - background-image: url("../../../images/icons/10/gear.png"); -} -.icon.s10.add { - background-image: url("../../../images/icons/10/add.png"); -} -.icon.s10.delete { - background-image: url("../../../images/icons/10/delete.png"); -} -.icon.s10.edit { - background-image: url("../../../images/icons/10/edit.png"); -} -.icon.s10.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s10.menu { - background-image: url("../../../images/icons/10/menu.png"); -} -.icon.s10.link { - background-image: url("../../../images/icons/10/link.png"); -} -.icon.s10.lock { - background-image: url("../../../images/icons/10/lock.png"); -} -.icon.s10.unlock { - background-image: url("../../../images/icons/10/unlock.png"); -} -.icon.s10.text { - padding: 2px 0px 0px 15px; - font-size: 10px; -} -.icon.s16 { - min-width: 16px; - height: 16px; -} -.icon.s16.notify { - background-image: url("../../../images/icons/16/notify_off.png"); -} -.icon.s16.gear { - background-image: url("../../../images/icons/16/gear.png"); -} -.icon.s16.add { - background-image: url("../../../images/icons/16/add.png"); -} -.icon.s16.delete { - background-image: url("../../../images/icons/16/delete.png"); -} -/*.icon.s16.edit { - background-image: url("../../../images/icons/16/edit.png"); -}*/ -.icon.s16.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s16.menu { - background-image: url("../../../images/icons/16/menu.png"); -} -/*.icon.s16.link { - background-image: url("../../../images/icons/16/link.png"); -}*/ -.icon.s16.lock { - background-image: url("../../../images/icons/16/lock.png"); -} -.icon.s16.unlock { - background-image: url("../../../images/icons/16/unlock.png"); -} -.icon.s16.text { - padding: 4px 0px 0px 20px; - font-size: 10px; -} -.icon.s22 { - min-width: 22px; - height: 22px; -} -.icon.s22.notify { - background-image: url("../../../images/icons/22/notify_off.png"); -} -.icon.s22.gear { - background-image: url("../../../images/icons/22/gear.png"); -} -.icon.s22.add { - background-image: url("../../../images/icons/22/add.png"); -} -.icon.s22.delete { - background-image: url("../../../images/icons/22/delete.png"); -} -.icon.s22.edit { - background-image: url("../../../images/icons/22/edit.png"); -} -.icon.s22.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s22.menu { - background-image: url("../../../images/icons/22/menu.png"); -} -.icon.s22.link { - background-image: url("../../../images/icons/22/link.png"); -} -.icon.s22.lock { - background-image: url("../../../images/icons/22/lock.png"); -} -.icon.s22.unlock { - background-image: url("../../../images/icons/22/unlock.png"); -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.s48 { - width: 48px; - height: 48px; -} -.icon.s48.notify { - background-image: url("../../../images/icons/48/notify_off.png"); -} -.icon.s48.gear { - background-image: url("../../../images/icons/48/gear.png"); -} -.icon.s48.add { - background-image: url("../../../images/icons/48/add.png"); -} -.icon.s48.delete { - background-image: url("../../../images/icons/48/delete.png"); -} -.icon.s48.edit { - background-image: url("../../../images/icons/48/edit.png"); -} -.icon.s48.star { - background-image: url("../../../images/star_dummy.png"); -} -.icon.s48.menu { - background-image: url("../../../images/icons/48/menu.png"); -} -.icon.s48.link { - background-image: url("../../../images/icons/48/link.png"); -} -.icon.s48.lock { - background-image: url("../../../images/icons/48/lock.png"); -} -.icon.s48.unlock { - background-image: url("../../../images/icons/48/unlock.png"); -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; -} - -.hide-comments-outer { - margin-left: 80px; - margin-bottom: 5px; - width: 675px; - border-bottom: 1px solid #BDCDD4; - border-top: 1px solid #BDCDD4; - - padding: 8px; -} - -/* global */ -body { - font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - background-color: #ffffff; - color: #2d2d2d; - margin: 50px auto auto; - display: table; - -} - -#jappix_mini { -right: 45px !important; -} - -h4 { - font-size: 1.1em; -} - -a { - color: #3465A4; - /* color: #3e3e8c; */ - text-decoration: none; -} -a:hover { - /* color: blue; */ - text-decoration: underline -} - -.wall-item-name-link { -/* float: left;*/ -} - -.wall-item-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} - -.left { - float: left; -} -.right { - float: right; -} -.hidden { - display: none; -} -.clear { - clear: both; -} -.fakelink { - color: #3465A4; - /* color: #3e3e8c; */ - text-decoration: none; - cursor: pointer; -} -.fakelink:hover { - /* color: blue; */ - /*color: #005c94; */ - text-decoration: underline; -} -.intro-end { - border-bottom: 1px solid black; - clear: both; - margin-bottom: 25px; - padding-bottom: 25px; - width: 75%; - } -.intro-form-end { - clear: both; - } -.intro-fullname { - padding-bottom: 5px; - padding-top: 5px; - } -.intro-wrapper-end { - clear: both; - padding-bottom: 5px; - } -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: 12em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 1em; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -/* tool */ -.tool { - height: auto; - overflow: auto; - padding: 3px; -} -#saved-search-ul .tool:hover, -#nets-sidebar .tool:hover, -#sidebar-group-list .tool:hover, -#fileas-sidebar .tool:hover { - background: #E7F2F7; -} -.tool .label { - float: left; -} -.tool .action { - float: right; -} -.tool a { - color: ##3F8FBA; -} -.tool a:hover { - text-decoration: none; -} -/* popup notifications */ -div.jGrowl.top-right { top: 30px; /* put it below header/nav bar */ } -div.jGrowl div.notice { - background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -/* header */ -header { - position: fixed; - left: 0%; - right: 80%; - top: 0px; - margin: 0px; - padding: 0px; - width: 22%; - height: 32px; - background: #000; - z-index: 100; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: left; - width: 82%%; - margin-left: 25%; -} -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: middle; - font-weight: bolder; - margin-left: 3px; -} -header #banner #logo-img { - height: 25px; - margin-top: 3px; -} -header #banner #logo-text { - font-size: 20px!important;position: relative!important;top: -4px!important; -} -/* messages */ -#message-new { - background: #19aeff; - border: 1px solid #005c94; - width: 150px; -} -#message-new a { - color: #ffffff; - text-align: center; - display: block; - font-weight: bold; - padding: 1em 0px; - text-decoration: none; -} -.mail-list-wrapper { - background-color: #f6f7f8; - margin-bottom: 5px; - width: 100%; - height: auto; - overflow: hidden; -} -.mail-list-wrapper span { - display: block; - float: left; - width: 20%; - overflow: hidden; -} -.mail-list-wrapper .mail-subject { - width: 30%; - padding: 4px 0px 0px 4px; -} -.mail-list-wrapper .mail-subject a { - display: block; -} -.mail-list-wrapper .mail-subject.unseen a { - font-weight: bold; -} -.mail-list-wrapper .mail-date { - padding: 4px 4px 0px 4px; -} -.mail-list-wrapper .mail-from { - padding: 4px 4px 0px 4px; -} -.mail-list-wrapper .mail-count { - padding: 4px 4px 0px 4px; - text-align: right; -} -.mail-list-wrapper .mail-delete { - float: right; -} -#mail-display-subject { - background-color: #f6f7f8; - color: #2d2d2d; - margin-bottom: 10px; - width: 100%; - height: auto; - overflow: hidden; -} -#mail-display-subject span { - float: left; - overflow: hidden; - padding: 4px 0px 0px 10px; -} -#mail-display-subject .mail-delete { - float: right; - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -#mail-display-subject:hover .mail-delete { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -/* nav */ -nav { - width: 80%; - height: 32px; - position: fixed; - left: 22%; - top: 0px; - padding: 0px; - background: #000; - color: #ffffff; - z-index: 99; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #ffffff; - text-decoration: none; - outline: none; -} -nav #banner { - overflow: hidden; - /*text-align: center;*/ - width: 100%; -} -nav #banner a, -nav #banner a:active, -nav #banner a:visited, -nav #banner a:link, -nav #banner a:hover { - color: #ffffff; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -nav #banner #logo-img { - height: 22px; - margin-top: 5px; -} -nav #banner #logo-text { - font-size: 22px; -} -nav #navbar{ - } -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - /* padding: 1px 1px 3px 1px; */ - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; -} - -nav #logo-img { - height: 25px; - margin-top: 4px; - margin-left: 30px; -} - -nav #logo-text { - font-size: 22px; - margin-top: 3px; - margin-right: 15px; -} -nav .nav-menu-search { - position: relative; - - margin: 4px 17px; - margin-right: 0px; - height: 17px; - width: 180px; - -} - -nav #search-box #search-text { - background-image: url('icons/lupe.png'); - background-repeat:no-repeat; - padding-left:20px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; - } - - -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 7px; - -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: #fff; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -/*marker*/ -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 3px 15px 0px; - font-size: 15px; - /*border-bottom: 3px solid #364A84;*/ -} -nav .nav-menu.selected { - /*border-bottom: 3px solid #9eabb0;*/ -} -nav .nav-notify { - display: none; - position: absolute; - background-color: #ff0000; - /* 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; - font-weight: 900; - padding: 1px 4px; - top: 0px; - right: -6px; - min-width: 10px; - text-align: center; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-site-linkmenu, -nav #nav-home-link, -nav #nav-user-linkmenu -{ - float: right; -} -nav #nav-user-linkmenu{ - margin-right: 0px; - } -nav #nav-home-link, #nav-directory-link, #nav-apps-link{ - margin-left: 0px; - margin-right: 0px; - font-weight: bold; - margin: 3px 5px; - } -nav #nav-directory-link{ - margin-right: 0px; - } -nav #nav-home-link{ - margin-left: 0px; - } -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} - -nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{ - background-image: url("../../../view/theme/diabook/icons/messages2.png"); - } - -/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{ - background-image: url("../../../view/theme/diabook/icons/notify2.png"); - } - -nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{ - background-image: url("../../../view/theme/diabook/icons/contacts2.png"); - } - -nav #nav-apps-link.selected { - background-color: #364e59; -} - -#nav-notifications-mark-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -#nav-notifications-see-all { - /* padding: 1px 1px 2px 26px; */ - /* border-bottom: 1px solid #364E59; */ - /* margin: 0px 0px 2px 0px; - padding: 5px 10px; */ -} - -.notify-seen { - background: none repeat scroll 0 0 #DDDDDD; - } - -ul.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -ul.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #fff797; /*bdcdd4;*/ - color: #000; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -/* autocomplete popup */ -.acpopup { - max-height: 150px; - background-color: #ffffff; - color: #2d2d2d; - border: 1px solid #MenuBorder; - overflow: auto; - z-index: 100000; - -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -} -.acpopupitem { - color: #2d2d2d; - padding: 4px; - clear: left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - background-color: #bdcdd4; -} -#nav-notifications-menu { - width: 425px !important; - max-height: 550px; - overflow: auto; -} -/* #nav-notifications-menu a { - display: inline; - padding: 5px 0px; - margin: 0px 0px 2px 0px; -} -#nav-notifications-menu li:hover { - background-color: #bdcdd4; -}*/ - -#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; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -/*profile_side*/ -#profile_side { - margin-bottom: 30px; -} -#ps-usericon{ - height: 25px - } -#ps-username{ - font-size: 1.17em; - font-weight: bold; - vertical-align: top; - position: absolute; - padding-top: 4px; - padding-left: 5px; - color: #2D2D2D; - word-wrap: break-word; - width: 130px; - } -#ps-username:hover{ - text-decoration: none; - } -.menu-profile-side{ - list-style: none; - padding-left: 0px; - min-height: 0px; - } -.menu-profile-list{ - height: auto; - overflow: auto; - min-height: 16px; - list-style: none; - } -.menu-profile-list:hover{ - background: #E7F2F7; - } -.menu-profile-list-item{ - padding-left: 5px; - vertical-align: middle; - } -.menu-profile-list-item:hover{ - text-decoration: none; - } -/*http://prothemedesign.com/circular-icons/*/ -.menu-profile-icon.home{ - background: url("../../../view/theme/diabook/icons/home.png") no-repeat; - float: left; - height: 22px; - width: 22px; - } -.menu-profile-icon.photos{ - background: url("../../../view/theme/diabook/icons/mess_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.events{ - background: url("../../../view/theme/diabook/icons/events.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.notes{ - background: url("../../../view/theme/diabook/icons/notes.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.foren{ - background: url("../../../view/theme/diabook/icons/pubgroups.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.com_side{ - background: url("../../../view/theme/diabook/icons/com_side.png") no-repeat; - float: left; - height: 22px; - width: 22px;} -.menu-profile-icon.pscontacts{ - background: url("../../../view/theme/diabook/icons/pscontacts.png") no-repeat; - float: left; - height: 22px; - width: 22px;} - -/* aside */ -/*marker*/ -aside { - display: table-cell; - vertical-align: top; - width: 180px; - padding: 0px 5px 0px 0px; - border-right: 1px solid #D2D2D2; - float: left; - /* background: #F1F1F1; */ -} -aside #page-sidebar{display: none;} -aside .vcard .fn { - font-size: 18px; - font-weight: bold; - margin-bottom: 5px; -} -aside .vcard .title { - margin-bottom: 5px; -} -aside .vcard dl { - height: auto; - overflow: auto; -} -aside .vcard dt { - float: left; - margin-left: 0px; - /*width: 35%;*/ - text-align: right; - color: #999999; -} -aside .vcard dd { - float: left; - margin-left: 5px; - /*width: 60%;*/ -} -aside #profile-extra-links ul { - padding: 0px; - margin: 0px; -} -aside #profile-extra-links li { - padding: 0px; - margin: 0px; - list-style: none; -} -aside #dfrn-request-link { - display: block; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; - color: #ffffff; - background: #005c94 url('../../../images/connect-bg.png') no-repeat left center; - font-weight: bold; - text-transform: uppercase; - padding: 4px 2px 2px 35px; -} -aside #dfrn-request-link:hover { - text-decoration: none; - background-color: #36c; - /* background-color: #19aeff; */ -} -aside #profiles-menu { - width: 20em; -} -aside #search-text { - width: 150px; - height: 17px; - padding-left: 10px; - border-top-left-radius: 15px; -border-top-right-radius: 15px; -border-bottom-right-radius: 15px; -border-bottom-left-radius: 15px; -} -aside #side-follow-url { - width: 173px; - } -aside #side-peoplefind-url { - width: 173px; - } -#contact-block { - overflow: auto; - height: auto; -} -#contact-block .contact-block-h4 { - float: left; - margin: 5px 0px; -} -#contact-block .allcontact-link { - float: right; - margin: 5px 0px; -} -#contact-block .contact-block-content { - clear: both; - overflow: auto; - height: auto; -} -#contact-block .contact-block-link { - float: left; - margin: 0px 2px 2px 0px; -} -#contact-block .contact-block-link img { - widht: 55px; - height: 55px; -} -#lost-password-link { - float: left; - margin-right: 20px; - } -#login-submit-wrapper{ - - margin-bottom: 12px; - } -aside #login-submit-button{ - margin-left: 0px!important; - } -aside #login-extra-links{ - padding-top: 0px!important; - } -/* widget */ -.widget { - margin-bottom: 2em; - /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} - .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ -/* font-size: 12px; */ -} -/*marker*/ -.widget h3 { - padding: 0px; - margin: 2px; - font-size: 1.05em; -} -.widget .action { - opacity: 0.1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget input.action { - opacity: 0.5; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget:hover .title .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget .tool:hover .action.ticked { - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.widget ul { - padding: 0px; -} -.widget ul li { - padding-left: 16px; - min-height: 16px; - list-style: none; -} -.group_selected { - background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center; - float: left; - height: 22px; - width: 22px; -} -.group_unselected { - background: url("../../../view/theme/diabook/icons/unselected.png") no-repeat left center; - float: left; - height: 22px; - width: 22px; -} -.icon.text_add { - background-image: url("../../../images/icons/16/add.png"); - float: right; - opacity: 0.2; - margin-right: 14px; - } -.icon.text_add:hover { - background-image: url("../../../images/icons/16/add.png"); - float: right; - cursor: pointer; - margin-right: 14px; - 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; - } -.icon.text_edit { - background-image: url("../../../images/icons/10/edit.png"); - opacity: 0.2; - margin-top: 6px; - float: right; - height: 10px; -} -.icon.text_edit:hover { - background-image: url("../../../images/icons/10/edit.png"); - opacity: 1; - margin-top: 6px; - float: right; - height: 10px; -} -/* widget: search */ -#add-search-popup { - width: 200px; - top: 18px; -} -/* section */ -section { - display: table-cell; - vertical-align: top; - width: 800px; - padding: 0px 0px 0px 12px; -} - -body .pageheader{ - text-align: center; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0px; - max-width: 775px; - } -.qcomment{ - max-width: 122px; - } -#id_username { - width: 173px; - } -#id_password { - width: 173px; - } -#id_openid_url { - width: 173px; - } -#contact-edit-end { - } -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; - clear: both; - display: block; -} -.tabs { - - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.tab.button { - margin-left: 5px; - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: normal; - padding: 3px; - color: #333333; - } - - -#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{ - margin-bottom: 10px; - } -/* wall item */ - -.tread-wrapper { - border-bottom: 1px solid #D2D2D2; - position: relative; - padding: 5px; - margin-bottom: 0px; - width: 775px; - padding-top: 10px; -} -/*marker*/ -.wall-item-decor { - position: absolute; - left: 780px; - top: -10px; - width: 16px; -} -/*marker*/ -.wall-item-container { - display: table; - width: 770px; -} - -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} -.wall-item-photo-container .wall-item-item, .wall-item-container .wall-item-bottom { - display: table-row; -} -.wall-item-bottom { - font-size: 13px; -} -.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: 80px; -} -.wall-item-photo-container .wall-item-info { - display: table-cell; - vertical-align: top; - text-align: left; - width: 80px; -} -.wall-item-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-photo-container .wall-item-location { - padding-right: 40px; - display: table-cell; -} -.wall-item-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-photo-container .wall-item-ago { - word-wrap: break-word; - width: 50px; - margin-left: 10px; - color: #999; -} -.wall-item-location { - - clear: both; - overflow: hidden; - - margin-bottom: 5px; -} -/*marker*/ -.wall-item-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - -} -/*marker*/ -.wall-item-photo-container .wall-item-content { - - max-width: 690px; - word-wrap: break-word; - - margin-bottom: 14px; -} -.wall-item-container .wall-item-content img { - max-width: 700px; -} -.wall-item-photo-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-photo-container .wall-item-links, .wall-item-photo-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-photo-container .wall-item-links .icon, .wall-item-photo-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-photo-container .wall-item-links .icon:hover, .wall-item-photo-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-name, .wall-item-photo-container .wall-item-name { - font-weight: bold; -} -.wall-item-container .wall-item-actions-author, .wall-item-photo-container .wall-item-actions-author { - width: 100%; - margin-bottom: 0.3em; -} -.wall-item-container .wall-item-actions-social, .wall-item-photo-container .wall-item-actions-social { - float: left; - margin-bottom: 1px; - display: table-cell; -} -.wall-item-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-photo-container .wall-item-actions-social a { - margin-right: 1em; -} -.wall-item-actions-social a { - float: left; -} - -.wall-item-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-photo-container .wall-item-actions-tools { - float: right; - width: 80px; - display: table-cell; -} -.wall-item-container .wall-item-actions-tools a { - float: right; -} -.wall-item-photo-container .wall-item-actions-tools a { - float: right; -} -.wall-item-container .wall-item-actions-tools input { - float: right; -} -.wall-item-photo-container .wall-item-actions-tools input { - float: right; -} -/*marker*/ -.wall-item-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 80px; - width: 690px; - border-bottom: 1px solid hsl(198, 21%, 79%); -} -.wall-item-photo-container.comment { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 40px; - width: 650px; - border-bottom: 1px solid #D2D2D2; -} -.wall-item-photo-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-photo-container { - display: table; - width: 780px; -} - -.my-comment-photo { - width: 48px; - margin-left: 40px; - margin-right: 32px; - } -.comment-edit-preview { - width: 500px; - margin-top: 10px; -} -.comment-edit-text-empty { - width: 500px; - border: 1px solid #D2D2D2; - height: 3.2em; - color: #2d2d2d; -} -.comment-edit-text-full { - font-size: 12.5px; - height: 3.3em; - - border: 1px solid #D2D2D2; - width: 500px; -} -.comment-edit-photo { - margin: 10px 0 0; - display: table-cell; -} -.wall-item-container.comment .contact-photo { - width: 32px; - height: 32px; - margin-left: 16px; - /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ - -} -.wall-item-container.comment { - top: 15px !important; - left: 15px !important; -} -.wall-item-container.comment .wall-item-links { - padding-left: 12px; -} -.wall-item-comment-wrapper { - margin: 1px 5px 5px 80px; -} -.wall-item-comment-wrapper .comment-edit-photo { - display: none; -} -.wall-item-comment-wrapper textarea { - height: 1.6em; - width: 100%; - font-size: 10px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - font-size: 14px; -} -.wall-item-comment-wrapper .comment-edit-text-full { - font-size: 14px; - height: 4em; - color: #2d2d2d; - border: 1px solid #2d2d2d; -} - -.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 { - top: 15px !important; - left: 15px !important; -} -.comment-edit-preview { - width: 500px; - margin-top: 10px; - background-color: #fff797; -} -.comment-edit-preview .wall-item-links { - padding-left: 12px; -} -.comment-edit-preview .wall-item-container { - width: 700px; -} -.comment-edit-preview .tread-wrapper { - width: 700px; - padding: 0; - margin: 10px 0; -} - -.shiny { - /* border-right: 10px solid #fce94f; */ - border-right: 1px solid #A7C7F7; - padding-right: 12px; -} - -#jot-preview-content{ - margin-top: 30px;} - -#jot-preview-content .tread-wrapper { - background-color: #fff797; -} - -.wall-item-tags { - padding-top: 1px; - padding-bottom: 2px; -} -.tag { - /*background: url("../../../images/tag_b.png") repeat-x center left;*/ - color: #999; - padding-left: 3px; - font-size: 12px; -} -.tag a { - padding-right: 5px; - /*background: url("../../../images/tag.png") no-repeat center right;*/ - color: #999; -} -.wwto { - position: absolute !important; - width: 25px; - height: 25px; - background: #FFFFFF; - border: 2px solid #364e59; - height: 25px; - width: 25px; - overflow: hidden; - padding: 1px; - position: absolute !important; - top: 40px; - left: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -} -.wwto .contact-photo { - width: auto; - height: 25px; -} -/* contacts menu */ -.contact-photo-wrapper { - position: relative; - width: 80px; -} - -.contact-photo-wrapper.wwto { - width: 25px; -} - -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} - -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper { - left: 0px; - top: 63px; -} -.contact-photo { - width: 48px; - height: 48px; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-name { - /* text-align: center; */ - /*font-weight: bold;*/ - font-size: 12px; -} -.contact-details { - color: #999999; -} -/* editor */ -.jothidden { - display: none; -} -#jot { - width: 785px; - margin: 0px 2em 20px 0px; -} -#profile-jot-form #profile-jot-text { - height: 2.0em; - width: 99%; - font-size: 15px; - color: #999999; - border: 1px solid #DDD; - padding: 0.3em; - margin-bottom: 10px; -} -.grey -{ - display: inline; - float: right; - } -#jot #jot-tools { - margin: 0px; - padding: 0px; - height: 40px; - overflow: none; - width: 783px; - background-color: #fff; - 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; - background-position: left center; -} -#jot #jot-tools li.perms a.lock { - width: 30px; - border-left: 10px solid #666666; - background-color: #666666; -} -#jot #jot-tools li.submit { - float: right; - background-color: #cccccc; - border-bottom: 2px solid #cccccc; - border-right: 1px solid #666666; - border-left: 1px solid #666666; -} -#jot #jot-tools li.submit input { - border: 0px; - margin: 0px; - padding: 0px; - background-color: #cccccc; - color: #666666; - width: 80px; - height: 40px; - line-height: 40px; -} -#jot #jot-tools li.submit input:hover { - background-color: #bdcdd4; - color: #666666; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#profile-jot-form #jot-title, #profile-jot-form #jot-category { - - border-radius: 5px 5px 5px 5px; - font-weight: bold; - height: 20px; - margin: 0 0 5px; - width: 60%; - border: 1px solid #d2d2d2; -} -#profile-jot-form #jot-title:-webkit-input-placeholder { - font-weight: normal; -} -#profile-jot-form #jot-title:-moz-placeholder { - font-weight: normal; -} -#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ - width: 785px; - height: 100px; - } -#jot #jot-title:hover { - border: 1px solid #999999; -} -#jot #jot-title:focus { - border: 1px solid #999999; -} -#jot #character-counter { - width: 80px; - float: right; - text-align: right; - height: 20px; - line-height: 20px; - padding-right: 20px; -} -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; - margin-top: 2px; -} -/*marker*/ -#profile-jot-wrapper{ - margin: 0 20px 20px 0; - width: 785px; - } -/*marker*/ -#profile-jot-submit-wrapper { - margin-bottom: 50px; - width: 785px; -} - -#profile-jot-submit { - float: right; - margin-top: 2px; - font-size: 14px; -} -#profile-upload-wrapper { - float: left; - margin-top: 2px; - margin-left: 10px; - -} -#profile-attach-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-rotator { - float: left; - margin-left: 30px; - margin-top: 2px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; - margin-top: 2px; -} -#profile-jot-perms { - float: left; - margin-left: 45px; - margin-top: 2px; -} -#jot-preview-link { - float: right; - margin-left: 10px; - margin-top: 2px; - font-size: 9px; - font-weight: bolder; - cursor: pointer; -} -#profile-jot-perms{ - float: right; - margin-left: 10px; - margin-top: 2px; - } -/** buttons **/ -.button.creation1 { - background-color: #fff; - border: 1px solid #777777; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - cursor: pointer; - font-weight: bolder; -} -.button.creation2 { - background-color: #33ACFF; - background-image: -moz-linear-gradient(center top , #66C1FF 0%, #0097FF 100%); - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; - cursor: pointer; - font-weight: bolder; -} -/*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; -}*/ -/** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block!important; -} -#acl-wrapper { - width: 690px; - float: left; -} -#acl-search { - float: right; - background: #ffffff url("../../../images/search_18.png") no-repeat right center; - padding-right: 20px; -} -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 5px 0px 30px; - color: #999999; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../images/show_all_on.png"); -} -#acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; -} -.acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 4px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; -} -#acl-wrapper a:hover { - text-decoration: none; - color: #000000; -} -.acl-button-show { - background-image: url("../../../images/show_off.png"); -} -.acl-button-hide { - background-image: url("../../../images/hide_off.png"); -} -.acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../images/show_on.png"); -} -.acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../images/hide_on.png"); -} -.acl-list-item.groupshow { - border-color: #9ade00; -} -.acl-list-item.grouphide { - border-color: #ff4141; -} -/** /acl **/ -/** tab buttons **/ -/*marker*/ -ul.tabs { - list-style-type: none; - padding-bottom: 10px; - font-size: 13px; - width: 805px; -} -ul.tabs li { - float: left; - margin-left: 5px; -} -ul.tabs li .active { - background-color: #333333; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 1px #CFCFCF; - margin-left: 5px; -} -//settings tabs -ul.rs_tabs { - list-style-type: none; - font-size: 11px; -} -ul.rs_tabs li { - float: left; - margin-bottom: 30px; - clear: both; -} -ul.rs_tabs li .selected { - background-color: #333; - border: 1px solid #777777; - color: white; - border-radius: 3px 3px 3px 3px; - box-shadow: 2px 2px 2px #CFCFCF; - font-size: 13px; -} -.rs_tabs { - list-style-type: none; - font-size: 11px; - background-position: 0 -20px; - background-repeat: repeat-x; - height: 27px; - padding: 0; - } -.rs_tab.button { - /*background: none repeat scroll 0 0 #F8F8F8;*/ - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - font-weight: bolder; - padding: 3px; - color: #333333; - text-decoration: none; - } -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100%; -} -.field label { - float: left; - width: 200px; -} -.field input, .field textarea { - width: 400px; -} -.field textarea { - height: 100px; -} -.field .field_help { - display: block; - margin-left: 200px; - color: #666666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666666; - background-image: url("../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color: #666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} -.field .onoff .on { - border-color: #204A87; - padding-right: 40px; - background-position: right center; - background-color: #D7E3F1; - color: #204A87; - text-align: left; -} -.field .hidden { - display: none!important; -} -.field.radio .field_help { - margin-left: 0px; -} -.suggest-select { -width: 500px; -height: 350px; - } -.message-to-select { - width: 400px; - height: 150px; - } -#directory-search-form{ - margin-bottom: 50px; - } -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; } - -#profile-edit-links li { - float: left; - list-style: none; - margin-left: 10px; -} - -.profile-edit-side-div { - display: none; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -.required { - display: inline; - color: #B20202; -} - -/* 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: 120px; - height: 120px; - float: left; -} -/* photo */ -.photo { -border-radius: 10px; -height: 145px !important; -width: 145px !important; - } -.lframe { - float: left; -} -/* profile match wrapper */ -.profile-match-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 20px; -} -.profile-match-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.profile-match-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.profile-match-wrapper { - left: 0px; - top: 63px; -} - -.contact-photo-menu-button { - position: relative; - background-image: url("../../../images/icons/16/menu.png"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px 0px -16px 0px; - padding: 0px; - width: 16px; - height: 16px; - top: -16px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: 11em; - border: 3px solid #364e59; - color: #2d2d2d; - background: #FFFFFF; -/* position: absolute;*/ - position: relative; - left: 0px; top: 0px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { - display: block; - padding: 5px 10px; - color: #2d2d2d; - text-decoration: none; -} -.contact-photo-menu li a:hover { - background-color: #bdcdd4; -} - -/* page footer */ -footer { - height: 100px; - display: table-row; -} - -blockquote { - border-left: 1px solid #D2D2D2; - padding-left: 9px; - margin: 0 0 0 .8ex; - color: #777; -} -.oembed { - font-weight: bold; -} -.aprofile dt{ -box-shadow: 1px 1px 5px 0; - color: #666666; - margin: 15px 0 5px; - padding-left: 5px; - } -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 55px; - height: 55px; - padding-right: 3px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-members-end { - clear: both; -} -#group-edit-desc { - margin-top: 15px; -} - -/* -#group-separator, -#prof-separator { display: none;} -*/ -#prof-members-end{ - clear: both; - } - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: right; - margin-top: 10px; -} -#prvmail-subject -{ -background: none repeat scroll 0 0 #FFFFFF; -border: 1px solid #CCCCCC; -border-radius: 5px 5px 5px 5px; -font-weight: bold; -height: 20px; -margin: 0 0 5px; -vertical-align: middle; -} -#prvmail-form{ - width: 597px; - } -#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; -} - -/* ========== */ -/* = Events = */ -/* ========== */ -.eventcal { - float: left; - font-size: 20px; -} - -.vevent { -position: relative; -width: 400px; -padding: 20px; -padding-top: 10px; -margin: 0 0px; -margin-bottom: 10px; -background-color: white; --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); -} -.vevent .event-location { - margin-left: 10px; - margin-right: 10px; -} -.vevent .event-description { -margin-left: 10px; -margin-right: 10px; -font-size: 1.1em; -font-weight: bolder; -} -.vevent .event-start, .vevent .event-end { - -margin-right: 20px; -margin-bottom: 2px; -margin-top: 2px; -font-size: 0.9em; -text-align: left; -} -.event-start .dtstart, .event-end .dtend { -float: right; -} - - -#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("../../../view/theme/diabook/icons/events2.png") !important; - 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: 1px solid #AAA; - margin: 10px; - padding: 10px; -} - -.app-title { - margin: 10px; -} - -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; -} - -#identity-manage-choose { - margin-bottom: 15px; -} - -#identity-submit { - margin-top: 20px; -} - -#photo-prev-link, #photo-next-link { - padding: 10px; - float: left; -} -.lightbox{ - float: left; - } - -#photo-photo { - float: left; -} -#photo-like-div .wall-item-like-buttons { - float: left; - margin-right: 5px; - margin-top: 30px; - } - - -.wall-item-like-buttons .icon.like { -float: left; -} - -#photo-photo-end { - clear: both; -} - -.tabs .comment-wwedit-wrapper { - display: block; - margin-top: 30px; - margin-left: 50px; - } - -.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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ -/* contacts menu */ -.contact-photo-wrapper { - position: relative; -} -.contact-photo { - width: 48px; - height: 48px; - overflow: hidden; - display: block; -} -.contact-photo img { - width: 48px; - height: 48px; -} -.contact-photo-menu-button { - display: none; - /* position: absolute; */ - /* position: absolute; */ - left: 0px; - top: -16px; -} -.contact-wrapper { - float: left; - width: 90px; - height: 90px; - margin-bottom: 15px; -} -.contact-wrapper .contact-photo { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo img { - width: 80px; - height: 80px; -} -.contact-wrapper .contact-photo-menu-button { - left: 0px; - top: 63px; -} -.directory-item { - float: left; - width: 200px; - height: 200px; -} -.directory-item .contact-photo { - width: 175px; - height: 175px; -} -.directory-item .contact-photo img { - width: 175px; - height: 175px; -} -.contact-name { - text-align: left; - font-weight: bold; - font-size: 12px; -} -.contact-details { - color: #999999; -} -#side-bar-photos-albums li{ -list-style-type: disc; -} -#side-bar-photos-albums ul li{ - margin-left: 30px; - padding-left: 0px; - } -#side-bar-photos-albums{ - margin-top: 15px; - } -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #888; - box-shadow: 0 0 5px #888; - background-color: #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 20px; - position: relative; - margin: 0 10px 10px 0; - width: 200px; height: 140px; - overflow: hidden; -} -/* -.photo-top-album-name { - position: absolute; - bottom: 0; - padding: 0 5px; -}*/ -/*.photo-top-image-wrapper { - position: relative; - float: left; - margin-top: 15px; - margin-right: 15px; - width: 200px; height: 200px; - -}*/ -.photo-top-album-name { - width: 100%; - position: absolute; - bottom: 0px; - padding-left: 3px; - background-color: #EEE; -} -.photo-top-album-link{ - color: #3465A4; - } -#photo-top-end { - clear: both; -} - -#photo-top-links { - margin-bottom: 30px; - margin-left: 30px; -} - -#photos-upload-newalbum-div { - float: left; - width: 175px; -} \ No newline at end of file diff --git a/view/theme/diabook/style.css b/view/theme/diabook/style.css index 286559b85..4c7886cbc 100644 --- a/view/theme/diabook/style.css +++ b/view/theme/diabook/style.css @@ -238,6 +238,7 @@ width: 20px; height: 20px; /*background-image: url('icons.png');*/ + float: left; } .icon { @@ -434,7 +435,7 @@ body { font-size: 12.5px; background-color: #ffffff; color: #2d2d2d; - margin: 50px auto auto; + margin: 50px 2%; display: table; } @@ -1319,8 +1320,8 @@ transition: all 0.2s ease-in-out; section { display: table-cell; vertical-align: top; - width: 800px; - padding: 0px 0px 0px 12px; + /* width: 90%; */ + /* padding: 20px;*/ } body .pageheader{ @@ -1378,7 +1379,8 @@ body .pageheader{ position: relative; padding: 5px; margin-bottom: 0px; - width: 775px; + margin-left: 15px; + /* width: 775px; */ padding-top: 10px; } @@ -1419,11 +1421,14 @@ body .pageheader{ -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; */ } -.wall-item-container .wall-item-info { +.wall-item-container, +.wall-item-info { display: table-cell; vertical-align: top; text-align: left; - width: 80px; + width: 110px; + float: left; + margin: 10px; } .wall-item-photo-container .wall-item-info { display: table-cell; @@ -1431,6 +1436,40 @@ body .pageheader{ text-align: left; width: 80px; } + +.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; } + + .wall-item-container .wall-item-location { padding-right: 40px; display: table-cell; @@ -1439,6 +1478,28 @@ body .pageheader{ padding-right: 40px; display: table-cell; } + +.wall-item-tools { + clear: both; + background-image: url("head.jpg"); + background-position: 0 -20px; + background-repeat: repeat-x; + padding: 5px 25% 0px; +} + +.wall-item-like-buttons { + float: left; + margin-right: 10px; +/* padding-right: 10px; */ +/* border-right: 2px solid #fff; */ +} + +.wall-item-lock { +position: absolute; +top: 5px; +left: 105px; +} + .wall-item-container .wall-item-ago { word-wrap: break-word; width: 50px; @@ -1459,6 +1520,15 @@ body .pageheader{ margin-bottom: 5px; } + +.wall-item-content-wrapper { + margin-top: 10px; + border: 1px solid #CCC; + position: relative; + -moz-border-radius: 3px; + border-radius: 3px; +} + .wall-item-container .wall-item-content { max-width: 720px; diff --git a/view/theme/diabook/style.php b/view/theme/diabook/style.php index d926579da..5c2e5a3cb 100644 --- a/view/theme/diabook/style.php +++ b/view/theme/diabook/style.php @@ -166,8 +166,8 @@ } if($resolution == "wide") { - if (file_exists("$THEMEPATH/style-wide.css")){ - echo file_get_contents("$THEMEPATH/style-wide.css"); + if (file_exists("$THEMEPATH/style.css")){ + echo file_get_contents("$THEMEPATH/style.css"); } if($diabook_font_size == "16"){ echo " @@ -445,8 +445,8 @@ } if($resolution == "wide") { - if (file_exists("$THEMEPATH/diabook-aerith/style-wide.css")){ - echo file_get_contents("$THEMEPATH/diabook-aerith/style-wide.css"); + if (file_exists("$THEMEPATH/diabook-aerith/style.css")){ + echo file_get_contents("$THEMEPATH/diabook-aerith/style.css"); } if($diabook_font_size == "16"){ echo " @@ -723,8 +723,8 @@ } if($resolution == "wide") { - if (file_exists("$THEMEPATH/diabook-blue/style-wide.css")){ - echo file_get_contents("$THEMEPATH/diabook-blue/style-wide.css"); + if (file_exists("$THEMEPATH/diabook-blue/style.css")){ + echo file_get_contents("$THEMEPATH/diabook-blue/style.css"); } if($diabook_font_size == "16"){ echo " @@ -1001,8 +1001,8 @@ } if($resolution == "wide") { - if (file_exists("$THEMEPATH/diabook-red/style-wide.css")){ - echo file_get_contents("$THEMEPATH/diabook-red/style-wide.css"); + if (file_exists("$THEMEPATH/diabook-red/style.css")){ + echo file_get_contents("$THEMEPATH/diabook-red/style.css"); } if($diabook_font_size == "16"){ echo " @@ -1279,8 +1279,8 @@ } if($resolution == "wide") { - if (file_exists("$THEMEPATH/diabook-pink/style-wide.css")){ - echo file_get_contents("$THEMEPATH/diabook-pink/style-wide.css"); + if (file_exists("$THEMEPATH/diabook-pink/style.css")){ + echo file_get_contents("$THEMEPATH/diabook-pink/style.css"); } if($diabook_font_size == "16"){ echo " @@ -1557,8 +1557,8 @@ } if($resolution == "wide") { - if (file_exists("$THEMEPATH/diabook-green/style-wide.css")){ - echo file_get_contents("$THEMEPATH/diabook-green/style-wide.css"); + if (file_exists("$THEMEPATH/diabook-green/style.css")){ + echo file_get_contents("$THEMEPATH/diabook-green/style.css"); } if($diabook_font_size == "16"){ echo " @@ -1835,8 +1835,8 @@ } if($resolution == "wide") { - if (file_exists("$THEMEPATH/diabook-dark/style-wide.css")){ - echo file_get_contents("$THEMEPATH/diabook-dark/style-wide.css"); + if (file_exists("$THEMEPATH/diabook-dark/style.css")){ + echo file_get_contents("$THEMEPATH/diabook-dark/style.css"); } if($diabook_font_size == "16"){ echo " diff --git a/view/theme/diabook/theme.php b/view/theme/diabook/theme.php index b4d7de179..5ddad11e8 100644 --- a/view/theme/diabook/theme.php +++ b/view/theme/diabook/theme.php @@ -37,7 +37,6 @@ load_config("diabook"); load_pconfig(local_user(), "diabook"); //get statuses of boxes at right-hand-column -$close_pages = get_diabook_config( "close_pages", 0 ); $close_profiles = get_diabook_config( "close_profiles", 0 ); $close_helpers = get_diabook_config( "close_helpers", 0 ); $close_services = get_diabook_config( "close_services", 0 ); @@ -109,8 +108,9 @@ if ($color=="dark") $color_path = "/diabook-dark/"; diabook_community_info(); // CUSTOM CSS + // Makes no difference now - but we'll keep this here in case I fucked up. if($resolution == "normal") {$cssFile = $a->get_baseurl($ssl_state)."/view/theme/diabook".$color_path."style-network.css";} - if($resolution == "wide") {$cssFile = $a->get_baseurl($ssl_state)."/view/theme/diabook".$color_path."style-network-wide.css";} + if($resolution == "wide") {$cssFile = $a->get_baseurl($ssl_state)."/view/theme/diabook".$color_path."style-network.css";} } } @@ -124,7 +124,7 @@ if ($color=="dark") $color_path = "/diabook-dark/"; // CUSTOM CSS if($resolution == "normal") {$cssFile = $a->get_baseurl($ssl_state)."/view/theme/diabook".$color_path."style-profile.css";} - if($resolution == "wide") {$cssFile = $a->get_baseurl($ssl_state)."/view/theme/diabook".$color_path."style-profile-wide.css";} + if($resolution == "wide") {$cssFile = $a->get_baseurl($ssl_state)."/view/theme/diabook".$color_path."style-profile.css";} } } @@ -302,11 +302,6 @@ if ($color=="dark") $color_path = "/diabook-dark/"; document.getElementById( "close_mapquery" ).style.display = "none"; }; - if('.$close_pages.') - { - document.getElementById( "close_pages" ).style.display = "none"; - }; - if('.$close_profiles.') { document.getElementById( "close_profiles" ).style.display = "none"; @@ -368,7 +363,6 @@ if ($color=="dark") $color_path = "/diabook-dark/"; function diabook_community_info() { $a = get_app(); - $close_pages = get_diabook_config( "close_pages", 0 ); $close_profiles = get_diabook_config( "close_profiles", 0 ); $close_helpers = get_diabook_config( "close_helpers", 0 ); $close_services = get_diabook_config( "close_services", 0 ); @@ -379,43 +373,6 @@ if ($color=="dark") $color_path = "/diabook-dark/"; $close_twitter = get_diabook_config( "close_twitter", 1 ); $close_mapquery = get_diabook_config( "close_mapquery", 1 ); - //Community_Pages at right_aside - if($close_pages != "1") { - if(local_user()) { - $page = ' -

'.t("Community Pages").'

-
    '; - - $pagelist = array(); - - $contacts = q("SELECT `id`, `url`, `name`, `micro`FROM `contact` - WHERE `network`= 'dfrn' AND `forum` = 1 AND `uid` = %d - ORDER BY `name` ASC", - intval($a->user['uid']) - ); - - $pageD = array(); - - // Look if the profile is a community page - foreach($contacts as $contact) { - $pageD[] = array("url"=>$contact["url"], "name"=>$contact["name"], "id"=>$contact["id"], "micro"=>$contact['micro']); - }; - - - $contacts = $pageD; - - foreach($contacts as $contact) { - $page .= '
  • ' . $contact['url'] . ' '. - $contact["name"]."
  • "; - } - $page .= '
'; - //if (sizeof($contacts) > 0) - $aside['$page'] = $page; - } - } - //END Community Page - // comunity_profiles if($close_profiles != "1") { $aside['$comunity_profiles_title'] = t('Community Profiles'); @@ -619,7 +576,6 @@ ion:none;" class="icon close_box" title="'.t("Settings").'"> } //end twitter if($ccCookie != "10") { - $close_pages = get_diabook_config( "close_pages", 0 ); $close_profiles = get_diabook_config( "close_profiles", 0 ); $close_helpers = get_diabook_config( "close_helpers", 0 ); $close_services = get_diabook_config( "close_services", 0 ); @@ -632,7 +588,6 @@ ion:none;" class="icon close_box" title="'.t("Settings").'"> $close_or_not = array('1'=>t("don't show"), '0'=>t("show"),); $boxsettings['title'] = Array("", t('Show/hide boxes at right-hand column:'), "", ""); $aside['$boxsettings'] = $boxsettings; - $aside['$close_pages'] = array('diabook_close_pages', t('Community Pages'), $close_pages, '', $close_or_not); $aside['$close_mapquery'] = array('diabook_close_mapquery', t('Earth Layers'), $close_mapquery, '', $close_or_not); $aside['$close_profiles'] = array('diabook_close_profiles', t('Community Profiles'), $close_profiles, '', $close_or_not); $aside['$close_helpers'] = array('diabook_close_helpers', t('Help or @NewHere ?'), $close_helpers, '', $close_or_not); @@ -646,7 +601,6 @@ ion:none;" class="icon close_box" title="'.t("Settings").'"> $baseurl = $a->get_baseurl($ssl_state); $aside['$baseurl'] = $baseurl; if (isset($_POST['diabook-settings-box-sub']) && $_POST['diabook-settings-box-sub']!=''){ - set_pconfig(local_user(), 'diabook', 'close_pages', $_POST['diabook_close_pages']); set_pconfig(local_user(), 'diabook', 'close_mapquery', $_POST['diabook_close_mapquery']); set_pconfig(local_user(), 'diabook', 'close_profiles', $_POST['diabook_close_profiles']); set_pconfig(local_user(), 'diabook', 'close_helpers', $_POST['diabook_close_helpers']); diff --git a/view/theme/diabook/todo b/view/theme/diabook/todo new file mode 100644 index 000000000..bf7b2a9d7 --- /dev/null +++ b/view/theme/diabook/todo @@ -0,0 +1,8 @@ +- Wall item tools in slightly the wrong place. +- Such and suck likes this in slightly the wrong place. +- Need to remove about 2 pixels from somewhere for 1024 resolution +- Quick and dirty hack to make people with wide already configured use the normal CSS needs to be done properly. +- Community profiles needs to be removed/pluginised or improved. Most profiles are from Facebook. That's unsupported. +- Earth layers needs to be pluginised. +- Twatter needs to be pluginised. +- There's still a LOT of CSS clean up to be done \ No newline at end of file diff --git a/view/theme/diabook/wall_thread.tpl b/view/theme/diabook/wall_thread.tpl deleted file mode 100644 index 21e0c747b..000000000 --- a/view/theme/diabook/wall_thread.tpl +++ /dev/null @@ -1,189 +0,0 @@ -{{if $mode == display}} -{{ else }} -{{if $item.comment_firstcollapsed}} -
- $item.num_comments - $item.hide_text - {{ if $item.thread_level==3 }} - - expand / - collapse thread{{ endif }} -
- {{endif}} -{{ endif }} - -{{if $item.threaded}}{{if $item.comment}}{{if $item.thread_level==1}} -
$item.comment
-{{ endif }}{{ endif }}{{ endif }} - - -{{ if $item.flatten }} -
$item.comment
-{{ endif }}