1
0
mirror of https://github.com/Tygs/0bin.git synced 2023-08-10 21:13:00 +03:00
0bin/zerobin/static/css/style.css

390 lines
5.3 KiB
CSS
Raw Normal View History

2012-04-24 17:05:55 +04:00
/* logo */
.brand {
2012-04-29 19:36:26 +04:00
font-size: 38px !important;
padding: 0 55px 3px !important;
2012-04-24 17:05:55 +04:00
2012-04-29 19:36:26 +04:00
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;
2012-04-29 19:36:26 +04:00
transition: all .2s linear;
2012-04-24 17:05:55 +04:00
}
.brand span {
font-size: 48px;
line-height: 0;
2012-04-24 17:05:55 +04:00
}
.brand em {
display: inline;
color: #D40202;
font-size: 27px;
2012-04-24 17:05:55 +04:00
}
2012-05-16 12:38:45 +04:00
.about {
line-height: 13px;
font-style: italic;
text-align: right;
padding-top: 9px;
margin-bottom: 0 !important;
2012-05-16 12:38:45 +04:00
}
2012-05-21 19:14:01 +04:00
.center {
text-align: center;
}
2012-05-16 12:38:45 +04:00
.about span{
font-size: 10px;
}
2012-04-24 17:05:55 +04:00
/* body & other stuff */
body {
padding-top: 60px;
padding-bottom: 40px;
2012-04-24 17:05:55 +04:00
}
.sidebar-nav {
padding: 9px 0;
2012-04-24 17:05:55 +04:00
}
2012-04-24 18:58:01 +04:00
select {
width: 135px;
}
label {
display: inline;
margin-left: 18px;
font-style: italic;
font-size: 11px;
color: #888;
2012-04-24 18:58:01 +04:00
}
ul, ol {
padding: 0;
margin: 0;
2012-04-24 18:58:01 +04:00
}
2012-04-28 21:55:00 +04:00
li {
2012-04-29 19:36:26 +04:00
margin-left: -9px;
2012-04-28 21:55:00 +04:00
}
2012-04-24 18:58:01 +04:00
p {
2012-04-28 12:52:33 +04:00
margin: 0 0 20px;
2012-04-24 18:58:01 +04:00
}
.grey {
color: #999;
}
.nav-list {
padding-right: 0px !important;
font-size: 12px;
}
2012-04-29 19:36:26 +04:00
blockquote {
width: 630px;
float: left;
}
2012-04-29 19:36:26 +04:00
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;
2012-04-29 19:36:26 +04:00
-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;
2012-04-29 22:10:04 +04:00
margin-top: 40px;
2012-04-28 21:55:00 +04:00
}
2012-04-30 00:15:11 +04:00
.alert .title {
display:block;
}
2012-04-29 19:36:26 +04:00
/* Home */
2012-04-28 21:55:00 +04:00
2012-04-29 19:36:26 +04:00
.btn-group {
float:left;
2012-04-28 14:51:30 +04:00
}
html.file-upload p.file-upload {
2012-04-29 19:36:26 +04:00
float: left;
margin: 22px 0px 0px 21px;
display: none;
}
html.file-upload p.file-upload {
display:inherit;
}
html.no-file-upload p.file-upload {
display:none;
}
2012-04-29 19:36:26 +04:00
input.btn-upload {
position: relative;
left: -6px;
width: 100px;
z-index: 1;
2012-04-30 00:15:11 +04:00
margin-top: -13px;
2012-04-28 21:55:00 +04:00
}
2012-04-29 19:36:26 +04:00
input.hide-upload {
position: relative;
left: -110px;
-moz-opacity: 0;
filter: alpha(opacity=0);
2012-04-29 19:36:26 +04:00
opacity: 0 ;
z-index: 2;
width: 100px;
margin-top: -20px;
cursor: pointer;
cursor: hand;
height: 49px;
2012-04-28 14:51:30 +04:00
}
2012-04-29 19:36:26 +04:00
/* Paste Page */
#paste-content {
background-color: white;
padding:1em;
2012-04-24 18:58:01 +04:00
}
#paste-content.linenums {
padding-left:0;
2012-04-24 18:58:01 +04:00
}
2012-04-29 19:36:26 +04:00
.submit-form {
display:none;
2012-04-30 00:15:11 +04:00
}
2012-04-29 19:36:26 +04:00
.paste-option {
float:right;
2012-04-30 00:15:11 +04:00
}
2012-04-29 19:36:26 +04:00
a#clip-button.hover{
cursor:pointer;
text-decoration:underline;
2012-04-28 14:51:30 +04:00
}
2012-04-29 19:36:26 +04:00
li.L0, li.L1, li.L2, li.L3, li.L4,
li.L5, li.L6, li.L7, li.L8, li.L9
{
list-style-type: decimal;
background: inherit;
}
2012-05-07 12:33:55 +04:00
.prettyprint.linenums {
2012-04-29 19:36:26 +04:00
-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;
2012-04-24 22:15:38 +04:00
}
2012-04-29 19:36:26 +04:00
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
margin: 0 0 0 55px; /* IE indents via margin-left */
}
2012-04-30 00:15:11 +04:00
ol.linenums li {
2012-04-29 19:36:26 +04:00
color: #bebec5;
line-height: 18px;
text-shadow: 0 1px 0 #fff;
}
.prettyprint {
padding: 8px;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
}
2012-04-28 16:50:48 +04:00
pre {
2012-04-29 19:36:26 +04:00
font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, monospace, serif;
line-height: 21px;
font-size: 12px;
}
2012-04-29 19:36:26 +04:00
.kwd {
color: #66F;
}
2012-04-29 19:36:26 +04:00
.pun, .opn, .clo {
color: #0A0;
}
2012-04-28 17:05:52 +04:00
2012-04-29 19:36:26 +04:00
.lit {
color: #933;
}
2012-04-29 19:36:26 +04:00
.com {
color: #C0C;
}
2012-04-29 19:36:26 +04:00
/* Common css */
form {
padding-bottom:3em !important;
padding-right: 17px;
}
2012-04-28 21:57:18 +04:00
2012-04-29 19:36:26 +04:00
form textarea {
overflow-y:auto;
2012-05-23 18:20:46 +04:00
min-height:250px;
2012-04-28 21:57:18 +04:00
}
2012-04-29 19:36:26 +04:00
button.btn, input[type="submit"].btn {
margin-left: 5px;
}
.well {
padding-bottom: 40px;
padding-right: 17px;
}
.legal {
margin: 0 auto;
width: 300px;
text-align: center;
margin-top: 30px;
}
.btn {
margin-left: 5px;
2012-04-28 21:57:18 +04:00
}
.btn-primary, .btn-danger {
2012-04-29 19:36:26 +04:00
position:relative;
top:-4px;
2012-04-28 21:57:18 +04:00
}
2012-05-01 17:20:10 +04:00
#alert-template {
display: none;
}
/** Progress bar */
.progress {
display:none;
}
.progress .bar {
width: 25%;
text-indent: 10px;
text-align:left;
}
.lnk-option canvas {
2012-05-16 12:38:45 +04:00
vertical-align:middle;
margin-right:10px;
}
/* Previous paste list */
.previous-pastes .item {
2012-05-16 12:38:45 +04:00
margin-top:5px;
vertical-align:middle;
line-height:24px;
padding-left:1em;
}
li.item {
margin-left: -13px;
2012-05-16 22:00:50 +04:00
margin-right: -5px;
}
.previous-pastes canvas {
2012-05-16 12:38:45 +04:00
display:block;
float:left;
margin-right:5px;
}
html.local-storage .no-local-storage {
display:none;
}
html.no-local-storage .local-storage {
display:none;
}
canvas {
border: 1px solid white;
2012-05-07 12:33:55 +04:00
}
#wrap-content {
display: none;
}
.noscript {
text-align: center;
color: red;
font-weight: bold;
}
2012-05-21 15:16:49 +04:00
#faq dt {
margin:2em 0 1em 0;
}
#faq p {
margin:1em;
2012-05-22 15:48:24 +04:00
}
#force-coloration {
text-decoration:underline;
}
#expiration-tag {
float:right;
margin:1em;
background:grey;
color:white;
font-size:0.8em;
padding:0 1ex;
opacity: 0.5;
filter: alpha(opacity=50);
font-weight:bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#content.hover {
background-color: #eee;
}