Commit c904d1ab authored by root's avatar root

Initial commit

The Theme is already done, working and cleaned up. There is also a README.md created with explanation and attribution
parents
Pipeline #169 canceled with stages
# Pirateparty Theme for Yunohost
This is a Pirateparty theme for Yunohost. See (how to install it from the ynh docs)[https://yunohost.org/#/theming].
# Attribution
The theme is basically the vapor theme that you can find on yunohost by default, but with a different background
The background picture is taken from the site of the (Dutch Pirateparty)[https://piratenpartij.nl/] and there it's shared under CC0 1.0 Universal Public Domain Dedication 2010 – 2019 Piratenpartij Nederland
This theme was first created and used on the yunohost instance of the West-Flanders crew of the Belgian Pirateparty
/*
===============================================================================
This file may contain extra CSS rules loaded on all apps page (*if* the app
nginx's conf does include the appropriate snippet) for the small YunoHost
button in bottom-right corner + portal overlay.
The yunohost button corresponds to : #ynh-overlay-switch
The yunohost portal overlay / iframe corresponds to : #ynh-overlay
BE CAREFUL that you should *not* add too-general rules that apply to
non-yunohost elements (for instance all 'a' or 'p' elements...) as it will
likely break app's rendering
===============================================================================
*/
/*
===============================================================================
This file contain extra CSS rules to customize the YunoHost user portal and
can be used to customize app tiles, buttons, etc...
===============================================================================
*/
/* ==========================================================================
Pirate theme
========================================================================== */
.ynh-user-portal {
min-height: 100vh;
background: url("pirate-ship.jpg"), -moz-linear-gradient(45deg, rgb(205, 118, 255) 0%, rgb(93, 150, 168) 100%);
background: url("pirate-ship.jpg"), -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgb(205, 118, 255)), color-stop(100%, rgb(93, 150, 168)));
background: url("pirate-ship.jpg"), -webkit-linear-gradient(45deg, rgb(205, 118, 255) 0%, rgb(93, 150, 168) 100%);
background: url("pirate-ship.jpg"), -o-linear-gradient(45deg, rgb(205, 118, 255) 0%, rgb(93, 150, 168) 100%);
background: url("pirate-ship.jpg"), -ms-linear-gradient(45deg, rgb(205, 118, 255) 0%, rgb(93, 150, 168) 100%);
background: url("pirate-ship.jpg"), linear-gradient(45deg, rgb(205, 118, 255) 0%, rgb(93, 150, 168) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C82BFF', endColorstr='#0C76A8', GradientType=1);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
/**/
.messages.danger { background: #c0392b80; }
.messages.warning { background: #e67e2280; }
.messages.success { background: #27ae6080; }
.messages.info { background: #2980b980; }
a, small, span,
.ynh-wrapper.footer a,
.user-menu a,
.user-container.user-container-info span,
input.btn.classic-btn.large-btn {
color: #e0e0e0 !important;
}
.form-group input::placeholder,
.form-group input::-ms-input-placeholder,
.form-group input:-ms-input-placeholder {
color: #f4f4f4 !important;
}
form.login-form input {
color: #222 !important;
}
a:hover,
a:active,
a:focus,
.form-group input,
input.btn.classic-btn.large-btn:hover,
.ynh-wrapper.footer a:hover {
color: white !important;
}
.ynh-wrapper.footer a:before {
color: #cc45ee !important;
}
.ynh-wrapper.footer nav {
border-color: #cc45ee !important;
}
.listing-apps li a span,
.listing-apps li a:hover span,
.listing-apps li a:active span,
.listing-apps li a:focus span {
color: white !important;
}
.listing-apps li,
.listing-apps li a {
transition: all 0.3s ease-in-out, background 0ms; /* fix gray flicker on initial load */
border: none transparent !important;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1),
-2px -2px 3px 0 rgba(0, 0, 0, 0.1) inset;
}
.listing-apps li:hover,
.listing-apps li a:hover {
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0),
-2px -2px 3px 0 rgba(0, 0, 0, 0) inset;
}
.btn.large-btn.classic-btn,
.btn.large-btn.validate-btn {
background: rgba(200, 200, 200, 0.4) !important;
}
.btn.large-btn.classic-btn:hover,
.btn.large-btn.validate-btn:hover {
background: rgba(255, 255, 255, 0.4) !important;
}
/* There are no colors, there is only vapor! */
.app-tile,
.form-group input,
.form-group label,
a.btn:hover,
.btn.large-btn {
background: rgba(200, 200, 200, 0.2) !important;
border: none;
}
.app-tile:hover:after,
.app-tile:focus:after,
.app-tile:hover:before,
.app-tile:focus:before {
background: rgba(200, 200, 200, 0.4) !important;
}
/* Use a custom logo image */
/*
#ynh-logo {
z-index: 10;
background-image: url("./westkust_logo.jpg");
}
*/
/*
===============================================================================
This JS file may be used to customize the YunoHost user portal *and* also
will be loaded in all app pages if the app nginx's conf does include the
appropriate snippet.
You can monkeypatch init_portal (loading of the user portal) and
init_portal_button_and_overlay (loading of the button and overlay...) to do
custom stuff
===============================================================================
*/
/*
* Monkeypatch init_portal to customize the app tile style
*
init_portal_original = init_portal;
init_portal = function()
{
init_portal_original();
// Some stuff here
}
*/
/*
* Monkey patching example to do custom stuff when loading inside an app
*
init_portal_button_and_overlay_original = init_portal_button_and_overlay;
init_portal_button_and_overlay = function()
{
init_portal_button_and_overlay_original();
// Custom stuff to do when loading inside an app
}
*/
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment