Skip to content

Instantly share code, notes, and snippets.

@ImMaax
Created July 20, 2020 18:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ImMaax/02d7a61f9da33f1171a8da765c2665f3 to your computer and use it in GitHub Desktop.
Save ImMaax/02d7a61f9da33f1171a8da765c2665f3 to your computer and use it in GitHub Desktop.
My custom CSS for Nextcloud
#header:not(div) {
background: -moz-linear-gradient(top, #275983 0%, #1c3e5d 100%) !important;
background: -webkit-linear-gradient(top, #275983 0%,#1c3e5d 100%) !important;
background: linear-gradient(to bottom, #275983 0%,#1c3e5d 100%) !important;
}
.v-align #header { background: none }
.primary {
border-radius: 4px !important;
font-size: 16px;
padding: 5px 10px 5px 10px;
line-height: 20px;
font-weight: lighter;
-webkit-appearance: none;
appearance: none;
background: -moz-linear-gradient(top, #497aa1 0%, #21557f 100%);
background: -webkit-linear-gradient(top, #497aa1 0%, #21557f 100%);
background: linear-gradient(to bottom, #497aa1 0%, #21557f 100%);
-webkit-box-shadow: 0px 1px 0px 0px #67a3d4 inset;
-moz-box-shadow: 0px 1px 0px 0px #67a3d4 inset;
box-shadow: 0px 1px 0px 0px #67a3d4 inset;
color: #fff;
border: 1px solid #21557f !important;
text-shadow: 0px 1px 1px #21557f
}
.primary:hover {
-webkit-box-shadow: 0px 1px 0px 0px #3886c6 inset;
-moz-box-shadow: 0px 1px 0px 0px #3886c6 inset;
box-shadow: 0px 1px 0px 0px #3886c6 inset;
}
.primary:active {
-webkit-box-shadow: 0px 1px 5px 0px #24567e inset;
-moz-box-shadow: 0px 1px 5px 0px #24567e inset;
box-shadow: 0px 1px 5px 0px #24567e inset
}
input[type=text],
input[type=url],
input[type=password],
textarea {
border: 1px solid #ccc;
transition: box-shadow .45s, border-color .45s;
border-radius: 5px;
font-size: 16px;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
}
input[type=text]:hover,
input[type=url]:hover,
input[type=password]:hover,
textarea:hover {
-webkit-box-shadow: 0px 0px 1px 0px #8c8c8c;
-moz-box-shadow: 0px 0px 1px 0px #8c8c8c;
box-shadow: 0px 0px 1px 0px #8c8c8c;
border-color: #8c8c8c
}
input[type=text]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
-webkit-box-shadow: 0px 0px 2px 0px #3299ff;
-moz-box-shadow: 0px 0px 2px 0px #3299ff;
box-shadow: 0px 0px 2px 0px #3299ff;
border-color: #3299ff;
outline: none
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment