128 lines
2.0 KiB
CSS
128 lines
2.0 KiB
CSS
/*
|
|
Created on : May 22, 2015, 1:20:02 PM
|
|
Author : Fornax
|
|
*/
|
|
|
|
body{
|
|
background-color: #111;
|
|
background-image: url("img/checker.png");
|
|
background-repeat: repeat;
|
|
color: #eeeeee;
|
|
font-size: 16px;
|
|
font-family: 'Ubuntu', sans-serif;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
a{
|
|
color: #9FCF6C;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover{
|
|
text-decoration: underline;
|
|
color: #9FCF6C;
|
|
}
|
|
|
|
::-webkit-scrollbar{
|
|
width: 10px; /* for vertical scrollbars */
|
|
height: 10px; /* for horizontal scrollbars */
|
|
}
|
|
::-webkit-scrollbar-track{
|
|
background: #000;
|
|
}
|
|
::-webkit-scrollbar-thumb{
|
|
background-color: #444;
|
|
}
|
|
::-webkit-scrollbar-corner{
|
|
background: transparent;
|
|
}
|
|
|
|
button:active{
|
|
background-color: #111;
|
|
}
|
|
button:hover{
|
|
background-color: #333;
|
|
}
|
|
|
|
#filepreview{
|
|
position: absolute;
|
|
display: inline-block;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
min-height: 100px;
|
|
min-width: 100px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* ===========================
|
|
== START FILE CONTAINERS ==
|
|
===========================*/
|
|
.image-container{
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
height: 100%;
|
|
width: 100%;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.image{
|
|
position: relative;
|
|
display: block;
|
|
margin: auto;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
}
|
|
|
|
.text-container{
|
|
background: #333 none;
|
|
position: absolute;
|
|
overflow-y: scroll;
|
|
overflow-x: auto;
|
|
text-align: left;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 5px 5px 5px 20px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.pre-container{
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.pannable{
|
|
position: relative;
|
|
display: inline-block;
|
|
margin: auto;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
cursor: move;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
-webkit-transform: translateY(-50%);
|
|
}
|
|
|
|
.center{
|
|
position: relative;
|
|
display: block;
|
|
margin: auto;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
-webkit-transform: translateY(-50%);
|
|
}
|
|
|
|
.drop-shadow{
|
|
box-shadow: #000 10px 10px 50px;
|
|
} |