Merge pull request #3968 from hoergen/develop
added new style sheet to theme vier
This commit is contained in:
commit
b65247a251
3 changed files with 370 additions and 4 deletions
|
@ -101,12 +101,13 @@ function theme_admin_post(App $a) {
|
||||||
/// @TODO $a is no longer used
|
/// @TODO $a is no longer used
|
||||||
function vier_form(App $a, $style, $show_pages, $show_profiles, $show_helpers, $show_services, $show_friends, $show_lastusers) {
|
function vier_form(App $a, $style, $show_pages, $show_profiles, $show_helpers, $show_services, $show_friends, $show_lastusers) {
|
||||||
$styles = array(
|
$styles = array(
|
||||||
"plus"=>"Plus",
|
|
||||||
"breathe"=>"Breathe",
|
"breathe"=>"Breathe",
|
||||||
"dark"=>"Dark",
|
|
||||||
"shadow"=>"Shadow",
|
|
||||||
"netcolour"=>"Coloured Networks",
|
"netcolour"=>"Coloured Networks",
|
||||||
"flat"=>"Flat"
|
"dark"=>"Dark",
|
||||||
|
"flat"=>"Flat",
|
||||||
|
"plus"=>"Plus",
|
||||||
|
"plusminus"=>"Plus Minus",
|
||||||
|
"shadow"=>"Shadow"
|
||||||
);
|
);
|
||||||
|
|
||||||
$show_or_not = array('0'=>t("don't show"), '1'=>t("show"),);
|
$show_or_not = array('0'=>t("don't show"), '1'=>t("show"),);
|
||||||
|
|
363
view/theme/vier/plusminus.css
Normal file
363
view/theme/vier/plusminus.css
Normal file
|
@ -0,0 +1,363 @@
|
||||||
|
|
||||||
|
|
||||||
|
/* Modifications by https://horche.demkontinuum.de/profile/hoergen */
|
||||||
|
h1 {
|
||||||
|
font-size: 18px;
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 16px;
|
||||||
|
color: blue;
|
||||||
|
background-color: whitesmoke;
|
||||||
|
/* background-color: #ededed; */
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 14px;
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
h4 { font-size: 14px;}
|
||||||
|
|
||||||
|
.settings-heading {
|
||||||
|
|
||||||
|
font-size: 18px;
|
||||||
|
color: black;
|
||||||
|
font-weight: bold;
|
||||||
|
background-color: #cfcece;
|
||||||
|
}
|
||||||
|
|
||||||
|
.setings-contend-block {
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#settings-form {
|
||||||
|
background-color: whitesmoke;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
background: #fff;
|
||||||
|
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
|
||||||
|
padding-top: 6px;
|
||||||
|
padding-bottom: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a:active,
|
||||||
|
nav a:link,
|
||||||
|
nav a:visited,
|
||||||
|
nav a {
|
||||||
|
color: #737373;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a:hover,
|
||||||
|
#nav-messages-see-all a:hover {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manage-notify {
|
||||||
|
background-color: #CB4437;
|
||||||
|
border-radius: 10px;
|
||||||
|
font: bold 11px/16px Arial;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav .nav-notify {
|
||||||
|
/* background-color: #427FED; */
|
||||||
|
background-color: #CB4437;
|
||||||
|
top: -3px;
|
||||||
|
right: -4px;
|
||||||
|
font: bold 11px/16px Arial;
|
||||||
|
padding: 1px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav .nav-menu-icon .nav-notify {
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav .nav-menu.selected a {
|
||||||
|
color: #000;
|
||||||
|
/* font-weight: bold; */
|
||||||
|
}
|
||||||
|
|
||||||
|
nav .nav-menu:hover,
|
||||||
|
nav .nav-menu.selected {
|
||||||
|
border-bottom: 2px solid #427FED;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav .nav-menu {
|
||||||
|
height: 23px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: initial;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav-apps-menu,
|
||||||
|
#nav-site-menu,
|
||||||
|
#nav-notifications-menu,
|
||||||
|
#nav-user-menu {
|
||||||
|
top: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav-messages-menu {
|
||||||
|
top: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav-messages-see-all a {
|
||||||
|
color: #737373;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.tabs li .active, span.pager_current a {
|
||||||
|
border-bottom: 2px solid #427FED;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.pager_current, span.pager_n a:hover,
|
||||||
|
span.pager_first a:hover, span.pager_last a:hover,
|
||||||
|
span.pager_prev a:hover, span.pager_next a:hover,
|
||||||
|
ul.tabs a:hover {
|
||||||
|
border-bottom: 2px solid #427FED;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-linkmenu.selected .icon.s22.notify {
|
||||||
|
color: #737373;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav #nav-messages-linkmenu.selected,
|
||||||
|
nav #nav-user-linklabel.selected,
|
||||||
|
nav #nav-apps-link.selected {
|
||||||
|
background-color: #fff;
|
||||||
|
border-bottom-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.jGrowl div.info {
|
||||||
|
background: #fff url("../../../images/icons/48/info.png") no-repeat 5px center;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.jGrowl div.notice {
|
||||||
|
color: #737373;
|
||||||
|
}
|
||||||
|
div.jGrowl div.info {
|
||||||
|
color: #737373;
|
||||||
|
}
|
||||||
|
|
||||||
|
.birthday-notice, .event-notice {
|
||||||
|
font-weight: initial;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.pager, ul.tabs {
|
||||||
|
font-weight: initial;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav .nav-menu-icon.selected {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jot #jot-tools li:hover {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav .icon {
|
||||||
|
color: #737373;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a:hover .icon {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.menu-popup {
|
||||||
|
border: 0px solid #FFF;
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header #banner a, header #banner a:active, header #banner a:visited, header #banner a:link, header #banner a:hover {
|
||||||
|
color: #737373;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header #banner {
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#banner #logo-text {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside {
|
||||||
|
top: 44px;
|
||||||
|
height: calc(100% - 54px);
|
||||||
|
}
|
||||||
|
|
||||||
|
right_aside {
|
||||||
|
top: 44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
top: 44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav #nav-search-box #nav-search-text {
|
||||||
|
background-color: initial;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 1px;
|
||||||
|
border-color: rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget h3 {
|
||||||
|
padding: 0px;
|
||||||
|
margin: 0px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: initial;
|
||||||
|
background-color: #EEEEEE;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wall-item-container .wall-item-name,
|
||||||
|
.wall-item-container .shared-author {
|
||||||
|
color: #AAA;
|
||||||
|
font-weight: normal;
|
||||||
|
font-size:13px;
|
||||||
|
-webkit-transition: all 0.2s ease-in-out;
|
||||||
|
-moz-transition: all 0.2s ease-in-out;
|
||||||
|
-o-transition: all 0.2s ease-in-out;
|
||||||
|
-ms-transition: all 0.2s ease-in-out;
|
||||||
|
transition: all 0.2s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toplevel_item:hover .wall-item-name,
|
||||||
|
.wall-item-container:hover .wall-item-name,
|
||||||
|
.toplevel_item:hover .shared-author,
|
||||||
|
.wall-item-container:hover .shared-author {
|
||||||
|
color: #36c;
|
||||||
|
font-weight: normal;
|
||||||
|
-webkit-transition: all 0.2s ease-in-out;
|
||||||
|
-moz-transition: all 0.2s ease-in-out;
|
||||||
|
-o-transition: all 0.2s ease-in-out;
|
||||||
|
-ms-transition: all 0.2s ease-in-out;
|
||||||
|
transition: all 0.2s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wall-item-like {
|
||||||
|
font-size:12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.wall-item-actions-autho{
|
||||||
|
font-size:12px;
|
||||||
|
font-weight:normal;
|
||||||
|
margin-bottom: -0.7em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wall-item-tags {
|
||||||
|
font-size:12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wall-item-container.comment .contact-photo { height:25px; width:25px;}
|
||||||
|
|
||||||
|
#item-delete-selected {
|
||||||
|
font-size:12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-select {
|
||||||
|
width: 1px;
|
||||||
|
height: 1px;
|
||||||
|
background: #000;
|
||||||
|
position: relative;
|
||||||
|
border-radius: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.contact-menu {
|
||||||
|
font-size:12px;
|
||||||
|
padding-top:0px;
|
||||||
|
padding-bottom:0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.wall-item-bottom {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hide-comments-outer {
|
||||||
|
margin-left: 80px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
width: 660px;
|
||||||
|
border-bottom: 1px solid #BDCDD4;
|
||||||
|
border-top: 1px solid #BDCDD4;
|
||||||
|
font-size: 10px;
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.fakelink {
|
||||||
|
color: #36c;
|
||||||
|
/* color: #3e3e8c; */
|
||||||
|
/* color: #3465A4; */
|
||||||
|
/* color: #3E3E8C; */
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Calendar */
|
||||||
|
.fc-body {
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-content, .fc-widget {
|
||||||
|
background-color: #a7ecff;
|
||||||
|
color: black;
|
||||||
|
text-decoration: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-toolbar {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
background: white;
|
||||||
|
}:wq
|
||||||
|
|
||||||
|
|
||||||
|
.fc-day-grid-event .fc-time {
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-title, fc-time {
|
||||||
|
text-decoration: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.fc-unthemed .fc-today {
|
||||||
|
background: #f9ff97;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* remove standard-styles */
|
||||||
|
select {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
border:1px;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
option {
|
||||||
|
background:white;
|
||||||
|
border-top:2px solid #000;
|
||||||
|
height:15px;
|
||||||
|
font-size:10px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* styling */
|
||||||
|
select {
|
||||||
|
border: 1px solid #bbb;
|
||||||
|
background-color: lightgrey;
|
||||||
|
box-shadow: 0 0px 0px 0 rgba(0,0,0,0.5);
|
||||||
|
height:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -23,6 +23,8 @@ else if ($style == "plus")
|
||||||
$stylecssfile = 'view/theme/vier/plus.css';
|
$stylecssfile = 'view/theme/vier/plus.css';
|
||||||
else if ($style == "dark")
|
else if ($style == "dark")
|
||||||
$stylecssfile = 'view/theme/vier/dark.css';
|
$stylecssfile = 'view/theme/vier/dark.css';
|
||||||
|
else if ($style == "plusminus")
|
||||||
|
$stylecssfile = 'view/theme/vier/plusminus.css';
|
||||||
|
|
||||||
if (file_exists($THEMEPATH."//style.css")) {
|
if (file_exists($THEMEPATH."//style.css")) {
|
||||||
$stylecss = file_get_contents($THEMEPATH."//style.css")."\n";
|
$stylecss = file_get_contents($THEMEPATH."//style.css")."\n";
|
||||||
|
|
Loading…
Reference in a new issue