ponepaste/theme/bulma/css/paste.css

145 lines
2.3 KiB
CSS
Raw Normal View History

2021-07-10 19:18:17 +01:00
/* Fonts */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=cyrillic");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css");
/* Bulma */
@import url("bulma.min.css");
@import url("bulma.modal-fx.min.css");
@import url("bulma.tooltip.min.css");
@import url("bulma.checkradio.min.css");
@import url("bulma.social.all.min.css");
/* DataTables.js */
@import url("datatables.min.css");
2021-07-26 17:42:43 -04:00
/* make numbers grey again*/
.li1::marker {
color: #bfbfbf;
}
2021-07-10 19:18:17 +01:00
.theme-switch-wrapper {
2021-07-26 17:42:43 -04:00
display: flex;
align-items: center;
2021-08-20 16:53:59 -04:00
}
2021-07-10 19:18:17 +01:00
2021-07-26 17:42:43 -04:00
em {
2021-07-10 19:18:17 +01:00
margin-left: 10px;
font-size: 1rem;
2021-07-26 17:42:43 -04:00
}
2021-07-10 19:18:17 +01:00
.theme-switch {
2021-07-26 17:42:43 -04:00
display: inline-block;
height: 34px;
position: relative;
width: 60px;
2021-07-10 19:18:17 +01:00
}
.theme-switch input {
2021-07-26 17:42:43 -04:00
display: none;
2021-07-10 19:18:17 +01:00
}
.slider {
2021-07-26 17:42:43 -04:00
background-color: #ccc;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
2021-07-10 19:18:17 +01:00
}
.slider:before {
2021-07-26 17:42:43 -04:00
background-color: #fff;
bottom: 4px;
content: "";
height: 26px;
left: 4px;
position: absolute;
transition: .4s;
width: 26px;
2021-07-10 19:18:17 +01:00
}
input:checked + .slider {
2021-07-26 17:42:43 -04:00
background-color: #3298dc;
2021-07-10 19:18:17 +01:00
}
input:checked + .slider:before {
2021-07-26 17:42:43 -04:00
transform: translateX(26px);
2021-07-10 19:18:17 +01:00
}
.slider.round {
2021-07-26 17:42:43 -04:00
border-radius: 34px;
2021-07-10 19:18:17 +01:00
}
.slider.round:before {
2021-07-26 17:42:43 -04:00
border-radius: 50%;
2021-07-10 19:18:17 +01:00
}
2021-07-26 17:42:43 -04:00
.rows {
2021-07-10 19:18:17 +01:00
display: flex;
flex-direction: column;
padding-bottom: 16px;
}
.modal-card-head {
2021-07-26 17:42:43 -04:00
border-bottom: 0px solid #dbdbdb !important;
2021-07-10 19:18:17 +01:00
}
.bd-duo {
2021-07-26 17:42:43 -04:00
min-height: calc(100vh - 19vh);
2021-07-10 19:18:17 +01:00
}
.footer {
2021-07-26 17:42:43 -04:00
padding: 2rem 1.5rem 2rem !important;
2021-07-10 19:18:17 +01:00
}
.panel-fullsize {
2021-07-26 17:42:43 -04:00
position: fixed;
width: 100%;
height: 100vh;
overflow: auto;
top: 0;
left: 0;
z-index: 9999;
padding: 20px;
2021-07-10 19:18:17 +01:00
}
.panel {
2021-07-26 17:42:43 -04:00
background-color: white;
2021-07-10 19:18:17 +01:00
}
.tool-icon {
2021-07-26 17:42:43 -04:00
padding: 15px;
2021-07-10 19:18:17 +01:00
}
2021-07-26 17:42:43 -04:00
2021-07-10 19:18:17 +01:00
.tool-icon:hover {
2021-07-26 17:42:43 -04:00
background-color: #fafafa;
border-radius: 4px;
2021-07-10 19:18:17 +01:00
}
@media screen and (max-width: 1023px) {
2021-07-26 17:42:43 -04:00
.bd-lead,
.bd-side {
padding: 1rem !important;
}
2021-07-10 19:18:17 +01:00
}
@media screen and (max-width: 768px) {
2021-07-26 17:42:43 -04:00
.has-text-centered,
.has-text-right {
text-align: left !important;
}
2021-07-10 19:18:17 +01:00
}
img [alt="www.000webhost.com"] {
2021-07-26 17:42:43 -04:00
display: none;
2021-07-10 19:18:17 +01:00
}
.td-center {
2021-07-26 17:42:43 -04:00
text-align: center !important;
2021-07-10 19:18:17 +01:00
}
2021-08-20 16:53:59 -04:00
.green .hljs-comment {
color: #789922;
}