mirror of
https://github.com/nextcloud/nextcloudpi.git
synced 2026-01-09 06:32:00 -03:30
243 lines
7.5 KiB
CSS
243 lines
7.5 KiB
CSS
/*
|
|
* NextCloudPi Web Panel style sheets. Based on official Nextcloud 12 datasheets
|
|
*
|
|
* Copyleft 2018 by Ignacio Nunez Hernanz <nacho _a_t_ ownyourbits _d_o_t_ com>
|
|
* GPL licensed (see end of file) * Use at your own risk!
|
|
*
|
|
* More at https://ownyourbits.com/2017/02/13/nextcloud-ready-raspberry-pi-image/
|
|
*/
|
|
|
|
|
|
html,body {
|
|
height:100%
|
|
}
|
|
article,aside,dialog,figure,footer,header,hgroup,nav,section {
|
|
display:block
|
|
}
|
|
body {
|
|
text-align: center;
|
|
line-height:1.5
|
|
}
|
|
a {
|
|
border:0;
|
|
color:#fff;
|
|
text-decoration:none;
|
|
cursor:pointer
|
|
}
|
|
a * {
|
|
cursor:pointer
|
|
}
|
|
select,.button span,label {
|
|
cursor:pointer
|
|
}
|
|
body {
|
|
background-image: url(../img/background.png);
|
|
background-color:#0082c9;
|
|
font-weight:400;
|
|
line-height:1.6em;
|
|
font-family:'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
|
|
color:#fff;
|
|
height:auto
|
|
}
|
|
#nojavascript {
|
|
position:fixed;
|
|
top:0;
|
|
bottom:0;
|
|
height:100%;
|
|
width:100%;
|
|
z-index:9000;
|
|
text-align:center;
|
|
background-color:rgba(0, 0, 0, 0.5);
|
|
color:#fff;
|
|
line-height:125%;
|
|
font-size:24px
|
|
}
|
|
#nojavascript div {
|
|
display:block;
|
|
position:relative;
|
|
width:50%;
|
|
top:35%;
|
|
margin:0px auto
|
|
}
|
|
#nojavascript a {
|
|
color:#fff;
|
|
border-bottom:2px dotted #fff
|
|
}
|
|
#nojavascript a:hover,#nojavascript a:focus {
|
|
color:#dbdbdb
|
|
}
|
|
::-webkit-scrollbar {
|
|
width:5px
|
|
}
|
|
::-webkit-scrollbar-track-piece {
|
|
background-color:transparent
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background:#dbdbdb;
|
|
border-radius:3px
|
|
}
|
|
select,button,input,textarea {
|
|
width: 3em;
|
|
min-height:32px;
|
|
box-sizing:border-box;
|
|
text-align: center;
|
|
}
|
|
select,button,.button,input:not([type='range']),textarea,#quota,.pager li a {
|
|
margin:3px 3px 3px 0;
|
|
padding:7px 6px;
|
|
font-size:13px;
|
|
background-color:#fff;
|
|
color:#545454;
|
|
border:1px solid #dbdbdb;
|
|
outline:none;
|
|
border-radius:3px;
|
|
}
|
|
select:not(:disabled):not(.primary),button:not(:disabled):not(.primary),.button:not(:disabled):not(.primary),input:not([type='range']):not(:disabled):not(.primary),textarea:not(:disabled):not(.primary),#quota:not(:disabled):not(.primary),.pager li a:not(:disabled):not(.primary) {
|
|
}
|
|
select:not(:disabled):not(.primary):not(#quota):hover,button:not(:disabled):not(.primary):not(#quota):hover,.button:not(:disabled):not(.primary):not(#quota):hover,input:not([type='range']):not(:disabled):not(.primary):not(#quota):hover,textarea:not(:disabled):not(.primary):not(#quota):hover,#quota:not(:disabled):not(.primary):not(#quota):hover,.pager li a:not(:disabled):not(.primary):not(#quota):hover,select:not(:disabled):not(.primary):focus,button:not(:disabled):not(.primary):focus,.button:not(:disabled):not(.primary):focus,input:not([type='range']):not(:disabled):not(.primary):focus,textarea:not(:disabled):not(.primary):focus,#quota:not(:disabled):not(.primary):focus,.pager li a:not(:disabled):not(.primary):focus,select:not(:disabled):not(.primary).active,button:not(:disabled):not(.primary).active,.button:not(:disabled):not(.primary).active,input:not([type='range']):not(:disabled):not(.primary).active,textarea:not(:disabled):not(.primary).active,#quota:not(:disabled):not(.primary).active,.pager li a:not(:disabled):not(.primary).active {
|
|
border-color:#0082c9;
|
|
outline:none
|
|
}
|
|
select:not(:disabled):not(.primary):active,button:not(:disabled):not(.primary):active,.button:not(:disabled):not(.primary):active,input:not([type='range']):not(:disabled):not(.primary):active,textarea:not(:disabled):not(.primary):active,#quota:not(:disabled):not(.primary):active,.pager li a:not(:disabled):not(.primary):active {
|
|
outline:none;
|
|
background-color:#fff
|
|
}
|
|
select:disabled,button:disabled,.button:disabled,input:not([type='range']):disabled,textarea:disabled,#quota:disabled,.pager li a:disabled {
|
|
background-color:#ebebeb;
|
|
color:rgba(0, 0, 0, 0.4);
|
|
cursor:default;
|
|
opacity:0.5
|
|
}
|
|
select.primary,button.primary,.button.primary,input:not([type='range']).primary,textarea.primary,#quota.primary,.pager li a.primary {
|
|
border:1px solid #0082c9;
|
|
background-color:rgba(0, 130, 201, .7);
|
|
color:#fff;
|
|
cursor:pointer
|
|
}
|
|
select.primary:not(:disabled):hover,button.primary:not(:disabled):hover,.button.primary:not(:disabled):hover,input:not([type='range']).primary:not(:disabled):hover,textarea.primary:not(:disabled):hover,#quota.primary:not(:disabled):hover,.pager li a.primary:not(:disabled):hover,select.primary:not(:disabled):focus,button.primary:not(:disabled):focus,.button.primary:not(:disabled):focus,input:not([type='range']).primary:not(:disabled):focus,textarea.primary:not(:disabled):focus,#quota.primary:not(:disabled):focus,.pager li a.primary:not(:disabled):focus {
|
|
background-color:rgba(0, 130, 201, .85)
|
|
}
|
|
select.primary:not(:disabled):active,button.primary:not(:disabled):active,.button.primary:not(:disabled):active,input:not([type='range']).primary:not(:disabled):active,textarea.primary:not(:disabled):active,#quota.primary:not(:disabled):active,.pager li a.primary:not(:disabled):active {
|
|
background-color:rgba(0, 130, 201, .7)
|
|
}
|
|
select.primary:disabled,button.primary:disabled,.button.primary:disabled,input:not([type='range']).primary:disabled,textarea.primary:disabled,#quota.primary:disabled,.pager li a.primary:disabled {
|
|
background-color:rgba(0, 130, 201, .7);
|
|
color:#bababa
|
|
}
|
|
input {
|
|
}
|
|
input:not([type='radio']):not([type='checkbox']):not([type='range']):not([type='submit']):not([type='button']):not([type='reset']):not([type='color']):not([type='file']):not([type='image']) {
|
|
-webkit-appearance:textfield;
|
|
-moz-appearance:textfield
|
|
}
|
|
select,button,.button,input[type='button'],input[type='submit'],input[type='reset'] {
|
|
padding:6px 12px;
|
|
width:auto;
|
|
min-height:34px;
|
|
cursor:pointer;
|
|
box-sizing:border-box;
|
|
background-color:#f7f7f7
|
|
}
|
|
button,.button,input[type='button'],input[type='submit'],input[type='reset'] {
|
|
font-weight:bold;
|
|
}
|
|
button::-moz-focus-inner,.button::-moz-focus-inner,input[type='button']::-moz-focus-inner,input[type='submit']::-moz-focus-inner,input[type='reset']::-moz-focus-inner {
|
|
border:0
|
|
}
|
|
button,.button {
|
|
}
|
|
button > span[class^='icon-'],.button > span[class^='icon-'],button > span[class*=' icon-'],.button > span[class*=' icon-'] {
|
|
display:inline-block;
|
|
vertical-align:text-bottom;
|
|
opacity:0.5
|
|
}
|
|
textarea {
|
|
color:#545454;
|
|
cursor:text;
|
|
font-family:inherit;
|
|
height:auto
|
|
}
|
|
textarea:not(:disabled):active,textarea:not(:disabled):hover,textarea:not(:disabled):focus {
|
|
border-color:#dbdbdb !important;
|
|
background-color:#fff !important
|
|
}
|
|
select {
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
appearance:none;
|
|
background:url('../../../core/css/../img/actions/triangle-s.svg') no-repeat right 4px center;
|
|
background-color:inherit;
|
|
outline:0;
|
|
padding-right:24px !important
|
|
}
|
|
button img,.button img {
|
|
cursor:pointer
|
|
}
|
|
input[type='checkbox'].radio,input[type='radio'].radio,input[type='checkbox'].checkbox,input[type='radio'].checkbox {
|
|
position:absolute;
|
|
left:-10000px;
|
|
top:auto;
|
|
width:1px;
|
|
height:1px;
|
|
overflow:hidden
|
|
}
|
|
#header {
|
|
color: white;
|
|
}
|
|
h2 {
|
|
font-size:20px;
|
|
font-weight:300;
|
|
margin-bottom:12px;
|
|
line-height:140%
|
|
}
|
|
h3 {
|
|
font-size:15px;
|
|
font-weight:300;
|
|
margin:12px 0
|
|
}
|
|
em {
|
|
font-style:normal;
|
|
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
|
|
opacity:0.5
|
|
}
|
|
dl {
|
|
padding:12px 0
|
|
}
|
|
dt,dd {
|
|
display:inline-block;
|
|
padding:12px;
|
|
padding-left:0
|
|
}
|
|
dt {
|
|
width:130px;
|
|
white-space:nowrap;
|
|
text-align:right
|
|
}
|
|
kbd {
|
|
padding:4px 10px;
|
|
border:1px solid #ccc;
|
|
box-shadow:0 1px 0 rgba(0, 0, 0, .2);
|
|
border-radius:3px;
|
|
display:inline-block;
|
|
white-space:nowrap
|
|
}
|
|
|
|
hr { border: solid 1px white; }
|
|
|
|
#ncp-logo { margin-top: 24px; }
|
|
|
|
#loading-gif { display: none; }
|
|
|
|
#ncp-pwd,#nc-pwd{ width:30em; }
|
|
|
|
img { vertical-align: middle; }
|
|
|
|
.info {
|
|
text-shadow: 0 0 2px rgba(0, 0, 0, .4);
|
|
font-size: 80%;
|
|
}
|
|
|
|
.info a {
|
|
font-weight: 600;
|
|
}
|