mirror of
https://github.com/Tygs/0bin.git
synced 2023-08-10 21:13:00 +03:00
new theme
This commit is contained in:
jhon doe
12
zerobin/static/css/bootswatch.4.5.css
Normal file
12
zerobin/static/css/bootswatch.4.5.css
Normal file
File diff suppressed because one or more lines are too long
34
zerobin/static/css/desert.css
Normal file
34
zerobin/static/css/desert.css
Normal file
@ -0,0 +1,34 @@
|
||||
/* desert scheme ported from vim to google prettify */
|
||||
pre.prettyprint { display: block; background-color: #333 }
|
||||
pre .nocode { background-color: none; color: #000 }
|
||||
pre .str { color: #ffa0a0 } /* string - pink */
|
||||
pre .kwd { color: #f0e68c; font-weight: bold }
|
||||
pre .com { color: #87ceeb } /* comment - skyblue */
|
||||
pre .typ { color: #98fb98 } /* type - lightgreen */
|
||||
pre .lit { color: #cd5c5c } /* literal - darkred */
|
||||
pre .pun { color: #fff } /* punctuation */
|
||||
pre .pln { color: #fff } /* plaintext */
|
||||
pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag - lightyellow */
|
||||
pre .atn { color: #bdb76b; font-weight: bold } /* attribute name - khaki */
|
||||
pre .atv { color: #ffa0a0 } /* attribute value - pink */
|
||||
pre .dec { color: #98fb98 } /* decimal - lightgreen */
|
||||
|
||||
/* Specify class=linenums on a pre to get line numbering */
|
||||
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
|
||||
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
|
||||
/* Alternate shading for lines */
|
||||
li.L1,li.L3,li.L5,li.L7,li.L9 { }
|
||||
|
||||
@media print {
|
||||
pre.prettyprint { background-color: none }
|
||||
pre .str, code .str { color: #060 }
|
||||
pre .kwd, code .kwd { color: #006; font-weight: bold }
|
||||
pre .com, code .com { color: #600; font-style: italic }
|
||||
pre .typ, code .typ { color: #404; font-weight: bold }
|
||||
pre .lit, code .lit { color: #044 }
|
||||
pre .pun, code .pun { color: #440 }
|
||||
pre .pln, code .pln { color: #000 }
|
||||
pre .tag, code .tag { color: #006; font-weight: bold }
|
||||
pre .atn, code .atn { color: #404 }
|
||||
pre .atv, code .atv { color: #060 }
|
||||
}
|
||||
@ -3,14 +3,9 @@
|
||||
|
||||
.brand {
|
||||
font-size: 38px !important;
|
||||
padding: 0 55px 3px !important;
|
||||
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125);
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
-ms-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
padding: 0 !important;
|
||||
margin-left: 10%;
|
||||
|
||||
}
|
||||
|
||||
.brand span {
|
||||
@ -42,10 +37,11 @@
|
||||
|
||||
/* body & other stuff */
|
||||
|
||||
body {
|
||||
padding-top: 60px;
|
||||
body {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
|
||||
.sidebar-nav {
|
||||
padding: 9px 0;
|
||||
}
|
||||
@ -53,14 +49,7 @@ body {
|
||||
select {
|
||||
width: 135px;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline;
|
||||
margin-left: 18px;
|
||||
font-style: italic;
|
||||
font-size: 11px;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
|
||||
ul, ol {
|
||||
padding: 0;
|
||||
@ -71,6 +60,13 @@ li {
|
||||
margin-left: -9px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #2ea1d7;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #1888bc;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 20px;
|
||||
@ -88,50 +84,26 @@ p {
|
||||
blockquote {
|
||||
width: 630px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
h4 p {
|
||||
float: left;
|
||||
font-size: 80px;
|
||||
text-shadow: 1px 3px 1px #DDD, 0 0 4px #333;
|
||||
-webkit-transition: all 0.2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
-ms-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
margin-right: 7px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
h4#pixels-total {
|
||||
position: relative;
|
||||
width: 166px;
|
||||
float: right;
|
||||
margin: 8px 0 0 0;
|
||||
padding: 0 0 0 54px;
|
||||
font-size: 1.1em;
|
||||
line-height: 1.4;
|
||||
font-weight: normal;
|
||||
color: #777;
|
||||
-webkit-border-top-right-radius: 6px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-top-right-radius: 6px;
|
||||
-moz-border-top-left-radius: 20px;
|
||||
border-top-right-radius: 6px;
|
||||
border-top-left-radius: 20px;
|
||||
}
|
||||
|
||||
.greetings {
|
||||
clear: both;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.alert .title {
|
||||
display:block;
|
||||
}
|
||||
|
||||
|
||||
.footer {
|
||||
text-align: center;
|
||||
bottom: 0px;
|
||||
position: fixed;
|
||||
height: 60px;
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding: 8px 0 0 0;
|
||||
left: 0;
|
||||
background-color: #424141;
|
||||
}
|
||||
|
||||
/* Home */
|
||||
|
||||
.btn-group {
|
||||
@ -178,11 +150,6 @@ input.hide-upload {
|
||||
|
||||
/* Paste Page */
|
||||
|
||||
#paste-content {
|
||||
background-color: white;
|
||||
padding:1em;
|
||||
}
|
||||
|
||||
|
||||
#paste-content.linenums {
|
||||
padding-left:0;
|
||||
@ -191,10 +158,7 @@ input.hide-upload {
|
||||
.submit-form {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.paste-option {
|
||||
float:right;
|
||||
}
|
||||
|
||||
|
||||
a#clip-button.hover{
|
||||
cursor:pointer;
|
||||
@ -208,10 +172,15 @@ li.L5, li.L6, li.L7, li.L8, li.L9
|
||||
background: inherit;
|
||||
}
|
||||
|
||||
pre.prettyprint {
|
||||
width: 100%;
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
.prettyprint.linenums {
|
||||
-webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
||||
/* -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
||||
-moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
||||
box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
||||
box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; */
|
||||
}
|
||||
|
||||
/* Specify class=linenums on a pre to get line numbering */
|
||||
@ -219,22 +188,23 @@ ol.linenums {
|
||||
margin: 0 0 0 55px; /* IE indents via margin-left */
|
||||
}
|
||||
ol.linenums li {
|
||||
color: #bebec5;
|
||||
/* color: #bebec5;
|
||||
line-height: 18px;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
text-shadow: 0 1px 0 #fff; */
|
||||
}
|
||||
|
||||
.prettyprint {
|
||||
padding: 8px;
|
||||
/* padding: 8px;
|
||||
background-color: #f7f7f9;
|
||||
border: 1px solid #e1e1e8;
|
||||
border: 1px solid #e1e1e8; */
|
||||
}
|
||||
|
||||
pre {
|
||||
font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, monospace, serif;
|
||||
/* font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, monospace, serif;
|
||||
line-height: 21px;
|
||||
font-size: 12px;
|
||||
|
||||
font-size: 12px; */
|
||||
white-space: pre-wrap;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.kwd {
|
||||
@ -256,24 +226,36 @@ color: #C0C;
|
||||
|
||||
/* Common css */
|
||||
|
||||
form {
|
||||
padding-bottom:3em !important;
|
||||
padding-right: 17px;
|
||||
.form-control,
|
||||
.form-control:focus,
|
||||
.form-control:disabled,
|
||||
.form-control[readonly],
|
||||
#paste-content {
|
||||
background-color: #375a7f;
|
||||
color: #f9fafc;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.form-group {
|
||||
/* margin-bottom: 1rem; */
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.select-date {
|
||||
width: 320px;
|
||||
float: right;
|
||||
}
|
||||
.select-date-clone {
|
||||
width: 60%;
|
||||
max-width: 320px;
|
||||
}
|
||||
.container-md {
|
||||
margin-top: 20px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
|
||||
form textarea {
|
||||
overflow-y:auto;
|
||||
min-height:250px;
|
||||
}
|
||||
|
||||
button.btn, input[type="submit"].btn {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.well {
|
||||
padding-bottom: 40px;
|
||||
padding-right: 17px;
|
||||
}
|
||||
}
|
||||
|
||||
.legal {
|
||||
margin: 0 auto;
|
||||
@ -281,51 +263,38 @@ button.btn, input[type="submit"].btn {
|
||||
text-align: center;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.btn-primary, .btn-danger {
|
||||
position:relative;
|
||||
top:-4px;
|
||||
}
|
||||
|
||||
|
||||
#alert-template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/** Progress bar */
|
||||
|
||||
.progress {
|
||||
display:none;
|
||||
.progress {
|
||||
margin: 8px 0 8px 0;
|
||||
height: 1.5rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.progress .bar {
|
||||
width: 25%;
|
||||
text-indent: 10px;
|
||||
padding: 12px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.lnk-option canvas {
|
||||
vertical-align:middle;
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Previous paste list */
|
||||
|
||||
.previous-pastes .item {
|
||||
margin-top:5px;
|
||||
vertical-align:middle;
|
||||
line-height:24px;
|
||||
padding-left:1em;
|
||||
.progress-container {
|
||||
margin: 8px 0 8px 0;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
li.item {
|
||||
margin-left: -13px;
|
||||
margin-right: -5px;
|
||||
}
|
||||
// to remove
|
||||
#ZeroClipboardMovie_1 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.previous-pastes canvas {
|
||||
display:block;
|
||||
@ -369,7 +338,7 @@ canvas {
|
||||
|
||||
#expiration-tag {
|
||||
float:right;
|
||||
margin:1em;
|
||||
margin: 1em;
|
||||
background:grey;
|
||||
color:white;
|
||||
font-size:0.8em;
|
||||
@ -387,4 +356,129 @@ canvas {
|
||||
|
||||
#content.hover {
|
||||
background-color: #eee;
|
||||
}
|
||||
}
|
||||
|
||||
/* top Menu */
|
||||
|
||||
#topmenu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.topnav {
|
||||
height: 60px;
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.topnav .brand {
|
||||
float: left;
|
||||
display: block;
|
||||
color: #f2f2f2;
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
text-decoration: none;
|
||||
font-size: 17px;
|
||||
width: 175px;
|
||||
}
|
||||
.topnav .tagline {
|
||||
font-size: 0.9em;
|
||||
padding: 8px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.topnav .tagline span{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
.topnav a.active {
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.topnav .icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.topnav .bi-list {
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
/* Styling the sub menu */
|
||||
nav {
|
||||
float: right;
|
||||
margin: 18px;
|
||||
|
||||
}
|
||||
nav ul li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
nav ul li a {
|
||||
color: white;
|
||||
background: #333333;
|
||||
padding: 10px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav ul li a:hover {
|
||||
background: #375A7F;
|
||||
border-radius: 3px;
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
.submenu {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.submenu ul {
|
||||
position: absolute;
|
||||
margin: 8px 0 0px 9px;
|
||||
display: none;
|
||||
width: -webkit-fill-available;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.submenu li{
|
||||
display: block;
|
||||
background: #375A7F;
|
||||
color: white;
|
||||
float: none;
|
||||
}
|
||||
|
||||
/* Styling drop down links */
|
||||
.submenu li a {
|
||||
background: transparent;
|
||||
padding:10px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.submenu li a:hover {
|
||||
background: gray;
|
||||
}
|
||||
|
||||
/* Showing Submenu on hover*/
|
||||
.submenu:hover ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
/* Responsive */
|
||||
@media screen and (max-width: 800px) {
|
||||
.topnav a:not(:first-child) {display: none;}
|
||||
.topnav .tagline {display: none;}
|
||||
.brand { margin-left: 1%;}
|
||||
|
||||
/* Fonts */
|
||||
.btn {font-size: 0.77em;}
|
||||
pre {font-size: 70%;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1,118 +1,46 @@
|
||||
/*
|
||||
* Derived from einaros's Sons of Obsidian theme at
|
||||
* http://studiostyl.es/schemes/son-of-obsidian by
|
||||
* Alex Ford of CodeTunnel:
|
||||
* http://CodeTunnel.com/blog/post/71/google-code-prettify-obsidian-theme
|
||||
*/
|
||||
/* Pretty printing styles. Used with prettify.js. */
|
||||
/* Vim sunburst theme by David Leibovic */
|
||||
|
||||
.str
|
||||
{
|
||||
color: #EC7600;
|
||||
pre .str, code .str { color: #65B042; } /* string - green */
|
||||
pre .kwd, code .kwd { color: #E28964; } /* keyword - dark pink */
|
||||
pre .com, code .com { color: #AEAEAE; font-style: italic; } /* comment - gray */
|
||||
pre .typ, code .typ { color: #89bdff; } /* type - light blue */
|
||||
pre .lit, code .lit { color: #3387CC; } /* literal - blue */
|
||||
pre .pun, code .pun { color: #fff; } /* punctuation - white */
|
||||
pre .pln, code .pln { color: #fff; } /* plaintext - white */
|
||||
pre .tag, code .tag { color: #89bdff; } /* html/xml tag - light blue */
|
||||
pre .atn, code .atn { color: #bdb76b; } /* html/xml attribute name - khaki */
|
||||
pre .atv, code .atv { color: #65B042; } /* html/xml attribute value - green */
|
||||
pre .dec, code .dec { color: #3387CC; } /* decimal - blue */
|
||||
|
||||
pre.prettyprint, code.prettyprint {
|
||||
background-color: #000;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.kwd
|
||||
{
|
||||
color: #93C763;
|
||||
|
||||
pre.prettyprint {
|
||||
width: 95%;
|
||||
margin: 1em auto;
|
||||
padding: 1em;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
.com
|
||||
{
|
||||
color: #66747B;
|
||||
}
|
||||
.typ
|
||||
{
|
||||
color: #678CB1;
|
||||
}
|
||||
.lit
|
||||
{
|
||||
color: #FACD22;
|
||||
}
|
||||
.pun
|
||||
{
|
||||
color: #F1F2F3;
|
||||
}
|
||||
.pln
|
||||
{
|
||||
color: #F1F2F3;
|
||||
}
|
||||
.tag
|
||||
{
|
||||
color: #8AC763;
|
||||
}
|
||||
.atn
|
||||
{
|
||||
color: #E0E2E4;
|
||||
}
|
||||
.atv
|
||||
{
|
||||
color: #EC7600;
|
||||
}
|
||||
.dec
|
||||
{
|
||||
color: purple;
|
||||
}
|
||||
pre.prettyprint
|
||||
{
|
||||
border: 0px solid #888;
|
||||
}
|
||||
ol.linenums
|
||||
{
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.prettyprint {
|
||||
background: #000;
|
||||
}
|
||||
li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9
|
||||
{
|
||||
color: #555;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
li.L1, li.L3, li.L5, li.L7, li.L9 {
|
||||
background: #111;
|
||||
}
|
||||
@media print
|
||||
{
|
||||
.str
|
||||
{
|
||||
color: #060;
|
||||
}
|
||||
.kwd
|
||||
{
|
||||
color: #006;
|
||||
font-weight: bold;
|
||||
}
|
||||
.com
|
||||
{
|
||||
color: #600;
|
||||
font-style: italic;
|
||||
}
|
||||
.typ
|
||||
{
|
||||
color: #404;
|
||||
font-weight: bold;
|
||||
}
|
||||
.lit
|
||||
{
|
||||
color: #044;
|
||||
}
|
||||
.pun
|
||||
{
|
||||
color: #440;
|
||||
}
|
||||
.pln
|
||||
{
|
||||
color: #000;
|
||||
}
|
||||
.tag
|
||||
{
|
||||
color: #006;
|
||||
font-weight: bold;
|
||||
}
|
||||
.atn
|
||||
{
|
||||
color: #404;
|
||||
}
|
||||
.atv
|
||||
{
|
||||
color: #060;
|
||||
}
|
||||
|
||||
|
||||
/* Specify class=linenums on a pre to get line numbering */
|
||||
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE; } /* IE indents via margin-left */
|
||||
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
|
||||
/* Alternate shading for lines */
|
||||
li.L1,li.L3,li.L5,li.L7,li.L9 { }
|
||||
|
||||
@media print {
|
||||
pre .str, code .str { color: #060; }
|
||||
pre .kwd, code .kwd { color: #006; font-weight: bold; }
|
||||
pre .com, code .com { color: #600; font-style: italic; }
|
||||
pre .typ, code .typ { color: #404; font-weight: bold; }
|
||||
pre .lit, code .lit { color: #044; }
|
||||
pre .pun, code .pun { color: #440; }
|
||||
pre .pln, code .pln { color: #000; }
|
||||
pre .tag, code .tag { color: #006; font-weight: bold; }
|
||||
pre .atn, code .atn { color: #404; }
|
||||
pre .atv, code .atv { color: #060; }
|
||||
}
|
||||
Reference in New Issue
Block a user