diff options
Diffstat (limited to 'view')
33 files changed, 374 insertions, 4275 deletions
diff --git a/view/theme/fancyred/css/style.css b/view/theme/fancyred/css/style.css deleted file mode 100644 index 8cc2d12e6..000000000 --- a/view/theme/fancyred/css/style.css +++ /dev/null @@ -1,3934 +0,0 @@ -/** - * duepuntozero Frindika style - * Fabio Comuni <fabrix.xm@gmail.com> - */ - - -/* generals */ -body { - font-family: helvetica,arial,freesans,clean,sans-serif; - font-size: 12px; - background-color: #ffffff; - background-repeat: repeat; - color: #000000; - margin: 0px; -} - -abbr { - border-bottom: none; -} - -aside { -border: none; -border-radius: 0px 0px 20px 0px; -width: 160px; -color: #d00; -background: #fff; -} - - -/* icons */ -.icon { - background-color: transparent ; - background-repeat: no-repeat; - display: block; - overflow: hidden; - text-indent: -9999px; -/* min-width: 22px; - height: 22px; */ -} -.icon.text { - text-indent: 0px; -} -.icon.notify { - background-image: url("../img/notify_on.png"); - min-width: 22px; - height: 22px; - margin-top: -4px; - background-position: left center; - padding: 1px; -} -.icon.gear { - background-image: url("../img/settings.png"); - min-width: 22px; - height: 22px; - background-position: left center; - padding: 1px; -} - -.icon.home { - background-image: url("../img/home.png"); - min-width: 22px; - height: 22px; - background-position: left center; - padding: 1px; -} - -.icon.network { - background-image: url("../img/network.png"); - min-width: 22px; - height: 22px; - background-position: left center; - padding: 1px; -} - -.icon.introductions { - background-image: url("../img/introductions.png"); - min-width: 22px; - height: 22px; - background-position: left center; - padding: 1px; -} - -.icon.mail { - background-image: url("../img/message.png"); - min-width: 22px; - height: 22px; - background-position: left center; - padding: 1px; -} - -.icon.events { - background-image: url("../img/events.png"); - min-width: 22px; - height: 22px; - background-position: left center; - padding: 1px; -} - -a, a:visited, a:link { color: #dd0000; text-decoration: none; } -a:hover { color: #dd0000; text-decoration: underline; } - -input { - border: 1px solid #666666; - -moz-border-radius: 5px; - border-radius: 5px; - padding: 3px; -} - -img { border :0px; } - - - - -code { - font-family: Courier, monospace; - display: block; - overflow: auto; - border: 1px solid #444; - background: #EEE; - color: #444; - padding: 10px; - margin-top: 20px; - max-width: 80%; - box-shadow: 5px 5px 5px #111; - border-radius: 5px; -} - -blockquote { - background-color: #f4f8f9; - border-left: 4px solid #dae4ee; - padding: 0.4em; -} - -.icollapse-wrapper, .ccollapse-wrapper { - border: 1px solid #CCC; - padding: 5px; -} - -.hide-comments { - margin-left: 5px; -} - -#panel { - background-color: ivory; - position: absolute; - z-index: 2; - width: 30%; - padding: 25px; - border: 1px solid #444; -} - -.heart { - color: #FF0000; - font-size: 100%; - margin-right: 5px; -} - - - -/* nav */ -nav { - display: block; -/* margin: 0px 10%; */ - border-bottom: 1px solid #d00; -} -nav #site-location { - color: #888a85; - font-size: 0.8em; - position: absolute; - border-radius: 1px solid #d00; -} - -.error-message { - color: #FF0000; - font-size: 1.1em; - border: 1px solid #FF8888; - background-color: #FFEEEE; - padding: 10px; -} - -.info-message { - color: #fff; - font-size: 1.1em; - background-color: #f00; - padding: 10px; -} - - -nav #banner #logo-text a { - font-size: 40px; - font-weight: bold; - margin-left: 3px; - color: #000000; - -} -nav #banner #logo-text a:hover { text-decoration: none; } - -header #site-location { - display: none; -} -header #banner { - overflow: hidden; - text-align: center; - width: 100%; - font-size: 2.2em; - font-family: tahoma, "Lucida Sans", sans; - color: #eec; - font-weight: bold; - -} -header #banner a, -header #banner a:active, -header #banner a:visited, -header #banner a:link, -header #banner a:hover { - color: #eec; - text-decoration: none; - outline: none; - vertical-align: bottom; -} -header #banner #logo-img { - height: 22px; - margin-top: 5px; -} -header #banner #logo-text { - font-size: 22px; -} - - - - -.nav-commlink, .nav-login-link { - display: block; - height: 15px; - margin-top: 67px; - margin-right: 2px; - //padding: 6px 10px; - padding: 6px 3px; - float: left; - bottom: 140px; - border: 1px solid #babdb6; - border-bottom: 0px; - background-color: #aec0d3; - color: #565854; - -moz-border-radius: 5px 5px 0px 0px; - border-radius: 5px 5px 0px 0px; -} -nav .nav-link { - float: right; - margin: 0.2em 0em; - padding: 0em 0.5em; - background-color: transparent !important; -} - -.nav-commlink.selected { - background-color: #ffffff; - border-bottom: 1px solid #ffffff; - color: #000000 !important; - margin-top: 64px; - padding-top: 6px; - padding-bottom: 8px; -} -.nav-ajax-left { - font-size: 0.8em; - float: left; - margin-top: 62px; -} - - -nav #nav-link-wrapper .nav-link { - border-right: 1px solid #babdb6; -} - - - -#dfrn-request-link { - display: block; - color: #FFFFFF; - -webkit-border-radius: 5px ; - -moz-border-radius: 5px; - border-radius: 5px; - padding: 5px; - font-weight: bold; - background: #3465a4 url('../img/friendika-16.png') no-repeat 95% center; -} -#wallmessage-link { - display: block; - color: #FFFFFF; - -webkit-border-radius: 5px ; - -moz-border-radius: 5px; - border-radius: 5px; - padding: 5px; - font-weight: bold; - background-color: #3465a4; -} -.tabs { - list-style: none; - margin: 15px 0px; - padding: 0; - } -.tabs li { - display: inline; - font-weight: bold; -} -.tab { - height: auto; - background-color: #f00; - color: #fff !important; - font-weight: bold; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 20px; - margin: 0; - width: auto; - box-shadow: 5px 5px 5px #444; - margin-left: 8px; - padding: 4px; - text-align: center; -} -.tab:hover, .tab.active:hover { - background: #d00; - color: #fff; - ; -} -.tab:active { - background: #fff; - color: #f00; -} -.tab.active { - background: #f00; - color: #fff; - box-shadow: 3px 3px 3px #333 inset; - padding: 5px; /* another strageness of the human mind - has to be larger than inactive tabs, or it looks smaller than them */ -} - -.tab a, .settings-widget a { - border: 0; - text-decoration: none; - color: #fff; -} - -/* footer */ -footer { - text-align: right; - padding-bottom: 1em; - padding-right: 3em; -} - -#powered-by { - position: fixed; - bottom: 1px; - left: 15px; - opacity: 0.3; - filter:alpha(opacity=30); - -} - -.birthday-today, .event-today { - font-weight: bold; -} - -div.wall-item-content-wrapper.shiny { - opacity: 1; -} - -.preview { - background: #FFFFC8; -} - -#theme-preview { - margin: 15px 0 15px 150px; -} - -/* from default */ -#jot-perms-icon, -#profile-location, -#profile-nolocation, -#profile-youtube, -#profile-video, -#profile-audio, -#profile-link, -#profile-title, -#wall-image-upload, -#wall-file-upload, -#profile-upload-wrapper, -#wall-image-upload-div, -#wall-file-upload-div, -.hover, .focus { - cursor: pointer; -} - -#jot-perms-icon { - float: left; -} - -#jot-title, #jot-category { - border: 0px; - margin: 0px; - padding: 8px; - height: 20px; - width: 530px; - margin-bottom: 5px; - font-weight: bold; - border: solid 1px #ccc; - box-shadow: 5px 5px 5px #666 inset; -} - -#jot-title::-webkit-input-placeholder{font-weight: normal;} -#jot-category::-webkit-input-placeholder{font-weight: normal;} -#jot-title:-moz-placeholder{font-weight: normal;} -#jot-category:-moz-placeholder{font-weight: normal;} - - -#jot-title:hover, -#jot-title:focus, -#jot-category:hover, -#jot-category:focus { - border: 1px solid #cccccc; -} - -.jothidden { display:none; } - - -.fakelink, .fakelink:visited, .fakelink:link { - color: #335577; - text-decoration: none; - cursor: pointer; -} -.fakebutton { - margin-top: 15px; - margin-bottom: 15px; -} - -.lockview { - cursor: pointer; -} - - -#group-sidebar { - margin-bottom: 10px; -} - -.group-selected, .nets-selected, .fileas-selected, .categories-selected { - padding: 3px; - -moz-border-radius: 5px; - border-radius: 5px; - border: 1px solid #CCCCCC; - background: #F8F8F8; - font-weight: bold; -} - -.settings-widget .selected { - padding: 3px; - -moz-border-radius: 5px; - border-radius: 5px; - font-weight: bold; - color: #FFD700; -} - -.fakelink:hover { - color: #5588aa; - text-decoration: underline; - cursor: pointer; -} -.smalltext { - font-size: 0.7em; -} -#sysmsg { - /*width: 600px;*/ - margin-bottom: 10px; -} - -#register-fill-ext { - margin-bottom: 25px; -} - -#label-register-name, #label-register-nickname, #label-register-openid { - float: left; - width: 350px; - margin-top: 10px; -} - -#register-name, #register-nickname { - float: left; - margin-top: 10px; - width: 150px; -} - -#register-openid { - float: left; - margin-top: 10px; - width: 130px; -} - -#register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end { - clear: both; -} - -#register-nickname-desc { - margin-top: 30px; - width: 650px; -} -#register-sitename { - float: left; - margin-top: 10px; -} - -#register-submit-button { - margin-top: 10px; -} - -#main-login { - margin-left: 100px; - margin-top: 50px; -} - -#main-login #id_username, #main-login #id_password { - width: 200px; - padding: 10px; - float: left; -} - -#main-login .field_end { - clear: both; -} - -#main-login .field.input label, #main-login .field.password label { - float: left; - width: 100px; -} - -#login_standard { - width: 350px; - float: left; -} - - -#login_standard input, -#login_openid input { - width: 180px; -} - -#login-extra-links { - clear: both; -} - -#register-link, #lost-password-link { - float: left; - font-size: 90%; - margin-left: 100px; -} - -#login-standard-end { - clear: both; -} - -#login-submit-button { - - margin-left: 100px; - margin-top: 10px; -/* margin-left: 200px; */ -} - - -input#dfrn-url { - float: left; - background: url(../img/friendika-16.png) no-repeat; - background-position: 2px center; - font-size: 17px; - padding-left: 21px; - height: 21px; - background-color: #FFFFFF; - color: #000000; - margin-bottom: 20px; -} - -#dfrn-url-label { - float: left; - width: 250px; -} - -#dfrn-request-url-end { - clear: both; -} - -#knowyouyes, #knowyouno { - float: left; -} - -#dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper { - - float: none; -} -#dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label { - float: left; - width: 75px; - margin-left: 50px; - margin-bottom: 7px; -} -#dfrn-request-knowyou-break, #dfrn-request-knowyou-end { - clear: both; - -} - -#dfrn-request-message-wrapper { - margin-bottom: 50px; -} -#dfrn-request-submit-wrapper { - clear: both; - margin-left: 50px; -} - -#dfrn-request-info-wrapper { - margin-left: 50px; -} - - - -#cropimage-wrapper, #cropimage-preview-wrapper { - float: left; - padding: 30px; -} - -#crop-image-form { - margin-top: 30px; - clear: both; -} - -.intro-wrapper { - margin-top: 20px; -} - -.intro-fullname { - font-size: 1.1em; - font-weight: bold; - -} -.intro-desc { - margin-bottom: 20px; - font-weight: bold; -} - -.intro-note { - padding: 10px; -} - -.intro-end { - padding: 30px; -} - -.intro-form { - float: left; -} -.intro-approve-form { - clear: both; -} -.intro-approve-as-friend-end { - clear: both; -} -.intro-submit-approve, .intro-submit-ignore { - margin-right: 20px; -} -.intro-submit-approve { - margin-top: 15px; -} - -.intro-approve-as-friend-label, .intro-approve-as-fan-label { - float: left; - width: 100px; - margin-left: 20px; -} -.intro-approve-as-friend, .intro-approve-as-fan { - float: left; -} -.intro-form-end { - clear: both; -} -.intro-approve-as-friend-desc { - margin-top: 15px; -} -.intro-approve-as-end { - clear: both; - margin-bottom: 10px; -} - -.intro-end { - clear: both; - margin-bottom: 30px; -} -.aprofile dt { - font-weight: bold; -} -#page-profile .title { - font-weight: bold; -} -#profile-vcard-break { - clear: both; -} -#profile-extra-links { - clear: both; - margin-top: 10px; -} - -#profile-extra-links ul { - list-style-type: none; - padding: 0px; -} - - -#profile-extra-links li { - margin-top: 5px; -} - -#profile-edit-links ul { - list-style-type: none; -} - -#profile-edit-links li { - margin-top: 10px; -} -.profile-edit-side-div { - float: right; -} -.profile-edit-side-link { - opacity: 0.3; - filter:alpha(opacity=30); - float: right; -} -.profile-edit-side-link:hover { - opacity: 1.0; - filter:alpha(opacity=100); -} - -.view-contact-wrapper { - margin-top: 20px; - float: left; - margin-left: 20px; - width: 180px; -} - -.contact-wrapper { - float: left; - width: 150px; - height: 150px; - overflow: auto; -} - -#view-contact-end { - clear: both; -} - - -#viewconnections { - margin-top: 15px; -} -#profile-edit-default-desc { - color: #FF0000; - border: 1px solid #FF8888; - background-color: #FFEEEE; - padding: 7px; -} - -#profile-edit-clone-link-wrapper { - float: left; - margin-left: 50px; - margin-bottom: 20px; - width: 300px; -} - - -#profile-edit-links-end { - clear: both; - margin-bottom: 15px; -} - -.profile-listing-photo { - border: none; -} - -.profile-edit-submit-wrapper { - margin-top: 20px; - margin-bottom: 20px; -} - -#profile-photo-link-select-wrapper { - margin-top: 2em; -} - -#profile-photo-submit-wrapper { - margin-top: 10px; -} - -#profile-photo-wrapper img { - width:120px; - height:120px; - padding: 12px; -} - -#profile-edit-profile-name-label, -#profile-edit-name-label, -#profile-edit-pdesc-label, -#profile-edit-gender-label, -#profile-edit-dob-label, -#profile-edit-address-label, -#profile-edit-locality-label, -#profile-edit-region-label, -#profile-edit-postal-code-label, -#profile-edit-country-name-label, -#profile-edit-marital-label, -#profile-edit-sexual-label, -#profile-edit-politic-label, -#profile-edit-religion-label, -#profile-edit-pubkeywords-label, -#profile-edit-prvkeywords-label, -#profile-edit-homepage-label, -#profile-edit-hometown-label { - float: left; - width: 175px; -} - -#profile-edit-profile-name, -#profile-edit-name, -#profile-edit-pdesc, -#gender-select, -#profile-edit-dob, -#profile-edit-address, -#profile-edit-locality, -#profile-edit-region, -#profile-edit-postal-code, -#profile-edit-country-name, -#marital-select, -#sexual-select, -#profile-edit-politic, -#profile-edit-religion, -#profile-edit-pubkeywords, -#profile-edit-prvkeywords, -#profile-in-dir-yes, -#profile-in-dir-no, -#profile-in-netdir-yes, -#profile-in-netdir-no, -#hide-wall-yes, -#hide-wall-no, -#hide-friends-yes, -#hide-friends-no { - float: left; - margin-bottom: 20px; -} -#settings-normal, -#settings-soapbox, -#settings-freelove, -#settings-community { - float: left; -} -#settings-notifications label { - margin-left: 20px; -} -#settings-notify-desc, #settings-activity-desc { - font-weight: bold; - margin-bottom: 15px; -} -#settings-pagetype-desc { - color: #666666; - margin-bottom: 15px; -} - -#profile-in-dir-yes-label, -#profile-in-dir-no-label, -#profile-in-netdir-yes-label, -#profile-in-netdir-no-label, -#hide-wall-yes-label, -#hide-wall-no-label, -#hide-friends-yes-label, -#hide-friends-no-label { - margin-left: 125px; - float: left; - width: 50px; -} - -#profile-edit-with-label { - width: 175px; - margin-left: 20px; -} - -#profile-publish-yes-reg, -#profile-publish-no-reg { - float: left; - margin-bottom: 10px; -} - -#profile-publish-yes-label-reg, -#profile-publish-no-label-reg { - margin-left: 350px; - float: left; - width: 50px; -} - -#profile-publish-break-reg, -#profile-publish-end-reg { - clear: both; -} - - -#profile-edit-pdesc-desc, -#profile-edit-pubkeywords-desc, -#profile-edit-prvkeywords-desc { - float: left; - margin-left: 20px; -} - - -#profile-edit-homepage, #profile-edit-hometown { - float: left; - margin-bottom: 35px; -} -#settings-normal-label, -#settings-soapbox-label, -#settings-community-label, -#settings-freelove-label { - float: left; - width: 200px; -} -#settings-normal-desc, -#settings-soapbox-desc, -#settings-community-desc, -#settings-freelove-desc { - /*float: left; - margin-left: 75px;*/ - clear: left; - color: #666666; - display: block; - margin-bottom: 20px -} - -#profile-edit-profile-name-end, -#profile-edit-name-end, -#profile-edit-pdesc-end, -#profile-edit-gender-end, -#profile-edit-dob-end, -#profile-edit-address-end, -#profile-edit-locality-end, -#profile-edit-region-end, -#profile-edit-postal-code-end, -#profile-edit-country-name-end, -#profile-edit-marital-end, -#profile-edit-sexual-end, -#profile-edit-politic-end, -#profile-edit-religion-end, -#profile-edit-pubkeywords-end, -#profile-edit-prvkeywords-end, -#profile-edit-homepage-end, -#profile-edit-hometown-end, -#profile-in-dir-break, -#profile-in-dir-end, -#profile-in-netdir-break, -#profile-in-netdir-end, -#hide-wall-break, -#hide-wall-end, -#hide-friends-break, -#hide-friends-end, -#settings-normal-break, -#settings-soapbox-break, -#settings-community-break, -#settings-freelove-break { - clear: both; -} - -.settings-widget ul { - list-style-type: none; - padding: 0px; -} - -.settings-widget li { - height: auto; - background-color: #f00; - color: #fff !important; - font-weight: bold; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - margin-bottom: 12px; - width: auto; - box-shadow: 5px 5px 5px #444; - margin-left: 8px; - padding: 4px; -} - - -#gender-select, #marital-select, #sexual-select { - width: 220px; -} - -#profile-edit-profile-name-wrapper .required { - color: #FF0000; - float: left; -} - -#contacts-main { - margin-top: 20px; - margin-bottom: 20px; -} - -.contact-entry-wrapper { - float: left; - width: 120px; - height: 120px; -} -#contacts-search-end { - margin-bottom: 10px; -} - -.contact-entry-direction-icon { - margin-top: 24px; - margin-right: 2px; -} - -.contact-entry-photo img { - border: none; -} -.contact-entry-photo-end { - clear: both; -} -.contact-entry-name { - float: left; - margin-left: 0px; - margin-right: 10px; - width: 120px; - overflow: hidden; -} -.contact-entry-edit-links { - margin-top: 6px; - margin-left: 10px; - width: 16px; -} -.contact-entry-nav-wrapper { - float: left; - margin-left: 10px; -} - -.contact-entry-edit-links img { - border: none; - margin-right: 15px; -} -.contact-entry-photo { - float: left; - position: relative; -} -.contact-entry-end { - clear: both; -} - -#fsuggest-desc, #fsuggest-submit-wrapper { - margin-top: 15px; - margin-bottom: 15px; -} - -#network-star-link{ - margin-top: 10px; -} -.network-star { - float: left; - margin-right: 5px; -} -#network-bmark-link { - margin-top: 10px; -} -.thread-wrapper .wall-item-comment-wrapper { - margin-left: 50px; -} - -/* Give the top level post bigger shadows than the comments. This makes them appear "higher" and the comments "lower", which separates posts from each other reasonably without literally drawing a line under it */ - -.wall-item-content-wrapper { - position: relative; - background: #fff; - border-radius: 10px; - box-shadow: 8px 8px 8px #000; - border: 1px solid #eec; - opacity: 0.8; -} - -.wall-item-content-wrapper:hover { - opacity: 1; -} -.thread-wrapper .thread-wrapper { - margin-left: 50px; -} - -.thread-end-wrapper { - margin-left: 50px; -} - - -/* This shadow isn't quite right - not sure if it's colour or size */ - -.wall-item-content-wrapper.comment { - background: #fff; - border-left: 1px solid #e0e0e0; - margin-left: 50px; - margin-top: 15px; - box-shadow: 5px 5px 5px #222; - -} - -.wall-item-like.comment, .wall-item-dislike.comment { - margin-left: 50px; -} - -.wall-item-info { - display: block; - float: left; - width:110px; - margin-right:10px; -} -.comment .wall-item-info { - width: 70px; -} - -.wall-item-photo-wrapper { - margin-top: 10px; - margin-left: 10px; - margin-bottom: 10px; - width: 100px; -} -.wall-item-photo-menu-button { - display: block; - position: absolute; - background-image: url("../img/photo-menu.jpg"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px; padding: 0px; - width: 16px; - height: 16px; - top: 74px; left:10px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.wall-item-photo-menu { - width: auto; - border: 2px solid #444444; - background: #FFFFFF; - position: absolute; - left: 10px; top: 90px; - display: none; - z-index: 10000; -} -.wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.wall-item-photo-menu li a { display: block; padding: 2px; } -.wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; } - - -.comment .wall-item-photo-menu-button { top: 44px;} -.comment .wall-item-photo-menu { top: 60px; } - -.wallwall .wwto { - left: 50px; - margin: 0; - position: absolute; - top: 70px; - width: 30px -} -.wallwall .wwto img { - width: 30px !important; - height: 30px !important; -} - -.wallwall .wall-item-photo-end { - clear: both; -} - -.wall-item-arrowphoto-wrapper { - position: absolute; - left: 75px; - top: 70px; - z-index: 100; -} -.wall-item-wrapper { - /*float: left; - margin-right: 5px; - width: 250px;*/ - margin-left:10px; -} -.wall-item-lock { - /*height: 20px;*/ - /*margin-top: 10px;*/ - left: 105px; - position: absolute; - top: 1px; -} -.comment .wall-item-lock { - left: 65px; -} - -.wall-item-ago { - color: #888888; - font-size: 0.8em; -} - -.wall-item-location { - overflow: hidden; - /* add ellipsis on text overflow */ - /* this work on safari, opera, ie, chrome. */ - /* firefox users have to wait support or we */ - /* can use a jquery plugin http://bit.ly/zJskg */ - text-overflow: ellipsis; - -o-text-overflow: ellipsis; - width: 100%; -} - - -.item-tool { - float: left; - margin-right: 8px; -} - -.like-rotator { - margin-left: 5px; -} - -.wall-item-delete-wrapper { - float: right; -} - -.wall-item-delete-end { - clear: both; -} - -.wall-item-delete-icon { - border: none; -} - -.wall-item-wrapper-end { - clear: both; -} -.wall-item-name-link { - font-weight: bold; - text-decoration: none; - color: #3172BD; -} -.wall-item-photo { - border: none; -} -.comment .wall-item-photo { - width: 50px !important; - height: 50px !important; -} -.wall-item-content { - margin-left: 10px; - overflow: auto; -} - -.wall-item-content img { - max-height: 95% !important; - max-width: 95% !important; - box-shadow: 8px 8px 8px #666; -} - -.wall-item-content img.smiley { - box-shadow: none; -} - -a.divgrow-showmore { -bottom: 0pt; -left: 0pt; -cursor: pointer; -/*TODO make this work in not-Firefox */ -background-image: -moz-linear-gradient(center top, #ccc 0%, #000 95%); -height: 30px; -text-shadow: 0pt 0pt 7px #000; -background-color: transparent; -border-radius: 0pt 0pt 3px 3px; -border-bottom: 2px solid #ff0; -color: #ff0; -font-size: 0.8em; -line-height: 48px; -text-align: center; -right: 0pt; -position: absolute; -/*Stop it blocking wall-item-tools*/ -margin-bottom: 24px; -/*Make it work with non-shiny posts */ -opacity: 0.6; - -} - -.wall-item-title { - float: left; - font-weight: bold; - /*width: 450px;*/ -} - -.wall-item-title-end { - clear: both; -} - -.thread-wrapper.toplevel_item { -padding: 30px; -width: 90%; -} - -.wall-item-body { -/* float: left; */ - /*width: 450px;*/ - margin: 10px 10px 30px; -} - -.wall-item-tools { - clear: both; -/* background-image: url("../img/head.jpg"); */ - background-position: 0 -20px; - background-repeat: repeat-x; - background: #eee; - padding: 2px; - border-radius: 0px 0px 10px 10px; - border: 1px #eec solid; -} - -.wall-item-like, .wall-item-dislike { - font-size: 0.8em; - color: #878883; - position: relative; - bottom: 50px; - margin-left: 120px; - float:left; - opacity: 0.6; -} - -/* -.wall-item-dislike { - font-size: 0.8em; - color: #878883; - position: relative; - bottom: 50px; - margin-left: 120px; -} - -*/ -.wall-item-like:hover, .wall-item-dislike:hover{ -opacity: 1; -} - -.wall-item-author { - margin-top: 10px; -} - -.comment-edit-wrapper { - margin-top: 15px; - background: #ffffff; - margin-left: 50px; -} - -.comment-wwedit-wrapper { - -} - -.comment-edit-photo { - margin-top: 10px; - margin-left: 10px; - margin-bottom: 10px; - width: 100px; - float: left; -} -.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-photo { - width: 40px; -} - -.comment-edit-photo img { - width: 25px; -} -.comment-edit-text-empty, .comment-edit-text-full { - float: left; - margin-top: 10px; - padding: 3px 1px 1px 3px; - border: 1px solid #ccc; - padding: 8px; - border-radius: 5px 5px 5px 5px; - box-shadow: 5px 5px 5px #666 inset; -} - -.comment-edit-text-empty { -color: gray; -height: 1.5em; -width: 80%; /*Too wide? */ -overflow: auto; -margin-bottom: 10px; -} - -.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-text-empty { - height: 1.5em; -} - -.comment-edit-text-full { - color: black; - height: 150px; - width: 80%; - overflow: auto; -} - - -.comment-edit-text-end { - clear: both; -} - -.comment-edit-submit { - margin: 10px 0px 10px 110px; -} - -.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-submit-wrapper > .comment-edit-submit { - margin-left: 50px; -} - -#profile-jot-plugin-wrapper, -#profile-jot-submit-wrapper { - margin-top: 15px; - width:90%; -} - -#profile-jot-submit { - float: left; -} -#profile-upload-wrapper { - float: left; - margin-left: 30px; -} -#profile-attach-wrapper { - float: left; - margin-left: 30px; -} -#profile-rotator { - float: left; - margin-left: 30px; -} -#profile-link-wrapper { - float: left; - margin-left: 15px; -} -#profile-youtube-wrapper { - float: left; - margin-left: 15px; -} -#profile-video-wrapper { - float: left; - margin-left: 15px; -} -#profile-audio-wrapper { - float: left; - margin-left: 15px; -} -#profile-location-wrapper { - float: left; - margin-left: 15px; -} -#jot-preview-link { - float: left; - margin-left: 45px; - margin-top: 0px !important; -} - - -#profile-nolocation-wrapper { - float: left; - margin-left: 15px; -} -#profile-title-wrapper { - float: left; - margin-left: 15px; -} - -#profile-jot-perms { - float: right; - margin-left: 100px; - font-weight: bold; - font-size: 1.2em; - height: auto; - width: auto; - background-color: #dd0000; - border-radius: 5px; - border: 2px outset; - box-shadow: 5px 5px 5px #666; - margin-right: 8px; - padding: 4px; -} - -#profile-jot-perms:active { - box-shadow: 0 0 0 0; -} - -#profile-jot-perms-end { - /*clear: left;*/ - height: 30px; -} - -#profile-jot-plugin-end{ - clear: both; -} -.profile-jot-net { - float: left; - margin-right: 10px; - margin-top: 5px; - margin-bottom: 5px; -} - -#profile-jot-networks-end { - clear: both; -} - -#profile-jot-end { - /*clear: both;*/ - margin-bottom: 30px; -} -#about-jot-submit-wrapper { - margin-top: 15px; -} -#about-jot-end { - margin-bottom: 30px; -} -#contacts-main { - margin-bottom: 30px; -} - -#profile-listing-desc { - margin-left: 30px; -} - -#profile-listing-new-link-wrapper { - margin-left: 30px; - margin-bottom: 30px; -} -.profile-listing-photo-wrapper { - float: left; -} - -.profile-listing-edit-buttons-wrapper { - clear: both; -} -.profile-listing-photo-edit-link { - float: left; - width: 125px; -} -.profile-listing-end { - clear: both; -} -.profile-listing-edit-buttons-wrapper img{ - border: none; - margin-right: 20px; -} -.profile-listing { - margin-top: 25px; -} -.profile-listing-name { - float: left; - margin-left: 32px; - margin-top: 10px; - color: #3172BD; - font-weight: bold; - width: 200px; - -} -.fortune { - margin-top: 50px; - color: #4444FF; - font-weight: bold; - margin-bottom: 20px; -} - - -.directory-end { - clear: both; -} -.directory-name { - text-align: center; -} -.directory-photo { - margin-left: 25px; -} -.directory-details { - font-size: 0.7em; - text-align: center; - margin-left: 5px; - margin-right: 5px; -} -.directory-item { - float: left; - width: 225px; - height: 260px; - overflow: auto; -} - -#directory-search-wrapper { - margin-top: 20px; - margin-right: 20px; - margin-bottom: 50px; -} - -#directory-search-end { -} - -.directory-photo-img { - border: none; -} - - -.pager { - padding: 10px; - text-align: center; - font-size: 1.0em; -} - - -.pager_first, -.pager_last, -.pager_prev, -.pager_next, -.pager_n { - border: 1px solid black; - background: #EEE; - padding: 4px; -} - -.pager_first a, -.pager_last a, -.pager_prev a, -.pager_next a, -.pager_n a { - text-decoration: none; -} - -.pager_current { - border: 1px solid black; - background: #FFCCCC; - padding: 4px; -} - - -#advanced-profile-name-wrapper, -#advanced-profile-gender-wrapper, -#advanced-profile-dob-wrapper, -#advanced-profile-age-wrapper, -#advanced-profile-marital-wrapper, -#advanced-profile-sexual-wrapper, -#advanced-profile-homepage-wrapper, -#advanced-profile-politic-wrapper, -#advanced-profile-religion-wrapper, -#advanced-profile-about-wrapper, -#advanced-profile-interest-wrapper, -#advanced-profile-contact-wrapper, -#advanced-profile-music-wrapper, -#advanced-profile-book-wrapper, -#advanced-profile-tv-wrapper, -#advanced-profile-film-wrapper, -#advanced-profile-romance-wrapper, -#advanced-profile-work-wrapper, -#advanced-profile-education-wrapper { - margin-top: 20px; -} - -#advanced-profile-name-text, -#advanced-profile-gender-text, -#advanced-profile-dob-text, -#advanced-profile-age-text, -#advanced-profile-marital-text, -#advanced-profile-sexual-text, -#advanced-profile-homepage-text, -#advanced-profile-politic-text, -#advanced-profile-religion-text, -#advanced-profile-about-text, -#advanced-profile-interest-text, -#advanced-profile-contact-text, -#advanced-profile-music-text, -#advanced-profile-book-text, -#advanced-profile-tv-text, -#advanced-profile-film-text, -#advanced-profile-romance-text, -#advanced-profile-work-text, -#advanced-profile-education-text { - width: 300px; - float: left; -} - -#advanced-profile-name-end, -#advanced-profile-gender-end, -#advanced-profile-dob-end, -#advanced-profile-age-end, -#advanced-profile-marital-end, -#advanced-profile-sexual-end, -#advanced-profile-homepage-end, -#advanced-profile-politic-end, -#advanced-profile-religion-end { - height: 10px; -} - -#advanced-profile-about-end, -#advanced-profile-interest-end, -#advanced-profile-contact-end, -#advanced-profile-music-end, -#advanced-profile-book-end, -#advanced-profile-tv-end, -#advanced-profile-film-end, -#advanced-profile-romance-end, -#advanced-profile-work-end, -#advanced-profile-education-end { - - -} - -#advanced-profile-name, -#advanced-profile-gender, -#advanced-profile-dob, -#advanced-profile-age, -#advanced-profile-marital, -#advanced-profile-sexual, -#advanced-profile-homepage, -#advanced-profile-politic, -#advanced-profile-religion { - float: left; - -} - - -#advanced-profile-about, -#advanced-profile-interest, -#advanced-profile-contact, -#advanced-profile-music, -#advanced-profile-book, -#advanced-profile-tv, -#advanced-profile-film, -#advanced-profile-romance, -#advanced-profile-work, -#advanced-profile-education { - margin-top: 10px; - margin-left: 50px; - margin-right: 20px; - padding: 10px; - border: 1px solid #CCCCCC; -} - -#advanced-profile-with { - float: left; - margin-left: 15px; -} - -#contact-edit-wrapper { - margin-top: 10px; -} - -#contact-edit-banner-name { - font-size: 1.4em; - font-weight: bold; -} - -#contact-edit-poll-wrapper { - margin-top: 15px; -} - -#contact-edit-poll-text { - margin-top: 15px; - margin-bottom: 5px; -} - -#contact-edit-update-now { - margin-top: 15px; -} - -#contact-edit-links{ - clear: both; -} - -#contact-edit-links ul { - list-style: none; - list-style-type: none; - margin-left: 0px; - padding-left: 0px; -} - -#contact-edit-links li { - margin-top: 5px; -} - -#contact-edit-drop-link { - float: right; - margin-right: 20px; -} - -#contact-edit-nav-end { - clear: both; -} - -#contact-edit-wrapper { - width: 100%; -} - -#contact-edit-end { - clear: both; - margin-top: 15px; -} - -#contact-profile-selector { - width: 175px; - margin-left: 175px; -} - -.contact-edit-submit { - margin-top: 20px; -} - - -.contact-photo-menu-button { - position: absolute; - background-image: url("../img/photo-menu.jpg"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px; padding: 0px; - width: 16px; - height: 16px; - top: 64px; left:0px; - overflow: hidden; - text-indent: 40px; - display: none; - -} -.contact-photo-menu { - width: auto; - border: 2px solid #444444; - background: #FFFFFF; - position: absolute; - left: 0px; top: 90px; - display: none; - z-index: 10000; -} -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { display: block; padding: 2px; } -.contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; } - - -#block-message, #ignore-message, #archive-message, #lost-contact-message { - color: #FF0000; -} - -#profile-edit-insecure { - margin-top: 20px; - color: #FF0000; - font-size: 1.1em; - border: 1px solid #FF8888; - background-color: #FFEEEE; - padding-left: 5px; - /*: 3px 3px 3px 5px; */ - width: 587px; -} - -/* TinyMCE */ - -DIV#profile-jot-text_toolbargroup{ -background: #FFF; -border: 1px #111; -/*box-shadow: 5px 5px 5px #000 inset;*/ -} - -/* -#profile-jot-text_parent, .mceLayout { - border-radius: 5px; - -moz-border-radius: 5px; - box-shadow: 4px 4px 3px 0 #444444; -} -*/ - - -iframe#profile-jot-text_ifr { -width: 100% !important; -height: 100% !important; -box-shadow: 5px 5px 5px #000 inset !important;} - -tr.mceLast { - -} - -/* Not MCE */ - -#profile-jot-text { - height: 20px; - color:#000; - border: 1px solid #cccccc; - padding: 10px; - width: 90%; - border-radius: 20px; - box-shadow: 4px 4px 3px 0 #666 inset; -} -#profile-jot-text:hover { - color: #000000; -} - -.wall-item-photo, .photo, .contact-block-img, .my-comment-photo { - border-radius: 5px; - -moz-border-radius: 5px; - box-shadow: 4px 4px 3px 0 #444444; -} - - -#datebrowse-sidebar select { - margin-left: 25px; - border-radius: 5px; - -moz-border-radius: 5px; - opacity: 0.3; - filter:alpha(opacity=30); -} - -#datebrowse-sidebar select:hover { - opacity: 1.0; - filter:alpha(opacity=100); -} - -#posted-date-selector { - margin-left: 30px !important; - margin-top: 5px !important; - margin-right: 0px !important; - margin-bottom: 0px !important; -} - -#posted-date-selector:hover { - box-shadow: 4px 4px 3px 0 #444444; - margin-left: 25px !important; - margin-top: 0px !important; - margin-right: 5px !important; - margin-bottom: 5px !important; - -} - -#side-bar-photos-albums { - margin-top: 15px; -} - -#side-bar-photos-albums ul { - list-style: none; -} - -.contact-entry-photo img, .profile-match-photo img, #photo-photo img, .directory-photo-img, .photo-album-photo, .photo-top-photo, .group-selected, .nets-selected, .fileas-selected, .categories-selected { - border-radius: 5px; - -moz-border-radius: 5px; - box-shadow: 4px 4px 3px 0 #444444; -} - -#profile-jot-submit { - height: auto; - background-color: #dd0000; - color: #eeeeec; - font-weight: bold; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - border: 2px outset #222420 !important; - margin: 0; - float: right; - text-shadow: 1px 1px #111; - width: auto; - box-shadow: 5px 5px 5px #444; -} - -#profile-jot-submit:active { - box-shadow: 0 0 0 0; -} - -#sidebar-page-list .label { - margin-left: 5px; -} - - -.photo { - border: 1px solid #AAAAAA; -} - -.photo-top-photo, .photo-album-photo { - padding: 10px; - max-width: 300px; - border: 1px solid #888888; -} - -.rotleft1 { --webkit-transform: rotate(-1deg); --moz-transform: rotate(-1deg); --ms-transform: rotate(-1deg); --o-transform: rotate(-1deg); -} - -.rotleft2 { --webkit-transform: rotate(-2deg); --moz-transform: rotate(-2deg); --ms-transform: rotate(-2deg); --o-transform: rotate(-2deg); -} - -.rotleft3 { --webkit-transform: rotate(-3deg); --moz-transform: rotate(-3deg); --ms-transform: rotate(-3deg); --o-transform: rotate(-3deg); -} - -.rotleft4 { --webkit-transform: rotate(-4deg); --moz-transform: rotate(-4deg); --ms-transform: rotate(-4deg); --o-transform: rotate(-4deg); -} - - -.rotright1 { --webkit-transform: rotate(1deg); --moz-transform: rotate(1deg); --ms-transform: rotate(1deg); --o-transform: rotate(1deg); -} - -.rotright2 { --webkit-transform: rotate(2deg); --moz-transform: rotate(2deg); --ms-transform: rotate(2deg); --o-transform: rotate(2deg); -} - -.rotright3 { --webkit-transform: rotate(3deg); --moz-transform: rotate(3deg); --ms-transform: rotate(3deg); --o-transform: rotate(3deg); -} - -.rotright4 { --webkit-transform: rotate(4deg); --moz-transform: rotate(4deg); --ms-transform: rotate(4deg); --o-transform: rotate(4deg); -} - - - -/** acl **/ -#photo-edit-perms-select, -#photos-upload-permissions-wrapper, -#profile-jot-acl-wrapper{ - display:block!important; -} - -#photos-usage-message { - margin-bottom: 15px; -} - - -#acl-wrapper { - width: 690px; - float:left; -} -#acl-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; - -webkit-border-radius: 5px ; - -moz-border-radius: 5px; - border-radius: 5px; - color: #999999; -} -#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-content { - -} -.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: 5px ; - -moz-border-radius: 5px; - border-radius: 5px; - 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 **/ - - - -#group-new-submit-wrapper { - margin-top: 30px; -} - -#group-edit-name-label { - float: left; - width: 175px; - margin-top: 20px; - margin-bottom: 20px; -} - -#group-edit-name { - float: left; - width: 225px; - margin-top: 20px; - margin-bottom: 20px; -} - -#group-edit-name-wrapper { - - -} - - -#group_members_select_label { - display: block; - float: left; - width: 175px; -} - -.group_members_select { - float: left; - width: 230px; - overflow: auto; -} - -#group_members_select_end { - clear: both; -} -#group-edit-name-end { - clear: both; -} - -#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { - margin-bottom: 10px; - margin-top: 20px; -} - -#prvmail-submit { - float: left; - margin-top: 10px; - margin-right: 30px; -} -#prvmail-upload-wrapper, -#prvmail-link-wrapper, -#prvmail-rotator-wrapper { - float: left; - margin-top: 10px; - margin-right: 10px; - width: 24px; -} - -#prvmail-end { - clear: both; -} - -.mail-list-sender, -.mail-list-detail { - float: left; -} -.mail-list-detail { - margin-left: 20px; -} - -.mail-list-subject { - font-size: 1.1em; - margin-top: 10px; -} -a.mail-list-link { - display: block; - font-size: 1.3em; - padding: 4px 0; -} - -/* -*a.mail-list-link:hover { -* background-color: #15607B; -* color: #F5F6FB; -*} -*/ - -.mail-list-outside-wrapper-end { - clear: both; -} - -.mail-list-outside-wrapper { - margin-top: 30px; -} - -.mail-list-delete-wrapper { - float: right; - margin-right: 30px; - margin-top: 15px; -} - -.mail-list-delete-icon { - border: none; -} - -.mail-conv-sender, -.mail-conv-detail { - float: left; -} -.mail-conv-detail { - margin-left: 20px; - width: 500px; -} - -.mail-conv-subject { - font-size: 1.4em; - margin: 10px 0; -} - -.mail-conv-outside-wrapper-end { - clear: both; -} - -.mail-conv-outside-wrapper { - margin-top: 30px; -} - -.mail-conv-delete-wrapper { - float: right; - margin-right: 30px; - margin-top: 15px; -} -.mail-conv-break { - clear: both; -} - -.mail-conv-delete-icon { - border: none; -} - -.message-links ul { - list-style-type: none; - padding: 0px; -} - -.message-links li { - margin-top: 10px; - float: left; -} -.message-links a { - padding: 3px 5px; -} - -.message-links-end { - clear: both; -} - -#sidebar-group-list ul { - list-style-type: none; -} - -#sidebar-group-list .icon, #sidebar-group-list .iconspacer { - display: inline-block; - height: 12px; - width: 12px; -} - -#sidebar-group-list li { - margin-top: 10px; -} - -.nets-ul, .fileas-ul, .categories-ul { - list-style-type: none; -} - -.nets-ul li, .fileas-ul li, .categories-ul li { - margin-top: 10px; -} - -.nets-link { - margin-left: 24px; -} -.nets-all { - margin-left: 42px; -} - -.fileas-link, .categories-link { - margin-left: 24px; -} - -.fileas-all, .categories-all { - margin-left: 0px; -} - -#search-save { - margin-left: 5px; -} -.groupsideedit { - margin-right: 10px; -} -#saved-search-ul { - list-style-type: none; -} -.savedsearchdrop, .savedsearchterm { - float: left; - margin-top: 10px; -} -.savedsearchterm { - margin-left: 10px; -} - - -#side-follow-wrapper { - margin-top: 20px; -} -#side-follow-url, #side-peoplefind-url { - margin-top: 5px; -} -#side-follow-submit, #side-peoplefind-submit { - margin-top: 15px; -} - -#side-match-link { - margin-top: 10px; -} - -aside input[type='text'] { - width: 174px; -} - -.widget { - border-bottom: 1px solid #eec; - padding: 8px; - margin-top: 5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - -} - - -/*.photos { - height: auto; - overflow: auto; -}*/ - -.photos-end { - clear: both; - margin-bottom: 25px; -} - -.photo-album-image-wrapper { - float: left; - margin-top: 15px; - margin-right: 15px; - margin-left: 15px; -/* width: 200px; height: 200px; - overflow: hidden; - position: relative; */ -} -.photo-album-image-wrapper .caption { - display: none; - width: 100%; -/* position: absolute; */ - bottom: 0px; - padding: 0.5em 0.5em 0px 0.5em; - background-color: rgba(245, 245, 255, 0.8); - border-bottom: 2px solid #CCC; - margin: 0px; -} -.photo-album-image-wrapper a:hover .caption { - display:block; -} - -#photo-album-end { - clear: both; - margin-bottom: 25px; -} - -.photo-top-image-wrapper { -/* position: relative; */ - float: left; - margin-top: 15px; - margin-right: 15px; - margin-left: 15px; - margin-bottom: 15px; -/* width: 200px; height: 200px; - overflow: hidden; */ -} -.photo-top-album-name { - width: 100%; - min-height: 2em; -/* position: absolute; */ - bottom: 0px; - padding: 0px 3px; - padding-top: 0.5em; - background-color: rgb(255, 255, 255); -} -#photo-top-end { - clear: both; -} - -#photo-top-links { - margin-bottom: 30px; - margin-left: 30px; -} - -#photos-upload-newalbum-div { - float: left; - width: 175px; -} - -#photos-upload-noshare { - margin-bottom: 10px; -} -#photos-upload-existing-album-text { - float: left; - width: 175px; -} -#photos-upload-newalbum { - float: left; -} -#photos-upload-album-select { - float: left; -} - -#photos-upload-spacer { - margin-top: 25px; -} -#photos-upload-new-end, #photos-upload-exist-end { - clear: both; -} -#photos-upload-exist-end { - margin-bottom: 15px; -} -#photos-upload-submit { - margin-top: 15px; -} - -#photos_upload_applet_wrapper { - margin-bottom: 15px; -} - -#photos-upload-no-java-message { - margin-bottom: 15px; -} - -#profile-jot-desc { - /*float: left;*/ - width: 480px; - color: #FF0000; - margin-top: 10px; - margin-bottom: 10px; -} - -#character-counter { - float: right; - font-size: 120%; -} - -#character-counter.grey { - color: #888888; -} - -#character-counter.orange { - color: orange; -} -#character-counter.red { - color: red; -} - -#profile-jot-banner-end { - /* clear: both; */ -} - -#photos-upload-select-files-text { - margin-top: 15px; - margin-bottom: 15px; -} - -#photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link { - color: #8888FF; - text-decoration: none; - cursor: pointer; -} - -#photos-upload-perms-menu:hover { - color: #0000FF; - text-decoration: underline; - cursor: pointer; -} - - -#settings-default-perms-menu { - margin-top: 15px; - margin-bottom: 15px; -} - -#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, #photo-edit-rotate-label { - float: left; - width: 150px; -} - -#photo-edit-perms-end { - margin-bottom: 15px; -} - -#photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname, #photo-edit-rotate { - float: left; - margin-bottom: 25px; -} -#photo-edit-link-wrap { - margin-bottom: 15px; -} -#photo-like-div { - margin-bottom: 25px; -} - -#photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end, #photo-edit-rotate-end { - clear: both; -} - -#photo-edit-rotate-end { - margin-bottom: 15px; -} - -#photo-edit-delete-button { - margin-left: 200px; -} -#photo-edit-end { - margin-bottom: 35px; -} -#photo-caption { - font-size: 110%; - font-weight: bold; - margin-top: 15px; - margin-bottom: 15px; -} - -#in-this-photo-text { - color: #0000FF; - margin-left: 30px; -} - -#in-this-photo { - margin-left: 60px; - margin-top: 10px; - margin-bottom: 20px; -} - -#photo-album-edit-submit, #photo-album-edit-drop { - margin-top: 15px; - margin-bottom: 15px; -} - -#photo-album-edit-drop { - margin-left: 200px; -} - -.group-delete-wrapper { - float: right; - margin-right: 50px; -} - -#install-dbhost-label, -#install-dbuser-label, -#install-dbpass-label, -#install-dbdata-label, -#install-tz-desc { - float: left; - width: 250px; - margin-top: 10px; - margin-bottom: 10px; - -} - -#install-dbhost, -#install-dbuser, -#install-dbpass, -#install-dbdata { - float: left; - width: 200px; - margin-left: 20px; -} - -#install-dbhost-end, -#install-dbuser-end, -#install-dbpass-end, -#install-dbdata-end, -#install-tz-end { - clear: both; -} - -#install-form select#timezone_select { - float: left; - margin-top: 18px; - margin-left: 20px; -} - -#dfrn-request-networks { - margin-bottom: 30px; -} - -#pause { - position: fixed; - bottom: 5px; - right: 5px; -} - -.sparkle { - cursor: url('../img/lock.cur'), pointer; -/* cursor: pointer !important; */ -} - -.contact-block-div { - float: left; - width: 52px; - height: 52px; -} -.contact-block-textdiv { - float: left; - width: 150px; - height: 34px; -} - -#contact-block-end { - clear: both; -} -.contact-block-link { - float: left; -} -.contact-block-img { - width:30px; - height:30px; -} - -#tag-remove { - margin-bottom: 15px; -} - -#tagrm li { - margin-bottom: 10px; -} - -#tagrm-submit, #tagrm-cancel { - margin-top: 25px; -} - -#tagrm-cancel { - margin-left: 15px; -} - -.wall-item-conv { - margin-top: 5px; - margin-bottom: 25px; -} - -#search-submit { - margin-left: 15px; -} - -#search-box { - margin-bottom: 25px; -} - -#nav-searchbar { - float: right; - margin-top: 4px; -} - -#nav-search-text:hover { - background-color: #FFF; - opacity: 1; -} - -#nav-search-text { - border-radius: 14px; - background-color: #fff; - opacity: 0.92; -} - -#nav-user-linkmenu img { - border-radius: 5px; -} - -.location-label, .gender-label, .marital-label, .homepage-label { - float: left; - text-align: right; - display: block; - width: 65px; -} - -.adr, .x-gender, .marital-text, .homepage-url { - float: left; - display: block; - margin-left: 8px; -} - -.profile-clear { - clear: both; -} - - -.clear { - clear: both; -} - -.cc-license { - margin-top: 50px; - font-size: 70%; -} - - -#plugin-settings-link, #account-settings-link { - margin-bottom: 10px; -} - -#uexport-link { - margin-bottom: 20px; -} - -/* end from default */ - - -.fn { - padding: 0px 0px 5px 0px; - font-size: 120%; - font-weight: bold; - color: #dd0000; -} - -.vcard .title { - margin-bottom: 5px; - margin-left: 12px; -} - -.vcard dl { - clear: both; -} - -#birthday-title { - float: left; - font-weight: bold; -} - -#birthday-adjust { - float: left; - font-size: 75%; - margin-left: 10px; -} - -#birthday-title-end { - clear: both; -} - -.birthday-list { - margin-left: 15px; -} - -#birthday-wrapper { - margin-bottom: 20px; -} - -#network-new-link { - margin-top: 15px; - margin-bottom: 15px; -} - - -.tool-wrapper { - float: left; - margin-left: 15px; -} - -.tool-link { - cursor: pointer; -} - -.eventcal { - float: left; - font-size: 20px; -} - -#event-summary-text { - margin-top: 15px; -} - -#event-share-checkbox { - float: left; - margin-top: 10px; -} - -#event-share-text { - float: left; - margin-top: 10px; - margin-left: 5px; -} - -#event-share-break { - clear: both; - margin-bottom: 10px; -} - -#event-summary { - width: 400px; - font-weight: bold; - font-size:2em; -} - -.vevent { -border: 1px solid #CCCCCC; - -} - -.vevent .event-summary { - margin-left: 10px; - margin-right: 10px; - font-weight: bold; -} - -.vevent .event-description, .vevent .event-location { - margin-left: 10px; - margin-right: 10px; -} -.vevent .event-start { - margin-left: 10px; - margin-right: 10px; -} - -#new-event-link { - margin-bottom: 10px; -} - -.edit-event-link, .plink-event-link { - float: left; - margin-top: 4px; - margin-right: 4px; - margin-bottom: 15px; -} - -.event-description:before { - content: url('../../../../images/calendar.png'); - margin-right: 15px; -} - -.event-start, .event-end { - margin-left: 10px; - width: 330px; - clear: both; -} - -.event-start .dtstart, .event-end .dtend { - float: right; -} - -.event-list-date { - margin-bottom: 10px; -} - -.prevcal, .nextcal { - float: left; - margin-left: 32px; - margin-right: 32px; - margin-top: 64px; -} -.event-calendar-end { - clear: both; -} - - -.calendar { - font-family: Courier, monospace; -} -.today { - font-weight: bold; - color: #FF0000; -} - -.settings-block { - border: 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; -} - -#photo-photo { - float: left; -} - -#photo-photo-end { - clear: both; -} - -.profile-match-photo { - float: left; - text-align: center; - width: 120px; -} - -.profile-match-name { - float: left; - text-align: center; - width: 120px; - overflow: hidden; -} - -.profile-match-break, -.profile-match-end { - clear: both; -} - -.profile-match-connect { - text-align: center; - font-weight: bold; -} - -.profile-match-wrapper { - float: left; - padding: 10px; - width: 120px; - height: 120px; - scroll: auto; -} -#profile-match-wrapper-end { - clear: both; -} -.side-link { - margin-bottom: 15px; -} - -#language-selector { - position: absolute; - top: 0px; - left: 16px; -} - -#group-members { - margin-top: 20px; - padding: 10px; - height: 250px; - overflow: auto; - border: 1px solid #ddd; -} - -#group-members-end { - clear: both; -} - -#group-separator { - margin-top: 10px; - margin-bottom: 10px; -} - -#group-all-contacts { - padding: 10px; - height: 450px; - overflow: auto; - border: 1px solid #ddd; -} - -#group-all-contacts-end { - clear: both; - margin-bottom: 10px; -} - -#group-edit-desc { - margin-top: 15px; -} - - -#prof-members { - margin-top: 20px; - padding: 10px; - height: 250px; - overflow: auto; - border: 1px solid #ddd; -} - -#prof-members-end { - clear: both; -} - -#prof-separator { - margin-top: 10px; - margin-bottom: 10px; -} - -#prof-all-contacts { - padding: 10px; - height: 450px; - overflow: auto; - border: 1px solid #ddd; -} - -#prof-all-contacts-end { - clear: both; - margin-bottom: 10px; -} - -#prof-edit-desc { - margin-top: 15px; -} - -#crepair-name-label, -#crepair-nick-label, -#crepair-attag-label, -#crepair-url-label, -#crepair-request-label, -#crepair-confirm-label, -#crepair-notify-label, -#crepair-photo-label, -#crepair-poll-label { - float: left; - width: 200px; - margin-bottom: 15px; -} - -#crepair-name, -#crepair-nick, -#crepair-attag, -#crepair-url, -#crepair-request, -#crepair-confirm, -#crepair-notify, -#crepair-photo, -#crepair-poll { - float: left; - width: 300px; -} - - -#netsearch-box { - margin-top: 20px; -} - -#netsearch-box #search-submit { - margin: 5px 0px 0px 0px; -} - -.required { - color: #FF0000; -} - -#event-start-text, #event-finish-text { - margin-top: 10px; - margin-bottom: 5px; -} - -#event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text { - float: left; -} -#event-datetime-break { - margin-bottom: 10px; -} - -#event-nofinish-break, #event-adjust-break { - clear: both; -} - -#event-desc-text, #event-location-text { - margin-top: 10px; - margin-bottom: 5px; -} -#event-submit { - margin-top: 10px; -} - -.body-tag, .filesavetags, .categorytags { - opacity: 0.5; - filter:alpha(opacity=50); -} - -.body-tag:hover, .filesavetags:hover, .categorytags:hover { - opacity: 1.0 !important; - filter:alpha(opacity=100) !important; -} - -.item-select { - opacity: 0.1; - filter:alpha(opacity=10); - float: right; - margin-right: 10px; - -} -.item-select:hover, .checkeditem { - opacity: 1; - filter:alpha(opacity=100); -} - - -#item-delete-selected { - margin-top: 30px; -} - -#item-delete-selected-end { - clear: both; -} -#item-delete-selected-icon, #item-delete-selected-desc { - float: left; - margin-right: 5px; -} -#item-delete-selected-desc:hover { - text-decoration: underline; -} - -#lang-select-icon { - cursor: pointer; - position: absolute; - left: 4px; -/*because of the shape, if this is lined up properly it looks like it's lined up wrong... -lining it up too high is the only way to make it look correctly aligned. The human -brain is weird like that */ - top: 2px; -} - -#lang-select-icon:hover { - opacity: 1; - filter:alpha(opacity=100); -} - -.notif-image { - height: 80px; - width: 80px; - margin-right: 15px; -} -.notification-listing-end { - clear: both; - margin-bottom: 15px; -} - - - -/** - * Plugins settings - */ - -.settings-block > h3, -.settings-heading { - border-bottom: 1px solid #babdb6; -} - - -/** - * Form fields - */ -.field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100% -} - -.field label { - float: left; - width: 200px; -} - -.field input, -.field textarea { - width: 400px; -} -.field textarea { height: 100px; } -.field_help { - display: block; - margin-left: 200px; - color: #666666; - -} - -.field_abook_help { - color: #888; -} -.abook-them { - margin-left: 225px; - margin-bottom: 15px; -} -.abook-me { - margin-left: 36px; - margin-bottom: 15px; -} -.acheckbox { - margin-bottom: 5px !important; -} - -#contact-slider { - width: 600px !important; -} - -.abook-edit-them, .abook-edit-me { - float: left; - width: 100px !important; -} -.field_abook_help { - float: left; -} - -.field .onoff { - float: left; - width: 80px; - margin-right: 15px; -} -.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; -} -.hidden { display: none!important; } - -.field.radio .field_help { margin-left: 0px; } - -/** - * ADMIN - */ -#pending-update { - float:right; - color: #ffffff; - font-weight: bold; - background-color: #FF0000; - padding: 0em 0.3em; - -} -#adminpage dl { - clear: left; - margin-bottom: 2px; - padding-bottom: 2px; - border-bottom: 1px solid black; -} -#adminpage dt { - width: 200px; - float: left; - font-weight: bold; -} -#adminpage dd { - margin-left: 200px; -} - -#adminpage h3 { - border-bottom: 1px solid #cccccc; -} -#adminpage .field label { - font-weight: bold; -} -#adminpage .submit { - clear:left; - text-align: right; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} -#adminpage .plugin { - list-style: none; - display: block; - border: 1px solid #888888; - padding: 1em; - margin-bottom: 5px; - clear: left; -} -#adminpage .plugin .desc { margin-left: 2.5em;} -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #bbc7d7; } -#adminpage .selectall { text-align: right; } - -/* - * UPDATE - */ -.popup { - width: 100%; height: 100%; - top:0px; left:0px; - position: absolute; - display: none; -} - -.popup .background { - background-color: rgba(0,0,0,128); - opacity: 0.5; - width: 100%; height: 100%; - position: absolute; - top:0px; left:0px; -} -.popup .panel { - top:25%;left:25%;width:50%;height:50%; - padding: 1em; - position: absolute; - border: 4px solid #000000; - background-color: #FFFFFF; -} -.popup .panel .panel_text { display: block; overflow: auto; height: 80%; } -.popup .panel .panel_in { width: 100%; height: 100%; position: relative; } -.popup .panel .panel_actions { width: 100%; bottom: 4px; left: 0px; position: absolute; } -.panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px} -.panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;} - -/** - * OAuth - */ -.oauthapp { - height: auto; overflow: auto; - border-bottom: 2px solid #cccccc; - padding-bottom: 1em; - margin-bottom: 1em; -} -.oauthapp img { - float: left; - width: 48px; height: 48px; - margin: 10px; -} -.oauthapp img.noicon { - background-image: url("../../../../images/icons/48/plugin.png"); - background-position: center center; - background-repeat: no-repeat; -} -.oauthapp a { - float: left; -} - -/** - * ICONS - */ -.iconspacer { - display: block; width: 16px; height: 16px; -} - -.icon { - display: block; width: 16px; height: 16px; - background-image: url('../../../../images/icons.png'); -} -.article { background-position: 0px 0px;} -.audio { background-position: -16px 0px;} -.block { background-position: -32px 0px;} -.drop { background-position: -48px 0px;} -.drophide { background-position: -64px 0px;} -.edit { background-position: -80px 0px;} -.camera { background-position: -96px 0px;} -.dislike { background-position: -112px 0px;} -.like { background-position: -128px 0px;} -.link { background-position: -144px 0px;} - -.globe { background-position: 0px -16px;} -.noglobe { background-position: -16px -16px;} -.no { background-position: -32px -16px;} -.pause { background-position: -48px -16px;} -.play { background-position: -64px -16px;} -.pencil { background-position: -80px -16px;} -.small-pencil { background-position: -96px -16px;} -.recycle { background-position: -112px -16px;} -.remote-link { background-position: -128px -16px;} -.share { background-position: -144px -16px;} - -.tools { background-position: 0px -32px;} -.lock { background-position: -16px -32px;} -.unlock { background: url(../img/jotperms.png) no-repeat;} -.video { background-position: -48px -32px;} -.youtube { background-position: -64px -32px;} -.attach { background-position: -80px -32px; } -.language { background-position: -96px -32px; } -.prev { background-position: -112px -32px; } -.next { background-position: -128px -32px; } -.on { background-position: -144px -32px; } - -.off { background-position: 0px -48px; } -.starred { background-position: -16px -48px; } -.unstarred { background-position: -32px -48px; } -.tagged { background-position: -48px -48px; } -.yellow { background-position: -64px -48px; } - - -.filer-icon { - display: block; width: 16px; height: 16px; - background-image: url('../img/file.gif'); -} - -.icon.dim { opacity: 0.3;filter:alpha(opacity=30); } -[class^="comment-edit-bb"] { - list-style: none; - display: none; - margin: 0px 0 -5px 0px; - padding: 0px; - width: 75%; -} -[class^="comment-edit-bb"] > li { - display: inline-block; - margin: 10px 10px 0 0; - visibility: none; -} -[class^="comment-edit-bb-end"] { - clear: both; -} -.editicon { - display: inline-block; - width: 16px; - height: 16px; - background-image: url(../img/bbedit.png); - background-color: #fff; - text-decoration: none; -} -.editicon:hover { - background-color: #ccc; -} -.boldbb { - background-position: 0px 0px; -} -.boldbb:hover { - background-position: 0px -16px; -} -.italicbb { - background-position: -16px 0px; -} -.italicbb:hover { - background-position: -16px -16px; -} -.underlinebb { - background-position: -32px 0px; -} -.underlinebb:hover { - background-position: -32px -16px; -} -.quotebb { - background-position: -48px 0px; -} -.quotebb:hover { - background-position: -48px -16px; -} -.codebb { - background-position: -64px 0px; -} -.codebb:hover { - background-position: -64px -16px; -} -.imagebb { - background-position: -80px 0px; -} -.imagebb:hover { - background-position: -80px -16px; -} -.urlbb { - background-position: -96px 0px; -} -.urlbb:hover { - background-position: -96px -16px; -} -.videobb { - background-position: -112px 0px; -} -.videobb:hover { - background-position: -112px -16px; -} - -.attachtype { - display: block; width: 20px; height: 23px; - float: left; - background-image: url('../../../../images/content-types.png'); -} - -.body-attach { - margin-top: 10px; -} - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - - -/* autocomplete popup */ -.acpopup { - max-height:150px; - background-color:#ffffff; - overflow:auto; - z-index:100000; - border:1px solid #cccccc; -} -.acpopupitem { - background-color:#ffffff; padding: 4px; - clear:left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} - -.acpopupitem.selected { - color: #FFFFFF; background: #3465A4; -} - -/* popup notifications */ -div.jGrowl div.notice { - background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -div.jGrowl div.info { - background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; -} -#jGrowl.top-right { - top: 15px; - right: 15px; -} -.qcomment { - border: 1px solid #EEE; - padding: 3px; - margin-top: 15px; - margin-left: 25px; - width: 125px; - overflow-y: auto; -} - - -.qcomment option { - width: 125px; - overflow-x: hidden; -} - -.qcomment { - opacity: 0.3; - filter:alpha(opacity=30); -} -.qcomment:hover { - opacity: 1.0; - filter:alpha(opacity=100); -} - - -#id_term_label { - width:75px; -} -#id_term { - width:100px; -} - -#recip { - -} -.autocomplete-w1 { background: #ffffff; no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; } -.autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; } -.autocomplete .selected { background:#F0F0F0; } -.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; } - -#datebrowse-sidebar select { - margin-left: 25px; -} - - -.jslider .jslider-scale ins { - color: #333; - font-size: 12px; - width: 100px; - text-align: center; -} - -/* -Where did this come from? There isn't a ../img/slider.png. I don't remember adding this, but it used to work... - -.jslider .jslider-bg, -.jslider .jslider-pointer { - background: url("../img/slider.png") !important; -} -*/ - - -.slider { - margin-top: 10px; - margin-bottom: 30px; -} - - -#main-slider { - position: relative; - left: 5%; - width: 90%; -} - - -#contact-slider { - position: relative; - left: 5%; - width: 90%; -} - -/* nav */ -nav { - width: 100%; - height: 32px; - position: fixed; - left: 0px; - top: 0px; - padding: 0px; - background-color: #d00; - color: #eec; - 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); - -/* TODO find a better way to do this without different code for every single browser. */ - - background-image: linear-gradient(bottom, #f00 26%, #b00 82%); - background-image: -o-linear-gradient(bottom, #f00 26%, #b00 82%); - background-image: -moz-linear-gradient(bottom, #000 26%, #2e2f2e 82%); - background-image: -webkit-linear-gradient(bottom, #f00 26%, #b00 82%); - background-image: -ms-linear-gradient(bottom, #f00 26%, #b00 82%); - - background-image: -webkit-gradient( -linear, -left bottom, -left top, -color-stop(0.26, #f00), -color-stop(0.82, #b00) -); -} -nav a, -nav a:active, -nav a:visited, -nav a:link, -nav a:hover { - color: #ffffff; - text-decoration: none; - outline: none; -} -nav ul { - margin: 0px; - padding: 0px 20px; -} -nav ul li { - list-style: none; - margin: 0px; - padding: 0px; - float: left; -} -nav ul li .menu-popup { - left: 0px; - right: auto; - top: 33px; -} -nav .nav-menu-icon { - position: relative; - height: 22px; - padding: 5px; - margin: 0px 10px; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} -nav .nav-menu-icon.selected { - background-color: #FF0000; -} -nav .nav-menu-icon img { - width: 22px; - height: 22px; -} -nav .nav-menu-icon .nav-notify { - top: 3px; -} -nav .nav-menu { - position: relative; - height: 16px; - padding: 5px; - margin: 0px 15px; - font-size: 14px; -} -nav .nav-menu.selected { -border-bottom: 3px solid #f00; - -} -nav .nav-notify { - background-color: #0d0; - color: #fff; - -moz-border-radius: 5px 5px 5px 5px; - -webkit-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -nav .nav-notify.show { - display: block; -} -nav #nav-help-link, -nav #nav-search-link, -nav #nav-directory-link, -nav #nav-apps-link, -nav #nav-user-linkmenu, -nav #nav-site-linkmenu { - float: right; -} -nav #nav-help-link .menu-popup, -nav #nav-search-link .menu-popup, -nav #nav-directory-link .menu-popup, -nav #nav-apps-link .menu-popup, -nav #nav-site-linkmenu .menu-popup { - right: 0px; - left: auto; -} -nav #nav-notifications-linkmenu.on .icon.s22.notify, -nav #nav-notifications-linkmenu.selected .icon.s22.notify { - background-image: url("../../../../images/icons/22/notify_on.png"); -} -nav #nav-apps-link.selected { - background-color: #364e59; -} -ul.menu-popup { - position: absolute; - display: none; - width: 10em; - background: #dd0000; - color: #eec; - padding: 0px; - list-style: none; - border-radius: 0px 0px 20px 20px; - 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: #eec; - padding: 5px 10px; - text-decoration: none; -} -ul.menu-popup a:hover { - background-color: #eec; - color: #f00; -} -ul.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -ul.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -ul.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -ul.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -ul.menu-popup .toolbar { - background-color: #9eabb0; - height: auto; - overflow: auto; -} -ul.menu-popup .toolbar a { - float: right; -} -ul.menu-popup .toolbar a:hover { - background-color: #ffffff; -} -/* header */ -header { - position: fixed; - left: 43%; - right: 43%; - top: 0px; - margin: 0px; - padding: 0px; - /*width: 100%; height: 12px; */ - - z-index: 110; - color: #ffffff; -} - - -/* notifications popup menu */ -.nav-notify { - display: none; - position: absolute; - font-size: 10px; - padding: 1px 3px; - top: 0px; - right: -10px; - min-width: 15px; - text-align: right; -} -.nav-notify.show { - display: block; -} -ul.menu-popup { - position: absolute; - display: none; - width: 10em; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; -/* top: 90px; */ -/* left: 400px; */ -} -#nav-notifications-menu { - width: 320px; - max-height: 400px; - overflow-y: scroll;overflow-style:scrollbar; - background-color:#FFFFFF; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius:5px; - border: 1px solid #888; -} -#nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; } -#nav-notifications-menu img { float: left; margin-right: 5px; } -#nav-notifications-menu .notif-when { font-size: 0.8em; display: block; } -#nav-notifications-menu li { - padding: 7px 0px 7px 10px; - word-wrap:normal; - border-bottom: 1px solid #000; -} - -#nav-notifications-menu li:hover { - -} - -#nav-notifications-menu a:hover { - text-decoration: underline; -} - -.notif-item a { - color: #000000; -} - -.notif-item a:hover { - text-decoration: underline; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -.notify-seen { - background: #DDDDDD; -} - diff --git a/view/theme/fancyred/img/bbedit.png b/view/theme/fancyred/img/bbedit.png Binary files differdeleted file mode 100644 index b89f2f7a8..000000000 --- a/view/theme/fancyred/img/bbedit.png +++ /dev/null diff --git a/view/theme/fancyred/img/bg.png b/view/theme/fancyred/img/bg.png Binary files differdeleted file mode 100644 index eae49e037..000000000 --- a/view/theme/fancyred/img/bg.png +++ /dev/null diff --git a/view/theme/fancyred/img/border.jpg b/view/theme/fancyred/img/border.jpg Binary files differdeleted file mode 100644 index 034a1cb63..000000000 --- a/view/theme/fancyred/img/border.jpg +++ /dev/null diff --git a/view/theme/fancyred/img/editicons.png b/view/theme/fancyred/img/editicons.png Binary files differdeleted file mode 100644 index 171a40876..000000000 --- a/view/theme/fancyred/img/editicons.png +++ /dev/null diff --git a/view/theme/fancyred/img/events.png b/view/theme/fancyred/img/events.png Binary files differdeleted file mode 100644 index 96dd86899..000000000 --- a/view/theme/fancyred/img/events.png +++ /dev/null diff --git a/view/theme/fancyred/img/ff-16.jpg b/view/theme/fancyred/img/ff-16.jpg Binary files differdeleted file mode 100644 index 3621f5914..000000000 --- a/view/theme/fancyred/img/ff-16.jpg +++ /dev/null diff --git a/view/theme/fancyred/img/file.gif b/view/theme/fancyred/img/file.gif Binary files differdeleted file mode 100644 index c532335ed..000000000 --- a/view/theme/fancyred/img/file.gif +++ /dev/null diff --git a/view/theme/fancyred/img/friendika-16.png b/view/theme/fancyred/img/friendika-16.png Binary files differdeleted file mode 100644 index 1a742ecdc..000000000 --- a/view/theme/fancyred/img/friendika-16.png +++ /dev/null diff --git a/view/theme/fancyred/img/head.jpg b/view/theme/fancyred/img/head.jpg Binary files differdeleted file mode 100644 index 6210b76be..000000000 --- a/view/theme/fancyred/img/head.jpg +++ /dev/null diff --git a/view/theme/fancyred/img/home.png b/view/theme/fancyred/img/home.png Binary files differdeleted file mode 100644 index d1ba7b3f3..000000000 --- a/view/theme/fancyred/img/home.png +++ /dev/null diff --git a/view/theme/fancyred/img/introductions.png b/view/theme/fancyred/img/introductions.png Binary files differdeleted file mode 100644 index 18ba5dc81..000000000 --- a/view/theme/fancyred/img/introductions.png +++ /dev/null diff --git a/view/theme/fancyred/img/jotperms.png b/view/theme/fancyred/img/jotperms.png Binary files differdeleted file mode 100644 index d133a6e01..000000000 --- a/view/theme/fancyred/img/jotperms.png +++ /dev/null diff --git a/view/theme/fancyred/img/lock.cur b/view/theme/fancyred/img/lock.cur Binary files differdeleted file mode 100644 index 892c5e851..000000000 --- a/view/theme/fancyred/img/lock.cur +++ /dev/null diff --git a/view/theme/fancyred/img/login-bg.gif b/view/theme/fancyred/img/login-bg.gif Binary files differdeleted file mode 100644 index cde836c89..000000000 --- a/view/theme/fancyred/img/login-bg.gif +++ /dev/null diff --git a/view/theme/fancyred/img/message.png b/view/theme/fancyred/img/message.png Binary files differdeleted file mode 100644 index f3fea75ee..000000000 --- a/view/theme/fancyred/img/message.png +++ /dev/null diff --git a/view/theme/fancyred/img/network.png b/view/theme/fancyred/img/network.png Binary files differdeleted file mode 100644 index c213cee04..000000000 --- a/view/theme/fancyred/img/network.png +++ /dev/null diff --git a/view/theme/fancyred/img/notify_on.png b/view/theme/fancyred/img/notify_on.png Binary files differdeleted file mode 100644 index 18002e15c..000000000 --- a/view/theme/fancyred/img/notify_on.png +++ /dev/null diff --git a/view/theme/fancyred/img/photo-menu.jpg b/view/theme/fancyred/img/photo-menu.jpg Binary files differdeleted file mode 100644 index fde5eb535..000000000 --- a/view/theme/fancyred/img/photo-menu.jpg +++ /dev/null diff --git a/view/theme/fancyred/img/screenshot.jpg b/view/theme/fancyred/img/screenshot.jpg Binary files differdeleted file mode 100644 index 5f00ec39e..000000000 --- a/view/theme/fancyred/img/screenshot.jpg +++ /dev/null diff --git a/view/theme/fancyred/img/settings.png b/view/theme/fancyred/img/settings.png Binary files differdeleted file mode 100644 index a935b225e..000000000 --- a/view/theme/fancyred/img/settings.png +++ /dev/null diff --git a/view/theme/fancyred/img/shiny.png b/view/theme/fancyred/img/shiny.png Binary files differdeleted file mode 100644 index 994c0d05d..000000000 --- a/view/theme/fancyred/img/shiny.png +++ /dev/null diff --git a/view/theme/fancyred/js/fancyred.js b/view/theme/fancyred/js/fancyred.js deleted file mode 100644 index 00b8fa39f..000000000 --- a/view/theme/fancyred/js/fancyred.js +++ /dev/null @@ -1,89 +0,0 @@ - - -function insertFormatting(comment,BBcode,id) { - - var tmpStr = $("#comment-edit-text-" + id).val(); - if(tmpStr == comment) { - tmpStr = ""; - $("#comment-edit-text-" + id).addClass("comment-edit-text-full"); - $("#comment-edit-text-" + id).removeClass("comment-edit-text-empty"); - openMenu("comment-edit-submit-wrapper-" + id); - $("#comment-edit-text-" + id).val(tmpStr); - } - - textarea = document.getElementById("comment-edit-text-" +id); - if (document.selection) { - textarea.focus(); - selected = document.selection.createRange(); - if (BBcode == "url"){ - selected.text = "["+BBcode+"]" + "http://" + selected.text + "[/"+BBcode+"]"; - } else - selected.text = "["+BBcode+"]" + selected.text + "[/"+BBcode+"]"; - } else if (textarea.selectionStart || textarea.selectionStart == "0") { - var start = textarea.selectionStart; - var end = textarea.selectionEnd; - if (BBcode == "url"){ - textarea.value = textarea.value.substring(0, start) + "["+BBcode+"]" + "http://" + textarea.value.substring(start, end) + "[/"+BBcode+"]" + textarea.value.substring(end, textarea.value.length); - } else - textarea.value = textarea.value.substring(0, start) + "["+BBcode+"]" + textarea.value.substring(start, end) + "[/"+BBcode+"]" + textarea.value.substring(end, textarea.value.length); - } - return true; -} - -function cmtBbOpen(comment, id) { - if($(comment).hasClass('comment-edit-text-full')) { - $(".comment-edit-bb-" + id).show(); - return true; - } - return false; -} - -function cmtBbClose(comment, id) { -// if($(comment).hasClass('comment-edit-text-empty')) { -// $(".comment-edit-bb-" + id).hide(); -// return true; -// } - return false; -} - -$(document).ready(function() { - -$('.group-edit-icon').hover( - function() { - $(this).addClass('icon'); $(this).removeClass('iconspacer');}, - function() { - $(this).removeClass('icon'); $(this).addClass('iconspacer');} - ); - -$('.sidebar-group-element').hover( - function() { - id = $(this).attr('id'); - $('#edit-' + id).addClass('icon'); $('#edit-' + id).removeClass('iconspacer');}, - - function() { - id = $(this).attr('id'); - $('#edit-' + id).removeClass('icon');$('#edit-' + id).addClass('iconspacer');} - ); - - -$('.savedsearchdrop').hover( - function() { - $(this).addClass('drop'); $(this).addClass('icon'); $(this).removeClass('iconspacer');}, - function() { - $(this).removeClass('drop'); $(this).removeClass('icon'); $(this).addClass('iconspacer');} - ); - -$('.savedsearchterm').hover( - function() { - id = $(this).attr('id'); - $('#drop-' + id).addClass('icon'); $('#drop-' + id).addClass('drophide'); $('#drop-' + id).removeClass('iconspacer');}, - - function() { - id = $(this).attr('id'); - $('#drop-' + id).removeClass('icon');$('#drop-' + id).removeClass('drophide'); $('#drop-' + id).addClass('iconspacer');} - ); - -}); - - - diff --git a/view/theme/fancyred/php/config.php b/view/theme/fancyred/php/config.php deleted file mode 100644 index 833d09050..000000000 --- a/view/theme/fancyred/php/config.php +++ /dev/null @@ -1,80 +0,0 @@ -<?php -/** - * Theme settings - */ - -function theme_content(&$a) { - if(!local_user()) { return; } - - $font_size = get_pconfig(local_user(),'fancyred', 'font_size' ); - $line_height = get_pconfig(local_user(), 'fancyred', 'line_height' ); - $colour = get_pconfig(local_user(), 'fancyred', 'colour' ); - - return fancyred_form($a, $font_size, $line_height, $colour); -} - -function theme_post(&$a) { - if(!local_user()) { return; } - - if (isset($_POST['fancyred-settings-submit'])) { - set_pconfig(local_user(), 'fancyred', 'font_size', $_POST['fancyred_font_size']); - set_pconfig(local_user(), 'fancyred', 'line_height', $_POST['fancyred_line_height']); - set_pconfig(local_user(), 'fancyred', 'colour', $_POST['fancyred_colour']); - } -} - -function theme_admin(&$a) { - $font_size = get_config('fancyred', 'font_size' ); - $line_height = get_config('fancyred', 'line_height' ); - $colour = get_config('fancyred', 'colour' ); - - return fancyred_form($a, $font_size, $line_height, $colour); -} - -function theme_admin_post(&$a) { - if (isset($_POST['fancyred-settings-submit'])) { - set_config('fancyred', 'font_size', $_POST['fancyred_font_size']); - set_config('fancyred', 'line_height', $_POST['fancyred_line_height']); - set_config('fancyred', 'colour', $_POST['fancyred_colour']); - } -} - -function fancyred_form(&$a, $font_size, $line_height, $colour) { - $line_heights = array( - "1.3" => "1.3", - "---" => "---", - "1.6" => "1.6", - "1.5" => "1.5", - "1.4" => "1.4", - "1.2" => "1.2", - "1.1" => "1.1", - ); - $font_sizes = array( - '12' => '12', - '14' => '14', - "---" => "---", - "16" => "16", - "15" => "15", - '13.5' => '13.5', - '13' => '13', - '12.5' => '12.5', - '12' => '12', - ); - $colours = array( - 'light' => 'light', - 'dark' => 'dark', - ); - - $t = get_markup_template('theme_settings.tpl'); - $o .= replace_macros($t, array( - '$submit' => t('Submit'), - '$baseurl' => $a->get_baseurl(), - '$title' => t("Theme settings"), - '$font_size' => array('fancyred_font_size', t('Set font-size for posts and comments'), $font_size, '', $font_sizes), - '$line_height' => array('fancyred_line_height', t('Set line-height for posts and comments'), $line_height, '', $line_heights), - '$colour' => array('fancyred_colour', t('Set colour scheme'), $colour, '', $colours), - )); - - return $o; -} - diff --git a/view/theme/fancyred/php/style.php b/view/theme/fancyred/php/style.php deleted file mode 100644 index 15ac47247..000000000 --- a/view/theme/fancyred/php/style.php +++ /dev/null @@ -1,99 +0,0 @@ -<?php - $line_height = false; - $fancyred_font_size = false; - $resolution = false; - $colour = false; - $site_line_height = get_config("fancyred","line_height"); - $site_fancyred_font_size = get_config("fancyred", "font_size" ); - $site_colour = get_config("fancyred", "colour" ); - - if (local_user()) { - $line_height = get_pconfig(local_user(), "fancyred","line_height"); - $fancyred_font_size = get_pconfig(local_user(), "fancyred", "font_size"); - $colour = get_pconfig(local_user(), "fancyred", "colour"); - } - - if ($line_height === false) { - $line_height = $site_line_height; - } - if ($line_height === false) { - $line_height = "1.2"; - } - if ($fancyred_font_size === false) { - $fancyred_font_size = $site_fancyred_font_size; - } - if ($fancyred_font_size === false) { - $fancyred_font_size = "12"; - } - if ($colour === false) { - $colour = $site_colour; - } - $colour = "light"; - - - if (file_exists("$THEMEPATH/css/style.css")) { - echo file_get_contents("$THEMEPATH/css/style.css"); - } - - - if($fancyred_font_size == "16") { - echo ".wall-item-content { - font-size: 16px; - }"; - } - if($fancyred_font_size == "15") { - echo ".wall-item-content { - font-size: 15px; - }"; - } - if($fancyred_font_size == "14") { - echo ".wall-item-content { - font-size: 14px; - }"; - } - if($fancyred_font_size == "13.5") { - echo ".wall-item-content { - font-size: 13.5px; - }"; - } - if($fancyred_font_size == "13") { - echo ".wall-item-content { - font-size: 13px; - }"; - } - if($fancyred_font_size == "12.5") { - echo ".wall-item-content { - font-size: 12.5px; - }"; - } - if($fancyred_font_size == "12") { - echo ".wall-item-content { - font-size: 12px; - }"; - } - if($line_height == "1.5") { - echo ".wall-item-content { - line-height: 1.5; - }"; - } - if($line_height == "1.4") { - echo ".wall-item-content { - line-height: 1.4; - }"; - } - if($line_height == "1.3") { - echo ".wall-item-content { - line-height: 1.3; - }"; - } - if($line_height == "1.2") { - echo ".wall-item-content { - line-height: 1.2; - }"; - } - if($line_height == "1.1") { - echo ".wall-item-content { - line-height: 1.1; - }"; - } - diff --git a/view/theme/fancyred/php/theme.php b/view/theme/fancyred/php/theme.php deleted file mode 100644 index 1ac6d4d21..000000000 --- a/view/theme/fancyred/php/theme.php +++ /dev/null @@ -1,6 +0,0 @@ -<?php - -function fancyred_init(&$a) { - $a->set_template_engine('smarty3'); -// head_add_js('redbasic.js'); -} diff --git a/view/theme/fancyred/tpl/smarty3/theme_settings.tpl b/view/theme/fancyred/tpl/smarty3/theme_settings.tpl deleted file mode 100644 index 3401f318b..000000000 --- a/view/theme/fancyred/tpl/smarty3/theme_settings.tpl +++ /dev/null @@ -1,12 +0,0 @@ -{{* - * AUTOMATICALLY GENERATED TEMPLATE - * DO NOT EDIT THIS FILE, CHANGES WILL BE OVERWRITTEN - * - *}} -{{include file="field_select.tpl" field=$font_size}} - -{{include file="field_select.tpl" field=$line_height}} - -<div class="settings-submit-wrapper"> - <input type="submit" value="{{$submit}}" class="settings-submit" name="fancyred-settings-submit" /> -</div> diff --git a/view/theme/fancyred/tpl/theme_settings.tpl b/view/theme/fancyred/tpl/theme_settings.tpl deleted file mode 100644 index 797b29962..000000000 --- a/view/theme/fancyred/tpl/theme_settings.tpl +++ /dev/null @@ -1,7 +0,0 @@ -{{inc field_select.tpl with $field=$font_size}}{{endinc}} - -{{inc field_select.tpl with $field=$line_height}}{{endinc}} - -<div class="settings-submit-wrapper"> - <input type="submit" value="$submit" class="settings-submit" name="fancyred-settings-submit" /> -</div> diff --git a/view/theme/redbasic/css/fancy.css b/view/theme/redbasic/css/fancy.css new file mode 100644 index 000000000..f5316e31e --- /dev/null +++ b/view/theme/redbasic/css/fancy.css @@ -0,0 +1,184 @@ +/* There's probably some stuff in here we don't need, and maybe some missing stuff we do need. We can clean it up incrementaly, just get the heavy lifting done for now */ + +aside { +border-radius: 0px 0px 20px 0px;} + + +.tab { + height: auto; + background-color: #f00; + color: #fff !important; + font-weight: bold; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 20px; + margin: 0; + width: auto; + margin-left: 8px; + padding: 4px; + text-align: center; +} +.tab:hover, .tab.active:hover { + background: #d00; + color: #fff; + ; +} +.tab:active { + background: #fff; + color: #f00; +} +.tab.active { + background: #f00; + color: #fff; + box-shadow: 3px 3px 3px #333 inset; + padding: 5px; /* strageness of the human mind - has to be larger than inactive tabs, or it looks smaller than them */ +} + + + +/* Give the top level post bigger shadows than the comments. This makes them appear "higher" and the comments "lower", which separates posts from each other reasonably without literally drawing a line under it */ + +.wall-item-content-wrapper { + position: relative; + background: #fff; + border-radius: 10px; + box-shadow: 8px 8px 8px #000; + border: 1px solid #eec; +} + +.thread-wrapper .thread-wrapper { + margin-left: 50px; +} + +.thread-end-wrapper { + margin-left: 50px; +} + + +/* This shadow isn't quite right - not sure if it's colour or size */ + +.wall-item-content-wrapper.comment { + background: #fff; + border-left: 1px solid #e0e0e0; + margin-left: 50px; + margin-top: 15px; + box-shadow: 5px 5px 5px #222; + +} + +.wall-item-info { + display: block; + float: left; + width:110px; + margin-right:10px; +} +.comment .wall-item-info { + width: 70px; +} + +.wall-item-photo-wrapper { + margin-top: 10px; + margin-left: 10px; + margin-bottom: 10px; + width: 100px; +} + +.wall-item-content img { + max-height: 95% !important; + max-width: 95% !important; + box-shadow: 8px 8px 8px #666; +} + +.wall-item-content img.smiley { + box-shadow: none; +} + +.wall-item-like:hover, .wall-item-dislike:hover{ +opacity: 1; +} + +.wall-item-author { + margin-top: 10px; +} + +.comment-edit-wrapper { + margin-top: 15px; + background: #ffffff; + margin-left: 50px; +} + +.comment-edit-text-empty, .comment-edit-text-full { + float: left; + margin-top: 10px; + padding: 3px 1px 1px 3px; + border: 1px solid #ccc; + padding: 8px; + border-radius: 5px 5px 5px 5px; + box-shadow: 5px 5px 5px #666 inset; +} + +.comment-edit-text-empty { +color: gray; +height: 1.5em; +width: 80%; /*Too wide? */ +overflow: auto; +margin-bottom: 10px; +} + +.comment-edit-text-full { + color: black; + height: 150px; + width: 80%; + overflow: auto; +} + + +#profile-jot-text { + height: 20px; + color:#000; + border: 1px solid #cccccc; + padding: 10px; + width: 90%; + border-radius: 20px; + box-shadow: 4px 4px 3px 0 #666 inset; +} + +#profile-jot-submit { + height: auto; + background-color: #dd0000; + color: #eeeeec; + font-weight: bold; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + border: 2px outset #222420 !important; + margin: 0; + float: right; + text-shadow: 1px 1px #111; + width: auto; + box-shadow: 5px 5px 5px #444; +} +ul.menu-popup { + position: absolute; + display: none; + width: 10em; + background: #dd0000; + color: #eec; + padding: 0px; + list-style: none; + border-radius: 0px 0px 20px 20px; + 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: #eec; + padding: 5px 10px; + text-decoration: none; +} +ul.menu-popup a:hover { + background-color: #eec; + color: #f00; +} diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index db73e27d5..b45000a3d 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -256,7 +256,7 @@ header #banner #logo-text { font-size: 22px; } -.nav-commlink { +.nav-commlink, .nav-login-link { display: block; height: 15px; margin-top: 67px; diff --git a/view/theme/redbasic/php/config.php b/view/theme/redbasic/php/config.php index ad5df57ce..24bdc7794 100644 --- a/view/theme/redbasic/php/config.php +++ b/view/theme/redbasic/php/config.php @@ -4,13 +4,20 @@ */ function theme_content(&$a) { + // Doesn't yet work for anyone other than the channel owner, and stupid mode isn't finished, so return both for now. if(!local_user()) { return; } - + if(! feature_enabled(local_user(),'expert')) {return;} + $font_size = get_pconfig(local_user(),'redbasic', 'font_size' ); $line_height = get_pconfig(local_user(), 'redbasic', 'line_height' ); $colour = get_pconfig(local_user(), 'redbasic', 'colour' ); - - return redbasic_form($a, $font_size, $line_height, $colour); + $shadow = get_pconfig(local_user(), 'redbasic', 'shadow' ); + $navcolour = get_pconfig(local_user(), 'redbasic', 'navcolour'); + $displaystyle = get_pconfig(local_user(), 'redbasic', 'displaystyle'); + $linkcolour = get_pconfig(local_user(), 'redbasic', 'linkcolour'); + $iconset = get_pconfig(local_user(), 'redbasic', 'iconset'); + $shiny = get_pconfig(local_user(), 'redbasic', 'shiny'); + return redbasic_form($a, $font_size, $line_height, $colour, $shadow, $navcolour, $opaquenav, $displaystyle, $linkcolour, $iconset, $shiny); } function theme_post(&$a) { @@ -20,26 +27,47 @@ function theme_post(&$a) { set_pconfig(local_user(), 'redbasic', 'font_size', $_POST['redbasic_font_size']); set_pconfig(local_user(), 'redbasic', 'line_height', $_POST['redbasic_line_height']); set_pconfig(local_user(), 'redbasic', 'colour', $_POST['redbasic_colour']); + set_pconfig(local_user(), 'redbasic', 'shadow', $_POST['redbasic_shadow']); + set_pconfig(local_user(), 'redbasic', 'navcolour', $_POST['redbasic_navcolour']); + set_pconfig(local_user(), 'redbasic', 'displaystyle', $_POST['redbasic_displaystyle']); + set_pconfig(local_user(), 'redbasic', 'linkcolour', $_POST['redbasic_linkcolour']); + set_pconfig(local_user(), 'redbasic', 'iconset', $_POST['redbasic_iconset']); + set_pconfig(local_user(), 'redbasic', 'shiny', $_POST['redbasic_shiny']); } } -function theme_admin(&$a) { - $font_size = get_config('redbasic', 'font_size' ); - $line_height = get_config('redbasic', 'line_height' ); - $colour = get_config('redbasic', 'colour' ); - - return redbasic_form($a, $font_size, $line_height, $colour); -} +// We probably don't want these if we're having global settings, but we'll comment out for now, just in case +//function theme_admin(&$a) { $font_size = get_config('redbasic', 'font_size' ); +// $line_height = get_config('redbasic', 'line_height' ); +// $colour = get_config('redbasic', 'colour' ); +// $shadow = get_config('redbasic', 'shadow' ); +// $navcolour = get_config('redbasic', 'navcolour' ); +// $opaquenav = get_config('redbasic', 'opaquenav' ); +// $itemstyle = get_config('redbasic', 'itemstyle' ); +// $linkcolour = get_config('redbasic', 'linkcolour' ); +// $iconset = get_config('redbasic', 'iconset' ); +// $shiny = get_config('redbasic', 'shiny' ); +// +// return redbasic_form($a, $font_size, $line_height, $colour, $shadow, $navcolour, $opaquenav, $itemstyle, $linkcolour, $iconset, $shiny); +//} -function theme_admin_post(&$a) { - if (isset($_POST['redbasic-settings-submit'])) { - set_config('redbasic', 'font_size', $_POST['redbasic_font_size']); - set_config('redbasic', 'line_height', $_POST['redbasic_line_height']); - set_config('redbasic', 'colour', $_POST['redbasic_colour']); - } -} +//function theme_admin_post(&$a) { +// if (isset($_POST['redbasic-settings-submit'])) { +// set_config('redbasic', 'font_size', $_POST['redbasic_font_size']); +// set_config('redbasic', 'line_height', $_POST['redbasic_line_height']); +// set_config('redbasic', 'colour', $_POST['redbasic_colour']); +// set_config('redbasic', 'shadow', $_POST['redbasic_shadow']); +// set_config('redbasic', 'navcolour', $_POST['redbasic_navcolour']); +// set_config('redbasic', 'opaquenav', $_POST['redbasic_opaquenav']); +// set_config('redbasic', 'itemstyle', $_POST['redbasic_itemstyle']); +// set_config('redbasic', 'linkcolour', $_POST['redbasic_linkcolour']); +// set_config('redbasic', 'iconset', $_POST['redbasic_iconset']); +// set_config('redbasic', 'shiny', $_POST['redbasic_shiny']); +// } +//} -function redbasic_form(&$a, $font_size, $line_height, $colour) { +// These aren't all used yet, but they're not bloat - we'll use drop down menus in idiot mode. +function redbasic_form(&$a, $font_size, $line_height, $colour, $shadow, $navcolour, $opaquenav, $displaystyle, $linkcolour, $iconset, $shiny) { $line_heights = array( "1.3" => "1.3", "---" => "---", @@ -61,19 +89,54 @@ function redbasic_form(&$a, $font_size, $line_height, $colour) { '12' => '12', ); $colours = array( - 'light' => 'light', - 'dark' => 'dark', + 'redbasic' => 'light', + 'fancyred' => 'dark', + ); + + $shadows = array( + 'true' => 'Yes', + 'false' => 'No', ); - $t = get_markup_template('theme_settings.tpl'); - $o .= replace_macros($t, array( + $navcolours = array ( + 'red' => 'red', + 'black' => 'black', + ); + + $displaystyles = array ( + 'fancy' => 'fancy', + 'classic' => 'classic', + ); + + $linkcolours = array ( + 'blue' => 'blue', + 'red' => 'red', + ); + + $iconsets = array ( + 'default' => 'default', + ); + + $shinys = array ( + 'none' => 'none', + 'opaque' => 'opaque', + ); + if(feature_enabled(local_user(),'expert')) { + $t = get_markup_template('theme_settings.tpl'); + $o .= replace_macros($t, array( '$submit' => t('Submit'), '$baseurl' => $a->get_baseurl(), '$title' => t("Theme settings"), '$font_size' => array('redbasic_font_size', t('Set font-size for posts and comments'), $font_size, '', $font_sizes), '$line_height' => array('redbasic_line_height', t('Set line-height for posts and comments'), $line_height, '', $line_heights), '$colour' => array('redbasic_colour', t('Set colour scheme'), $colour, '', $colours), - )); + '$shadow' => array('redbasic_shadow', t('Draw shadows'), $shadow, '', $shadows), + '$navcolour' => array('redbasic_navcolour', t('Navigation bar colour'), $navcolour, '', $navcolours), + '$displaystyle' => array('redbasic_displaystyle', t('Display style'), $displaystyle, '', $displaystyles), + '$linkcolour' => array('redbasic_linkcolour', t('Display colour of links - hex value, do not include the #'), $linkcolour, '', $linkcolours), + '$iconset' => array('redbasic_iconset', t('Icons'), $iconset, '', $iconsets), + '$shiny' => array('redbasic_shiny', t('Shiny style'), $shiny, '', $shinys), + ));} return $o; } diff --git a/view/theme/redbasic/php/style.php b/view/theme/redbasic/php/style.php index 99ad06c55..450cabc7c 100644 --- a/view/theme/redbasic/php/style.php +++ b/view/theme/redbasic/php/style.php @@ -1,46 +1,111 @@ <?php + // This needs changing now, if we're going for global settings. Admin settings have been removed in preparation, You *should* just be able to remove all + // the get_config bits, though this is untested. + // We also need to eventually. Use the page owners settings for everybody - get_pconfig(page_owner()) or whatever that would look like. + $line_height = false; $redbasic_font_size = false; $resolution = false; $colour = false; + $shadows = false; + $navcolour = false; + $nav_bg_1 = "f88"; + $nav_bg_2 = "b00"; + $displaystyle = false; + $linkcolour = false; + $shiny = false; $site_line_height = get_config("redbasic","line_height"); $site_redbasic_font_size = get_config("redbasic", "font_size" ); $site_colour = get_config("redbasic", "colour" ); - + $shadows = get_config("redbasic", "shadow" ); + $navcolour = get_config("redbasic", "navcolour" ); + $displaystyle = get_config("redbasic", "displaystyle" ); + $linkcolour = get_config("redbasic", "linkcolour" ); + $shiny = get_config("redbasic", "shiny" ); + if (local_user()) { $line_height = get_pconfig(local_user(), "redbasic","line_height"); $redbasic_font_size = get_pconfig(local_user(), "redbasic", "font_size"); $colour = get_pconfig(local_user(), "redbasic", "colour"); + $shadows = get_pconfig(local_user(), "redbasic", "shadow"); + $navcolour = get_pconfig(local_user(), "redbasic", "navcolour"); + $displaystyle = get_pconfig(local_user(), "redbasic", "displaystyle"); + $linkcolour = get_pconfig(local_user(), "redbasic", "linkcolour"); + $shiny = get_pconfig(local_user(), "redbasic", "shiny"); } - if ($line_height === false) { - $line_height = $site_line_height; - } - if ($line_height === false) { - $line_height = "1.2"; - } - if ($redbasic_font_size === false) { - $redbasic_font_size = $site_redbasic_font_size; - } - if ($redbasic_font_size === false) { - $redbasic_font_size = "12"; - } - if ($colour === false) { - $colour = $site_colour; - } - if($colour === false) { - $colour = "light"; - } - + +// This is probably the easiest place to apply global settings. Don't bother with site line height and such. Instead, check pconfig for global user settings. +// eg, if ($redbasic_font_size === false) {$redbasic_font_size = get_pconfig(local_user(), "global", "font_size"); If it's not set, we'll just use the CSS with no changes. +// Then all you need to do is add a "Global Settings" tab to settings/display, and make an equivalent of theme_settings.tpl and config.php to be loaded there. Easy. + + if ($line_height === false) {$line_height = $site_line_height;} + if ($line_height === false) {$line_height = "1.2";} + if ($redbasic_font_size === false) {$redbasic_font_size = $site_redbasic_font_size;} + if ($redbasic_font_size === false) {$redbasic_font_size = "12";} + if ($colour === false) {$colour = $site_colour;} + if ($colour === false) {$colour = "light";} + if ($navcolour === "black") {$nav_bg_1 = "000"; + $nav_bg_2 = "2e2f2e";} + if(file_exists('view/theme/' . current_theme() . '/css/style.css')) { echo file_get_contents('view/theme/' . current_theme() . '/css/style.css'); } echo "\r\n"; - if(($redbasic_font_size >= 10.0) && ($redbasic_font_size <= 16.0)) { + //if($colour != "light" { grab the contents of file $colour which doesn't exist yet, and echo it when it does} + //see the displaystyle bit to see how this works. + //Then, grab the "Light" PCSS from KakSte Friendica theme, flip the colours, and the job is 90% done + //$colour_scheme (not yet implemented) should be used for idiot mode + + +// Enforce sane limits for expert mode - otherwise we'll end up with "experts" who think font size is a percentage. + + if(($redbasic_font_size >= 8.0) && ($redbasic_font_size <= 20.0)) { echo ".wall-item-content { font-size: $redbasic_font_size; }\r\n"; } - if(($line_height >= 1.0) && ($line_height <= 1.5)) { + if(($line_height >= 1.0) && ($line_height <= 2.0)) { echo ".wall-item-content { line-height: $line_height; }\r\n"; } + + +// Minimum value shadows - they shouldn't all be the same size; just get it working, clean up later. + if($shadows === "true") { + echo "code, blockquote, .wall-item-content-wrapper, .wall-item-content-wrapper.comment, .wall-item-content img, #profile-jot-perms, #profile-jot-submit, .tab, .tab.active, .settings-widget li, .wall-item-photo, .photo, .contact-block-img, .my-comment-photo, #posted-date-selector:hover, .contact-entry-photo img, .profile-match-photo img, #photo-photo img, .directory-photo-img, .photo-album-photo, .photo-top-photo, .group-selected, .nets-selected, .fileas-selected, .categories-selected { + box-shadow: 5px 5px 5px #111;}\r\n + + .tab.active, #jot-title, #jot-category, .comment-edit-text-empty, .comment-edit-text-full, iframe#profile-jot-text_ifr, #profile-jot-text { + box-shadow: 5px 5px 5px #666 inset;}\r\n"; + + } + +// Since every change would otherwise require five lines, it's simpler to just set a default and echo this without first checking if we've set it. + echo "nav {background-image: linear-gradient(bottom, #$nav_bg_1 26%, #$nav_bg_2 82%); + background-image: -o-linear-gradient(bottom, #$nav_bg_1 26%, #$nav_bg_2 82%); + background-image: -moz-linear-gradient(bottom, #$nav_bg_1 26%, #$nav_bg_2 82%) !important; + background-image: -webkit-linear-gradient(bottom, #$nav_bg_1 26%, #$nav_bg_2 82%); + background-image: -ms-linear-gradient(bottom, #$nav_bg_1 26%, #$nav_bg_2 82%);}"; + +// This takes quite a lot of code, so we'll keep it in a separate file, and echo the lot. Devs still don't have to worry about - it's just overrides. +// Theme devs can play with it without facing scary PHP. + + if ($displaystyle === "fancy") + {if (file_exists('view/theme/' . current_theme() . '/css/fancy.css')) { + $fancy = (file_get_contents('view/theme/' . current_theme() . '/css/fancy.css')); + echo "$fancy";} + } + +// Put the # here to force hex colours - if we don't, somebody is going to do something odd, using RGB and we're all going to be confused on the support forums +// until one of us works out what they've done. + + if ($linkcolour != false) { + echo "a, a:visited, a:link, .fakelink, .fakelink:visited, .fakelink:link {color: #$linkcolour;}\r\n"; + } + +// If you want a shiny that just sets a different colour, add an if $shiny != false and handle it as the linkcolour above. + + if ($shiny === opaque) { + echo "div.wall-item-content-wrapper.shiny {opacity: 1;}\r\n + .wall-item-content-wrapper {opacity: 0.8;}"; + }
\ No newline at end of file diff --git a/view/theme/redbasic/tpl/theme_settings.tpl b/view/theme/redbasic/tpl/theme_settings.tpl index d0d153e73..6e7e079e0 100644 --- a/view/theme/redbasic/tpl/theme_settings.tpl +++ b/view/theme/redbasic/tpl/theme_settings.tpl @@ -1,6 +1,20 @@ -{{inc field_select.tpl with $field=$font_size}}{{endinc}} +{{inc field_select.tpl with $field=$colour}}{{endinc}} -{{inc field_select.tpl with $field=$line_height}}{{endinc}} +{{inc field_input.tpl with $field=$font_size}}{{endinc}} + +{{inc field_input.tpl with $field=$line_height}}{{endinc}} + +{{inc field_select.tpl with $field=$shadow}}{{endinc}} + +{{inc field_select.tpl with $field=$navcolour}}{{endinc}} + +{{inc field_select.tpl with $field=$displaystyle}}{{endinc}} + +{{inc field_input.tpl with $field=$linkcolour}}{{endinc}} + +{{inc field_select.tpl with $field=$iconset}}{{endinc}} + +{{inc field_select.tpl with $field=$shiny}}{{endinc}} <div class="settings-submit-wrapper"> <input type="submit" value="$submit" class="settings-submit" name="redbasic-settings-submit" /> |
