179 lines
No EOL
6.4 KiB
CSS
179 lines
No EOL
6.4 KiB
CSS
body {
|
|
--mainColor: #00abff;
|
|
--mainBackgroundColor: #f2f0f0;
|
|
--mainForegroundColor: #1b2733;
|
|
--submenuColor: #ffffff;
|
|
--inputColor: #ffffff;
|
|
--inputPlaceholderColor: #1b2733;
|
|
--menuAndHeaderBackgroundColor: #ffffff;
|
|
--menuForegroundColor: #1b2733;
|
|
--menuBackgroundColor: #ffffff;
|
|
--whiteColor: #ffffff;
|
|
--mainHoverColor: #0481bf;
|
|
--dangerBackgroundColor: #d9534f;
|
|
/*font-family: "Open Sans",sans-serif;*/
|
|
}
|
|
|
|
/* Main background */
|
|
#custom-css .sub-header-container{
|
|
background-position: center top;
|
|
background-size: cover;
|
|
background-repeat: repeat;
|
|
background-attachment: fixed;
|
|
}
|
|
|
|
#custom-css #search-video{
|
|
background: var(--mainBackgroundColor) !important;
|
|
}
|
|
#custom-css .footer-links a,
|
|
#custom-css .footer-copyleft a{
|
|
color: var(--menuForegroundColor) !important
|
|
}
|
|
/* Dropdowns & inputs */
|
|
#custom-css .dropdown-menu{
|
|
background-color: var(--menuBackgroundColor);
|
|
color: var(--menuForegroundColor);
|
|
}
|
|
#custom-css .dropdown-menu a{
|
|
color: var(--menuForegroundColor) !important;
|
|
}
|
|
#custom-css .dropdown-item:focus:not(.new-playlist-block),
|
|
#custom-css .dropdown-item:hover:not(.new-playlist-block),
|
|
#custom-css .videos-header a button{
|
|
color: var(--whiteColor) !important;
|
|
background-color: var(--mainColor);
|
|
}
|
|
#custom-css .dropdown-item:focus:not(.new-playlist-block),
|
|
#custom-css .dropdown-item:hover:not(.new-playlist-block),
|
|
#custom-css .dropdown-item:active:not(.new-playlist-block),
|
|
#custom-css span.dropdown-item.custom-action:hover,
|
|
#custom-css a.dropdown-item.with-icon:hover{
|
|
color: var(--whiteColor) !important;
|
|
background-color: var(--mainColor) !important;
|
|
}
|
|
#custom-css .header{
|
|
background-color: var(--menuBackgroundColor);
|
|
}
|
|
#custom-css .upload-button, #custom-css .upload-button:active, #custom-css .upload-button:focus{
|
|
color: var(--whiteColor) !important;
|
|
background-color: var(--mainColor) !important;
|
|
}
|
|
|
|
#custom-css .root .form-group-checkbox input:checked + span{
|
|
background: var(--mainColor) !important;
|
|
}
|
|
|
|
#custom-css .dropdown-menu .dropdown-item:hover span[role="checkbox"],
|
|
#custom-css .dropdown-menu .dropdown-item span[role="checkbox"]:checked{
|
|
border: 1px solid var(--mainBackgroundColor) !important
|
|
}
|
|
#custom-css .peertube-select-container, input[type="text"], textarea{
|
|
border: 1px solid var(--mainBackgroundColor) !important;
|
|
}
|
|
#custom-css .dropdown-menu input[type="submit"]{
|
|
border: 1px solid transparent !important; /* Removing black border in buttons */
|
|
}
|
|
#custom-css .ng-select .ng-input>input{
|
|
border: 0 !important;
|
|
}
|
|
#custom-css .header .options-row{
|
|
padding-left: 0;
|
|
}
|
|
#custom-css .header .options-row > div{
|
|
justify-content: space-between;
|
|
}
|
|
#custom-css .sub-header-container my-menu .menu-wrapper{
|
|
margin-top: 2px;
|
|
}
|
|
#custom-css .dropdown-item:hover .ml-auto:not(.glyphicon){
|
|
box-shadow: 0 0 0 0.1em var(--menuForegroundColor) !important;
|
|
}
|
|
/* Icons && Icon hovers */
|
|
#custom-css a my-global-icon svg circle[stroke="#000000"],
|
|
#custom-css a my-global-icon svg g[stroke="#000000"],
|
|
#custom-css a my-global-icon svg path[stroke="#000000"],
|
|
#custom-css a my-global-icon svg polygon[stroke="#000000"],
|
|
#custom-css a my-global-icon svg rect[stroke="#000000"],
|
|
#custom-css a my-global-icon svg ellipse[stroke="#000000"]{
|
|
stroke: var(--mainForegroundColor) !important;
|
|
}
|
|
#custom-css .dropdown-item:hover my-global-icon svg circle[stroke="#000000"],
|
|
#custom-css .dropdown-item:hover my-global-icon svg g[stroke="#000000"],
|
|
#custom-css .dropdown-item:hover my-global-icon svg path[stroke="#000000"],
|
|
#custom-css .dropdown-item:hover my-global-icon svg polygon[stroke="#000000"],
|
|
#custom-css .dropdown-item:hover my-global-icon svg rect[stroke="#000000"],
|
|
#custom-css .dropdown-item:hover my-global-icon svg ellipse[stroke="#000000"],
|
|
#custom-css .videos-header a button my-global-icon svg g[stroke="#000000"]{
|
|
stroke: var(--whiteColor) !important;
|
|
}
|
|
|
|
|
|
#custom-css a my-global-icon svg circle[fill="#000000"],
|
|
#custom-css a my-global-icon svg g[fill="#000000"],
|
|
#custom-css a my-global-icon svg path[fill="#000000"],
|
|
#custom-css a my-global-icon svg polygon[fill="#000000"],
|
|
#custom-css a my-global-icon svg rect[fill="#000000"]{
|
|
fill: var(--mainForegroundColor) !important;
|
|
}
|
|
#custom-css .dropdown-item:hover my-global-icon svg circle[fill="#000000"],
|
|
#custom-css .dropdown-item:hover my-global-icon svg g[fill="#000000"],
|
|
#custom-css .dropdown-item:hover my-global-icon svg path[fill="#000000"],
|
|
#custom-css .dropdown-item:hover my-global-icon svg polygon[fill="#000000"],
|
|
#custom-css .dropdown-item:hover my-global-icon svg rect[fill="#000000"]{
|
|
fill: var(--whiteColor) !important;
|
|
}
|
|
|
|
#custom-css .upload-button my-global-icon svg g[stroke="#000000"] {
|
|
stroke: var(--whiteColor) !important;
|
|
}
|
|
/* Delete buttons */
|
|
#custom-css .delete-me button:hover,
|
|
#custom-css .delete-me button,
|
|
#custom-css .action-button-delete,
|
|
#custom-css .action-button-delete:active,
|
|
#custom-css .action-button-delete-selection{
|
|
background-color: var(--dangerBackgroundColor);
|
|
color: var(--whiteColor);
|
|
}
|
|
#custom-css .top-buttons .delete-history{
|
|
background-color: var(--dangerBackgroundColor);
|
|
color: var(--whiteColor);
|
|
}
|
|
|
|
/* Register button */
|
|
#custom-css .create-account-button{
|
|
background-color: var(--mainForegroundColor);
|
|
}
|
|
|
|
/* Icons from buttons */
|
|
#custom-css .upload-button my-global-icon svg g[stroke="#000000"],
|
|
#custom-css a.add-button my-global-icon svg circle[stroke="#000000"],
|
|
#custom-css a.create-button my-global-icon svg circle[stroke="#000000"],
|
|
#custom-css a.create-caption my-global-icon svg circle[stroke="#000000"]{
|
|
stroke: var(--whiteColor) !important;
|
|
}
|
|
#custom-css a.add-button my-global-icon svg rect[fill="#000000"],
|
|
#custom-css a.create-button my-global-icon svg rect[fill="#000000"],
|
|
#custom-css a.create-caption my-global-icon svg rect[fill="#000000"]{
|
|
fill: var(--whiteColor) !important;
|
|
}
|
|
/* Trash bin icon */
|
|
#custom-css my-global-icon[iconname="delete"] svg path[stroke="#000000"]{
|
|
stroke: var(--whiteColor) !important;
|
|
}
|
|
#custom-css my-global-icon[iconname="delete"] svg path[fill="#000000"],
|
|
#custom-css my-global-icon[iconname="delete"] svg rect[fill="#000000"]{
|
|
fill: var(--whiteColor) !important;
|
|
}
|
|
|
|
/* Pagination */
|
|
#custom-css .ui-paginator .ui-paginator-element:hover:not(.ui-state-disabled){
|
|
color: var(--whiteColor) !important;
|
|
background-color: var(--mainHoverColor) !important;
|
|
}
|
|
|
|
/* 404 Not found page */
|
|
#custom-css my-page-not-found img {
|
|
width: 350px !important;
|
|
margin-bottom: 0px !important;
|
|
} |