diff options
Diffstat (limited to 'view/theme')
25 files changed, 187 insertions, 182 deletions
diff --git a/view/theme/diabook-aerith/communityhome.tpl b/view/theme/diabook-aerith/communityhome.tpl index cff75cd40..cf8d81335 100755 --- a/view/theme/diabook-aerith/communityhome.tpl +++ b/view/theme/diabook-aerith/communityhome.tpl @@ -17,7 +17,7 @@ <div id="close_services"> {{ if $lastusers_title }} <h3>Connectable Services<a id="close_services_icon" onClick="close_services()" class="icon close_box" title="close"></a></h3> -<div id="right_service_icons" style="margin-left: 11px; margin-top: 5px;"> +<div id="right_service_icons" style="margin-left: 16px; margin-top: 5px;"> <a href="$url/facebook"><img alt="Facebook" src="view/theme/diabook-blue/icons/facebook.png" title="Facebook"></a> <a href="$url/settings/connectors"><img alt="StatusNet" src="view/theme/diabook-blue/icons/StatusNet.png?" title="StatusNet"></a> <a href="$url/settings/connectors"><img alt="LiveJournal" src="view/theme/diabook-blue/icons/livejournal.png?" title="LiveJournal"></a> diff --git a/view/theme/diabook-aerith/style-network.css b/view/theme/diabook-aerith/style-network.css index dd8d62122..b35a70c65 100644 --- a/view/theme/diabook-aerith/style-network.css +++ b/view/theme/diabook-aerith/style-network.css @@ -557,13 +557,14 @@ header #banner a:hover { outline: none; vertical-align: middle; font-weight: bolder; + margin-left: 3px; } header #banner #logo-img { height: 25px; margin-top: 3px; } header #banner #logo-text { - font-size: 21px; + font-size: 20px; position: absolute; top: 10%; } @@ -718,7 +719,7 @@ nav .nav-menu.selected { nav .nav-notify { display: none; position: absolute; - background-color: #ff0000; + background-color: #fff; /* background-color: #19aeff; */ -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; @@ -730,6 +731,7 @@ nav .nav-notify { right: -6px; min-width: 10px; text-align: center; + border: 1px solid black; } nav .nav-notify.show { display: block; @@ -752,7 +754,7 @@ nav #nav-home-link, #nav-directory-link, #nav-apps-link{ margin-right: 0px; font-weight: bold; margin: 3px 5px; - font-size: 15px; + font-size: 14px; } nav #nav-directory-link{ margin-right: 0px; @@ -1037,6 +1039,8 @@ aside #profiles-menu { } aside #search-text { width: 150px; + height: 17px; + padding-left: 10px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; @@ -1259,6 +1263,7 @@ right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; } #page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} #page-sidebar-right_aside ul {margin-top: 0px;} +#page-sidebar-right_aside .label {max-width: 128px;} right_aside .icon {width: 10px; height: 10px;} .close_box { background-image: url("../../../view/theme/diabook-aerith/icons/close_box.png"); @@ -1744,6 +1749,7 @@ transition: all 0.2s ease-in-out; #profile-jot-submit { float: right; margin-top: 2px; + font-size: 14px; } #profile-upload-wrapper { @@ -1796,7 +1802,7 @@ transition: all 0.2s ease-in-out; float: right; margin-left: 10px; margin-top: 2px; - font-size: 10px; + font-size: 9px; font-weight: bolder; cursor: pointer; } @@ -1809,7 +1815,6 @@ transition: all 0.2s ease-in-out; .button.creation1 { background-color: #fff; border: 1px solid #777777; - background-image: -moz-linear-gradient(center top , white 0%, #DDDDDD 100%); border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px #CFCFCF; cursor: pointer; @@ -1817,7 +1822,6 @@ transition: all 0.2s ease-in-out; } .button.creation2 { background-color: #3465A4; - background-image: -moz-linear-gradient(center top , #66C1FF 0%, #0097FF 100%); border: 1px solid #777777; color: white; border-radius: 3px 3px 3px 3px; diff --git a/view/theme/diabook-aerith/style-profile.css b/view/theme/diabook-aerith/style-profile.css index e350db93e..9c9f8b4e6 100644 --- a/view/theme/diabook-aerith/style-profile.css +++ b/view/theme/diabook-aerith/style-profile.css @@ -558,13 +558,14 @@ header #banner a:hover { outline: none; vertical-align: middle; font-weight: bolder; + margin-left: 3px; } header #banner #logo-img { height: 25px; margin-top: 3px; } header #banner #logo-text { - font-size: 21px; + font-size: 20px; position: absolute; top: 10%; } @@ -719,7 +720,7 @@ nav .nav-menu.selected { nav .nav-notify { display: none; position: absolute; - background-color: #ff0000; + background-color: #fff; /* background-color: #19aeff; */ -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; @@ -731,6 +732,7 @@ nav .nav-notify { right: -6px; min-width: 10px; text-align: center; + border: 1px solid black; } nav .nav-notify.show { display: block; @@ -753,7 +755,7 @@ nav #nav-home-link, #nav-directory-link, #nav-apps-link{ margin-right: 0px; font-weight: bold; margin: 3px 5px; - font-size: 15px; + font-size: 14px; } nav #nav-directory-link{ margin-right: 0px; @@ -1036,6 +1038,8 @@ aside #profiles-menu { } aside #search-text { width: 150px; + height: 17px; + padding-left: 10px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; @@ -1258,6 +1262,7 @@ right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; } #page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} #page-sidebar-right_aside ul {margin-top: 0px;} +#page-sidebar-right_aside .label {max-width: 128px;} right_aside .icon {width: 10px; height: 10px;} .close_box { background-image: url("../../../view/theme/diabook-aerith/icons/close_box.png"); @@ -1738,7 +1743,7 @@ transition: all 0.2s ease-in-out; #profile-jot-submit { float: right; margin-top: 2px; - + font-size: 14px; } #profile-upload-wrapper { float: left; @@ -1790,7 +1795,7 @@ transition: all 0.2s ease-in-out; float: right; margin-left: 10px; margin-top: 2px; - font-size: 10px; + font-size: 9px; font-weight: bolder; cursor: pointer; } @@ -1803,7 +1808,6 @@ transition: all 0.2s ease-in-out; .button.creation1 { background-color: #fff; border: 1px solid #777777; - background-image: -moz-linear-gradient(center top , white 0%, #DDDDDD 100%); border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px #CFCFCF; font-weight: bolder; @@ -1811,7 +1815,6 @@ transition: all 0.2s ease-in-out; } .button.creation2 { background-color: #3465A4; - background-image: -moz-linear-gradient(center top , #66C1FF 0%, #0097FF 100%); border: 1px solid #777777; color: white; border-radius: 3px 3px 3px 3px; diff --git a/view/theme/diabook-aerith/style.css b/view/theme/diabook-aerith/style.css index 9eca0ab4d..fbcca699f 100644 --- a/view/theme/diabook-aerith/style.css +++ b/view/theme/diabook-aerith/style.css @@ -555,13 +555,14 @@ header #banner a:hover { outline: none; vertical-align: middle; font-weight: bolder; + margin-left: 3px; } header #banner #logo-img { height: 25px; margin-top: 3px; } header #banner #logo-text { - font-size: 21px; + font-size: 20px; position: absolute; top: 10%; } @@ -716,7 +717,7 @@ nav .nav-menu.selected { nav .nav-notify { display: none; position: absolute; - background-color: #ff0000; + background-color: #fff; /* background-color: #19aeff; */ -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; @@ -728,6 +729,7 @@ nav .nav-notify { right: -6px; min-width: 10px; text-align: center; + border: 1px solid black; } nav .nav-notify.show { display: block; @@ -750,7 +752,7 @@ nav #nav-home-link, #nav-directory-link, #nav-apps-link{ margin-right: 0px; font-weight: bold; margin: 3px 5px; - font-size: 15px; + font-size: 14px; } nav #nav-directory-link{ margin-right: 0px; @@ -1034,6 +1036,8 @@ aside #profiles-menu { } aside #search-text { width: 173px; + height: 17px; + padding-left: 10px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; @@ -1669,6 +1673,7 @@ body .pageheader{ #profile-jot-submit { float: right; margin-top: 2px; + font-size: 14px; } #profile-upload-wrapper { @@ -1721,7 +1726,7 @@ body .pageheader{ float: right; margin-left: 10px; margin-top: 2px; - font-size: 10px; + font-size: 9px; font-weight: bolder; cursor: pointer; } @@ -1734,7 +1739,6 @@ body .pageheader{ .button.creation1 { background-color: #fff; border: 1px solid #777777; - background-image: -moz-linear-gradient(center top , white 0%, #DDDDDD 100%); border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px #CFCFCF; font-weight: bolder; @@ -1742,7 +1746,6 @@ body .pageheader{ } .button.creation2 { background-color: #3465A4; - background-image: -moz-linear-gradient(center top , #66C1FF 0%, #0097FF 100%); border: 1px solid #777777; color: white; border-radius: 3px 3px 3px 3px; diff --git a/view/theme/diabook-red/communityhome.tpl b/view/theme/diabook-red/communityhome.tpl index cff75cd40..cf8d81335 100755 --- a/view/theme/diabook-red/communityhome.tpl +++ b/view/theme/diabook-red/communityhome.tpl @@ -17,7 +17,7 @@ <div id="close_services"> {{ if $lastusers_title }} <h3>Connectable Services<a id="close_services_icon" onClick="close_services()" class="icon close_box" title="close"></a></h3> -<div id="right_service_icons" style="margin-left: 11px; margin-top: 5px;"> +<div id="right_service_icons" style="margin-left: 16px; margin-top: 5px;"> <a href="$url/facebook"><img alt="Facebook" src="view/theme/diabook-blue/icons/facebook.png" title="Facebook"></a> <a href="$url/settings/connectors"><img alt="StatusNet" src="view/theme/diabook-blue/icons/StatusNet.png?" title="StatusNet"></a> <a href="$url/settings/connectors"><img alt="LiveJournal" src="view/theme/diabook-blue/icons/livejournal.png?" title="LiveJournal"></a> diff --git a/view/theme/diabook-red/style-network.css b/view/theme/diabook-red/style-network.css index c649c185c..d3e080bf5 100644 --- a/view/theme/diabook-red/style-network.css +++ b/view/theme/diabook-red/style-network.css @@ -557,15 +557,17 @@ header #banner a:hover { outline: none; vertical-align: middle; font-weight: bolder; + } header #banner #logo-img { height: 25px; margin-top: 3px; } header #banner #logo-text { - font-size: 21px; + font-size: 20px; position: absolute; top: 10%; + margin-left: 3px; } /* nav */ nav { @@ -657,7 +659,7 @@ nav #logo-text { nav .nav-menu-search { position: relative; - margin: 3px 17px; + margin: 4px 17px; margin-right: 0px; height: 17px; width: 180px; @@ -1037,6 +1039,8 @@ aside #profiles-menu { } aside #search-text { width: 150px; + height: 17px; + padding-left: 10px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; @@ -1244,7 +1248,7 @@ right_aside { /* background: #F1F1F1; */ } -right_aside a{color: #ff500f;} +right_aside a{color: red;} right_aside h3 {border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 5px; margin-bottom: 0px; margin-top:30px;} right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } @@ -1256,6 +1260,7 @@ right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; } #page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} #page-sidebar-right_aside ul {margin-top: 0px;} +#page-sidebar-right_aside .label {max-width: 128px;} right_aside .icon {width: 10px; height: 10px;} .close_box { background-image: url("../../../view/theme/diabook-red/icons/close_box.png"); @@ -1741,7 +1746,7 @@ transition: all 0.2s ease-in-out; #profile-jot-submit { float: right; margin-top: 2px; - + font-size: 14px; } #profile-upload-wrapper { float: left; @@ -1793,7 +1798,7 @@ transition: all 0.2s ease-in-out; float: right; margin-left: 10px; margin-top: 2px; - font-size: 10px; + font-size: 9px; font-weight: bolder; cursor: pointer; } @@ -1806,7 +1811,6 @@ transition: all 0.2s ease-in-out; .button.creation1 { background-color: #fff; border: 1px solid #777777; - background-image: -moz-linear-gradient(center top , white 0%, #DDDDDD 100%); border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px #CFCFCF; cursor: pointer; @@ -1814,7 +1818,6 @@ transition: all 0.2s ease-in-out; } .button.creation2 { background-color: #FF500F; - background-image: -moz-linear-gradient(center top , #66C1FF 0%, #0097FF 100%); border: 1px solid #777777; color: white; border-radius: 3px 3px 3px 3px; @@ -1824,12 +1827,14 @@ transition: all 0.2s ease-in-out; font-weight: bolder; } /*input[type="submit"] { - border: 0px; - background-color: @ButtonBackgroundColor; - color: @ButtonColor; - padding: 0px 10px; - .rounded(5px); - height: 18px; + background-color: #FF500F; + border: 1px solid #777777; + color: white; + border-radius: 3px 3px 3px 3px; + box-shadow: 0 1px 1px #CFCFCF; + margin-left: 5px; + cursor: pointer; + font-weight: bolder; }*/ /** acl **/ #photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { diff --git a/view/theme/diabook-red/style-profile.css b/view/theme/diabook-red/style-profile.css index 8c13db995..5af75f2b5 100644 --- a/view/theme/diabook-red/style-profile.css +++ b/view/theme/diabook-red/style-profile.css @@ -556,9 +556,10 @@ header #banner #logo-img { margin-top: 3px; } header #banner #logo-text { - font-size: 21px; + font-size: 20px; position: absolute; top: 10%; + margin-left: 3px; } /* nav */ nav { @@ -642,7 +643,7 @@ nav #logo-text { nav .nav-menu-search { position: relative; - margin: 3px 17px; + margin: 4px 17px; margin-right: 0px; height: 17px; width: 180px; @@ -1020,6 +1021,8 @@ aside #profiles-menu { } aside #search-text { width: 150px; + height: 17px; + padding-left: 10px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; @@ -1227,7 +1230,7 @@ right_aside { /* background: #F1F1F1; */ } -right_aside a{color: #ff500f;} +right_aside a{color: red;} right_aside h3 {border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 5px; margin-bottom: 0px; margin-top:30px;} right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } @@ -1239,6 +1242,7 @@ right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; } #page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;} #page-sidebar-right_aside ul {margin-top: 0px;} +#page-sidebar-right_aside .label {max-width: 128px;} right_aside .icon {width: 10px; height: 10px;} .close_box { background-image: url("../../../view/theme/diabook-red/icons/close_box.png"); @@ -1719,6 +1723,7 @@ transition: all 0.2s ease-in-out; #profile-jot-submit { float: right; margin-top: 2px; + font-size: 14px; } #profile-upload-wrapper { @@ -1771,7 +1776,7 @@ transition: all 0.2s ease-in-out; float: right; margin-left: 10px; margin-top: 2px; - font-size: 10px; + font-size: 9px; font-weight: bolder; cursor: pointer; } @@ -1784,7 +1789,6 @@ transition: all 0.2s ease-in-out; .button.creation1 { background-color: #fff; border: 1px solid #777777; - background-image: -moz-linear-gradient(center top , white 0%, #DDDDDD 100%); border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px #CFCFCF; font-weight: bolder; @@ -1792,7 +1796,6 @@ transition: all 0.2s ease-in-out; } .button.creation2 { background-color: #FF500F; - background-image: -moz-linear-gradient(center top , #66C1FF 0%, #0097FF 100%); border: 1px solid #777777; color: white; border-radius: 3px 3px 3px 3px; diff --git a/view/theme/diabook-red/style.css b/view/theme/diabook-red/style.css index f74104cb7..40b5b2ec3 100644 --- a/view/theme/diabook-red/style.css +++ b/view/theme/diabook-red/style.css @@ -561,9 +561,10 @@ header #banner #logo-img { margin-top: 3px; } header #banner #logo-text { - font-size: 21px; + font-size: 20px; position: absolute; top: 10%; + margin-left: 3px; } /* nav */ nav { @@ -655,7 +656,7 @@ nav #logo-text { nav .nav-menu-search { position: relative; - margin: 3px 17px; + margin: 4px 17px; margin-right: 0px; height: 17px; width: 180px; @@ -1034,6 +1035,8 @@ aside #profiles-menu { } aside #search-text { width: 173px; + height: 17px; + padding-left: 10px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; @@ -1665,7 +1668,7 @@ body .pageheader{ #profile-jot-submit { float: right; margin-top: 2px; - + font-size: 14px; } #profile-upload-wrapper { float: left; @@ -1717,7 +1720,7 @@ body .pageheader{ float: right; margin-left: 10px; margin-top: 2px; - font-size: 10px; + font-size: 9px; font-weight: bolder; cursor: pointer; } @@ -1730,7 +1733,6 @@ body .pageheader{ .button.creation1 { background-color: #fff; border: 1px solid #777777; - background-image: -moz-linear-gradient(center top , white 0%, #DDDDDD 100%); border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px #CFCFCF; font-weight: bolder; @@ -1738,7 +1740,6 @@ body .pageheader{ } .button.creation2 { background-color: #FF500F; - background-image: -moz-linear-gradient(center top , #66C1FF 0%, #0097FF 100%); border: 1px solid #777777; color: white; border-radius: 3px 3px 3px 3px; diff --git a/view/theme/quattro-green/experimental b/view/theme/quattro-green/experimental deleted file mode 100755 index e69de29bb..000000000 --- a/view/theme/quattro-green/experimental +++ /dev/null diff --git a/view/theme/quattro-green/screenshot.png b/view/theme/quattro-green/screenshot.png Binary files differdeleted file mode 100644 index a764f4f9a..000000000 --- a/view/theme/quattro-green/screenshot.png +++ /dev/null diff --git a/view/theme/quattro-green/theme.php b/view/theme/quattro-green/theme.php deleted file mode 100644 index 47a5c6333..000000000 --- a/view/theme/quattro-green/theme.php +++ /dev/null @@ -1,56 +0,0 @@ -<?php -/* - * Name: quattro-green - * Description: Green variation of the quattro theme - * Version: 1.0 - * Author: Fabio Communi <fabrix.xm@gmail.com> - * Maintainer: Tobias Diekershoff - */ -$a->theme_info = array( - 'extends' => 'quattro', -); - -$a->hooks[] = array('plugin_settings', 'view/theme/quattro-green/theme.php', 'quattro_green_settings'); -$a->hooks[] = array('plugin_settings_post', 'view/theme/quattro-green/theme.php', 'quattro_green_settings_post'); - - -function quattro_green_settings(&$a, &$o){ - if(!local_user()) - return; - - $align = get_pconfig(local_user(), 'quattro', 'align' ); - - $t = file_get_contents( dirname(__file__). "/theme_settings.tpl" ); - $o .= replace_macros($t, array( - '$submit' => t('Submit'), - '$baseurl' => $a->get_baseurl(), - '$title' => t("Theme settings"), - '$align' => array('quattro_align', t('Alignment'), $align, '', array('left'=>t('Left'), 'center'=>t('Center'))), - )); -} - -function quattro_green_settings_post(&$a){ - if(! local_user()) - return; - if (isset($_POST['quattro-settings-submit'])){ - set_pconfig(local_user(), 'quattro', 'align', $_POST['quattro_align']); - } - goaway($a->get_baseurl()."/settings/addon"); -} - - -$quattro_align = get_pconfig(local_user(), 'quattro', 'align' ); - -if(local_user() && $quattro_align=="center"){ - - $a->page['htmlhead'].=" - <style> - html { width: 100%; margin:0px; padding:0px; } - body { - margin: 50px auto; - width: 900px; - } - </style> - "; - -} diff --git a/view/theme/quattro-green/theme_settings.tpl b/view/theme/quattro-green/theme_settings.tpl deleted file mode 100644 index 25af04253..000000000 --- a/view/theme/quattro-green/theme_settings.tpl +++ /dev/null @@ -1,11 +0,0 @@ -<div class="settings-block"> - <h3 class="settings-heading">$title</h3> - - {{inc field_select.tpl with $field=$align}}{{endinc}} - - <div class="settings-submit-wrapper"> - <input type="submit" value="$submit" class="settings-submit" name="quattro-settings-submit" /> - </div> - - -</div> diff --git a/view/theme/quattro/config.php b/view/theme/quattro/config.php new file mode 100644 index 000000000..c9ab3a4a1 --- /dev/null +++ b/view/theme/quattro/config.php @@ -0,0 +1,39 @@ +<?php +/** + * Theme settings + */ + + + +function theme_content(&$a){ + if(!local_user()) + return; + + $align = get_pconfig(local_user(), 'quattro', 'align' ); + $color = get_pconfig(local_user(), 'quattro', 'color' ); + $colors = array( + "dark"=>"Quattro", + "green"=>"Green" + ); + + $t = file_get_contents( dirname(__file__). "/theme_settings.tpl" ); + $o .= replace_macros($t, array( + '$submit' => t('Submit'), + '$baseurl' => $a->get_baseurl(), + '$title' => t("Theme settings"), + '$align' => array('quattro_align', t('Alignment'), $align, '', array('left'=>t('Left'), 'center'=>t('Center'))), + '$color' => array('quattro_color', t('Color scheme'), $color, '', $colors), + )); + return $o; +} + +function theme_post(&$a){ + if(! local_user()) + return; + + if (isset($_POST['quattro-settings-submit'])){ + set_pconfig(local_user(), 'quattro', 'align', $_POST['quattro_align']); + set_pconfig(local_user(), 'quattro', 'color', $_POST['quattro_color']); + } +} + diff --git a/view/theme/quattro/dark/Makefile b/view/theme/quattro/dark/Makefile new file mode 100644 index 000000000..989da60c7 --- /dev/null +++ b/view/theme/quattro/dark/Makefile @@ -0,0 +1,4 @@ +## + +style.css : style.less colors.less ../icons.less ../quattro.less + lessc style.less > style.css diff --git a/view/theme/quattro/colors.less b/view/theme/quattro/dark/colors.less index b6d487f92..b6d487f92 100755 --- a/view/theme/quattro/colors.less +++ b/view/theme/quattro/dark/colors.less diff --git a/view/theme/quattro/style.css b/view/theme/quattro/dark/style.css index 7d7444e48..1d951aba8 100755 --- a/view/theme/quattro/style.css +++ b/view/theme/quattro/dark/style.css @@ -231,7 +231,8 @@ body { h4 { font-size: 1.1em; } -a, a:link { +a, +a:link { color: #005c94; text-decoration: none; } @@ -449,7 +450,8 @@ 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 { +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 { @@ -627,11 +629,15 @@ aside #profiles-menu { height: 48px; } /* group member */ -#contact-edit-drop-link, .mail-list-delete-wrapper, .group-delete-wrapper { +#contact-edit-drop-link, +.mail-list-delete-wrapper, +.group-delete-wrapper { float: right; margin-right: 50px; } -#contact-edit-drop-link .drophide, .mail-list-delete-wrapper .drophide, .group-delete-wrapper .drophide { +#contact-edit-drop-link .drophide, +.mail-list-delete-wrapper .drophide, +.group-delete-wrapper .drophide { background-image: url('../../../images/icons/22/delete.png'); display: block; width: 22px; @@ -640,7 +646,9 @@ aside #profiles-menu { position: relative; top: -50px; } -#contact-edit-drop-link .drop, .mail-list-delete-wrapper .drop, .group-delete-wrapper .drop { +#contact-edit-drop-link .drop, +.mail-list-delete-wrapper .drop, +.group-delete-wrapper .drop { background-image: url('../../../images/icons/22/delete.png'); display: block; width: 22px; @@ -769,7 +777,8 @@ section { display: table; width: 780px; } -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { +.wall-item-container .wall-item-item, +.wall-item-container .wall-item-bottom { display: table-row; } .wall-item-container .wall-item-bottom { @@ -807,11 +816,13 @@ section { .wall-item-container .wall-item-content img { max-width: 710px; } -.wall-item-container .wall-item-links, .wall-item-container .wall-item-actions { +.wall-item-container .wall-item-links, +.wall-item-container .wall-item-actions { display: table-cell; vertical-align: middle; } -.wall-item-container .wall-item-links .icon, .wall-item-container .wall-item-actions .icon { +.wall-item-container .wall-item-links .icon, +.wall-item-container .wall-item-actions .icon { opacity: 0.5; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; @@ -819,7 +830,8 @@ section { -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } -.wall-item-container .wall-item-links .icon:hover, .wall-item-container .wall-item-actions .icon:hover { +.wall-item-container .wall-item-links .icon:hover, +.wall-item-container .wall-item-actions .icon:hover { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; @@ -944,9 +956,6 @@ section { opacity: 0.5; } .wwto { - position: absolute !important; - width: 25px; - height: 25px; background: #FFFFFF; border: 2px solid #364e59; height: 25px; @@ -1164,7 +1173,9 @@ section { height: 18px; }*/ /** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { +#photo-edit-perms-select, +#photos-upload-permissions-wrapper, +#profile-jot-acl-wrapper { display: block!important; } #acl-wrapper { @@ -1323,10 +1334,12 @@ ul.tabs li .active { float: left; width: 200px; } -.field input, .field textarea { +.field input, +.field textarea { width: 400px; } -.field input[type="checkbox"], .field input[type="radio"] { +.field input[type="checkbox"], +.field input[type="radio"] { width: auto; } .field textarea { diff --git a/view/theme/quattro/style.less b/view/theme/quattro/dark/style.less index c3dbae777..7d81e788a 100755 --- a/view/theme/quattro/style.less +++ b/view/theme/quattro/dark/style.less @@ -6,8 +6,8 @@ // $ lessc style.less > style.css @import "colors"; -@import "icons"; -@import "quattro"; +@import "../icons"; +@import "../quattro"; diff --git a/view/theme/quattro/green/Makefile b/view/theme/quattro/green/Makefile new file mode 100644 index 000000000..989da60c7 --- /dev/null +++ b/view/theme/quattro/green/Makefile @@ -0,0 +1,4 @@ +## + +style.css : style.less colors.less ../icons.less ../quattro.less + lessc style.less > style.css diff --git a/view/theme/quattro-green/colors.less b/view/theme/quattro/green/colors.less index bc78c3fda..bc78c3fda 100755 --- a/view/theme/quattro-green/colors.less +++ b/view/theme/quattro/green/colors.less diff --git a/view/theme/quattro-green/style.css b/view/theme/quattro/green/style.css index 8e3ddd9b8..e7cc549d0 100755 --- a/view/theme/quattro-green/style.css +++ b/view/theme/quattro/green/style.css @@ -231,7 +231,8 @@ body { h4 { font-size: 1.1em; } -a, a:link { +a, +a:link { color: #009100; text-decoration: none; } @@ -449,7 +450,8 @@ 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 { +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 { @@ -627,11 +629,15 @@ aside #profiles-menu { height: 48px; } /* group member */ -#contact-edit-drop-link, .mail-list-delete-wrapper, .group-delete-wrapper { +#contact-edit-drop-link, +.mail-list-delete-wrapper, +.group-delete-wrapper { float: right; margin-right: 50px; } -#contact-edit-drop-link .drophide, .mail-list-delete-wrapper .drophide, .group-delete-wrapper .drophide { +#contact-edit-drop-link .drophide, +.mail-list-delete-wrapper .drophide, +.group-delete-wrapper .drophide { background-image: url('../../../images/icons/22/delete.png'); display: block; width: 22px; @@ -640,7 +646,9 @@ aside #profiles-menu { position: relative; top: -50px; } -#contact-edit-drop-link .drop, .mail-list-delete-wrapper .drop, .group-delete-wrapper .drop { +#contact-edit-drop-link .drop, +.mail-list-delete-wrapper .drop, +.group-delete-wrapper .drop { background-image: url('../../../images/icons/22/delete.png'); display: block; width: 22px; @@ -769,7 +777,8 @@ section { display: table; width: 780px; } -.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { +.wall-item-container .wall-item-item, +.wall-item-container .wall-item-bottom { display: table-row; } .wall-item-container .wall-item-bottom { @@ -807,11 +816,13 @@ section { .wall-item-container .wall-item-content img { max-width: 710px; } -.wall-item-container .wall-item-links, .wall-item-container .wall-item-actions { +.wall-item-container .wall-item-links, +.wall-item-container .wall-item-actions { display: table-cell; vertical-align: middle; } -.wall-item-container .wall-item-links .icon, .wall-item-container .wall-item-actions .icon { +.wall-item-container .wall-item-links .icon, +.wall-item-container .wall-item-actions .icon { opacity: 0.5; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; @@ -819,7 +830,8 @@ section { -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } -.wall-item-container .wall-item-links .icon:hover, .wall-item-container .wall-item-actions .icon:hover { +.wall-item-container .wall-item-links .icon:hover, +.wall-item-container .wall-item-actions .icon:hover { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; @@ -944,9 +956,6 @@ section { opacity: 0.5; } .wwto { - position: absolute !important; - width: 25px; - height: 25px; background: #FFFFFF; border: 2px solid #364e59; height: 25px; @@ -1164,7 +1173,9 @@ section { height: 18px; }*/ /** acl **/ -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { +#photo-edit-perms-select, +#photos-upload-permissions-wrapper, +#profile-jot-acl-wrapper { display: block!important; } #acl-wrapper { @@ -1323,10 +1334,12 @@ ul.tabs li .active { float: left; width: 200px; } -.field input, .field textarea { +.field input, +.field textarea { width: 400px; } -.field input[type="checkbox"], .field input[type="radio"] { +.field input[type="checkbox"], +.field input[type="radio"] { width: auto; } .field textarea { diff --git a/view/theme/quattro-green/style.less b/view/theme/quattro/green/style.less index f8b0bb31c..7d81e788a 100755 --- a/view/theme/quattro-green/style.less +++ b/view/theme/quattro/green/style.less @@ -6,8 +6,8 @@ // $ lessc style.less > style.css @import "colors"; -@import "../quattro/icons"; -@import "../quattro/quattro"; +@import "../icons"; +@import "../quattro"; diff --git a/view/theme/quattro/screenshot.jpg b/view/theme/quattro/screenshot.jpg Binary files differindex 7f50ec70e..98fbfe2ea 100644 --- a/view/theme/quattro/screenshot.jpg +++ b/view/theme/quattro/screenshot.jpg diff --git a/view/theme/quattro/style.php b/view/theme/quattro/style.php new file mode 100644 index 000000000..889ec1530 --- /dev/null +++ b/view/theme/quattro/style.php @@ -0,0 +1,9 @@ +<?php + $color = get_pconfig(local_user(), "quattro","color"); + + if ($color===false) $color="dark"; + + if (file_exists("$THEMEPATH/$color/style.css")){ + echo file_get_contents("$THEMEPATH/$color/style.css"); + } + diff --git a/view/theme/quattro/theme.php b/view/theme/quattro/theme.php index 7e5ab1e62..be47a401c 100644 --- a/view/theme/quattro/theme.php +++ b/view/theme/quattro/theme.php @@ -1,33 +1,7 @@ <?php -$a->hooks[] = array('plugin_settings', 'view/theme/quattro/theme.php', 'quattro_settings'); -$a->hooks[] = array('plugin_settings_post', 'view/theme/quattro/theme.php', 'quattro_settings_post'); -function quattro_settings(&$a, &$o){ - if(!local_user()) - return; - - $align = get_pconfig(local_user(), 'quattro', 'align' ); - - $t = file_get_contents( dirname(__file__). "/theme_settings.tpl" ); - $o .= replace_macros($t, array( - '$submit' => t('Submit'), - '$baseurl' => $a->get_baseurl(), - '$title' => t("Theme settings"), - '$align' => array('quattro_align', t('Alignment'), $align, '', array('left'=>t('Left'), 'center'=>t('Center'))), - )); -} - -function quattro_settings_post(&$a){ - if(! local_user()) - return; - if (isset($_POST['quattro-settings-submit'])){ - set_pconfig(local_user(), 'quattro', 'align', $_POST['quattro_align']); - } - goaway($a->get_baseurl()."/settings/addon"); -} - $quattro_align = get_pconfig(local_user(), 'quattro', 'align' ); diff --git a/view/theme/quattro/theme_settings.tpl b/view/theme/quattro/theme_settings.tpl index 25af04253..9771ae162 100644 --- a/view/theme/quattro/theme_settings.tpl +++ b/view/theme/quattro/theme_settings.tpl @@ -1,11 +1,8 @@ -<div class="settings-block"> - <h3 class="settings-heading">$title</h3> - - {{inc field_select.tpl with $field=$align}}{{endinc}} - - <div class="settings-submit-wrapper"> - <input type="submit" value="$submit" class="settings-submit" name="quattro-settings-submit" /> - </div> +{{inc field_select.tpl with $field=$color}}{{endinc}} - +{{inc field_select.tpl with $field=$align}}{{endinc}} + +<div class="settings-submit-wrapper"> + <input type="submit" value="$submit" class="settings-submit" name="quattro-settings-submit" /> </div> + |