restructuring the folder
This commit is contained in:
Ville Rantanen
397
lib/style.css
Normal file
397
lib/style.css
Normal file
@@ -0,0 +1,397 @@
|
||||
body {
|
||||
margin: 5px;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.imagebox {
|
||||
float: left;
|
||||
text-align: center;
|
||||
margin-top: 0px;
|
||||
padding-top: 2px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
display: block;
|
||||
padding-right: 0px;
|
||||
max-width: 200px;
|
||||
font-family: sans-serif;
|
||||
font-size: small;
|
||||
min-width: 100px;
|
||||
word-wrap: break-word;
|
||||
height: 110px;
|
||||
background-color: white;
|
||||
cursor: pointer;
|
||||
}
|
||||
.medium {
|
||||
float: left;
|
||||
margin-top: 0px;
|
||||
padding-top: 2px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.pathlink {
|
||||
word-wrap: break-word;
|
||||
display: table-cell;
|
||||
text-align: center;
|
||||
vertical-align: bottom;
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
}
|
||||
.pathlinktext {
|
||||
background-color: white;
|
||||
opacity: 0.8;
|
||||
display: block;
|
||||
}
|
||||
.pathdetailrow {
|
||||
float:left;
|
||||
clear:both;
|
||||
margin-bottom:1px;
|
||||
overflow-y:hidden;
|
||||
height:40px;
|
||||
}
|
||||
.pathdetaillink {
|
||||
white-space:nowrap;
|
||||
overflow:hidden;
|
||||
line-height:40px;
|
||||
}
|
||||
.pathdetaillinktext {
|
||||
background-color: white;
|
||||
}
|
||||
.pathsmalllink {
|
||||
font-size: x-small;
|
||||
}
|
||||
.thumbbox {
|
||||
float: left;
|
||||
width: 100px;
|
||||
height: 90px;
|
||||
}
|
||||
.pathbox {
|
||||
float: left;
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 3px;
|
||||
background-color: #eee;
|
||||
}
|
||||
.attachmentbox {
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
.thumbimage {
|
||||
height:90px;
|
||||
width:90px;
|
||||
border: 0px;
|
||||
background-color: #eee;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
}
|
||||
#thumbrow {
|
||||
/*overflow-x:scroll;
|
||||
overflow-y:hidden;
|
||||
max-height: 130px;*/
|
||||
}
|
||||
#footer {
|
||||
text-align: center;
|
||||
font-size: xx-small;
|
||||
margin-top: 30px;
|
||||
float: left;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
#crumbcontainer {
|
||||
font-size: x-small;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-top: 0px;
|
||||
margin-bottom:0px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
#pathcontainer {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin: 0px 10px 0px 0px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
font-size: small;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
#attachmentcontainer {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin: 100px 10px 0px 0px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
font-size: small;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
#listcontainer {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin: 30px 10px 0px 0px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
font-size: small;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
#imagecontainer {
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
#desccontainer {
|
||||
float: left;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
height: 40px;
|
||||
display: none;
|
||||
text-align: center;
|
||||
font-family: sans-serif;
|
||||
font-size: 13px;
|
||||
}
|
||||
#desccontainer a {
|
||||
text-decoration: none;
|
||||
color: blue;
|
||||
}
|
||||
#thumbcontainer {
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
#preloadcontainer {
|
||||
display: none;
|
||||
}
|
||||
#setupcontainer {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
padding: 10px 10px 10px 10px;
|
||||
z-index:99;
|
||||
background-color: white;
|
||||
border: solid 1px black;
|
||||
}
|
||||
#setupcontainer .thumbmenu ul {
|
||||
list-style-type: none;
|
||||
margin-top: 0px;
|
||||
padding-left: 1ex;
|
||||
}
|
||||
h1 {
|
||||
font-size: large;
|
||||
font-family: sans-serif;
|
||||
height: 1em;
|
||||
margin-top:0px;
|
||||
}
|
||||
h2 {
|
||||
font-size: small;
|
||||
font-family: sans-serif;
|
||||
height: 1em;
|
||||
margin-top:0px;
|
||||
}
|
||||
.headsmall {
|
||||
font-size: small;
|
||||
font-family: sans-serif;
|
||||
height: 1em;
|
||||
margin-top:0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
#imagesingle {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
#imagebig {
|
||||
text-align: center;
|
||||
margin: 0px auto;
|
||||
}
|
||||
input {
|
||||
padding: 0px 0px 0px 0px;
|
||||
}
|
||||
.rounded {
|
||||
border: 1px solid #000;
|
||||
}
|
||||
.marked {
|
||||
background-color: #0c0;
|
||||
}
|
||||
.markedtext {
|
||||
cursor: pointer;
|
||||
}
|
||||
img {
|
||||
border: 0px;
|
||||
}
|
||||
iframe {
|
||||
border: 1px inset;
|
||||
}
|
||||
#arrowleft,#arrowright {
|
||||
width: 40px;
|
||||
height: 90px;
|
||||
text-align:center;
|
||||
font-size: large;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
background-color: #eee;
|
||||
margin: 2px 2px 2px 2px;
|
||||
line-height: 40px;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
#allthumbs {
|
||||
width: 90px;
|
||||
height: 20px;
|
||||
text-align:center;
|
||||
cursor: pointer;
|
||||
background-color: #eee;
|
||||
margin: 37px 2px 2px -31px;
|
||||
line-height: 20px;
|
||||
font-family: sans-serif;
|
||||
font-size: medium;
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
|
||||
}
|
||||
#prevTouch,#nextTouch {
|
||||
width: 10%;
|
||||
height: inherit;
|
||||
position: absolute;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
cursor: pointer;
|
||||
}
|
||||
#prevTouch:hover,#nextTouch:hover {
|
||||
background-color: rgba(238,238,238,0.5);
|
||||
}
|
||||
#prevTouch { left:0px; }
|
||||
#nextTouch { right:0px; }
|
||||
.thumbmenu {
|
||||
font-size: small;
|
||||
margin: 4px 4px 4px 15px;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
.menuitem {
|
||||
margin: 2px 2px 2px 2px;
|
||||
cursor: pointer;
|
||||
background-color: #eee;
|
||||
}
|
||||
.arrowtext {
|
||||
font-size: small;
|
||||
}
|
||||
#progressbar {
|
||||
text-align:left;
|
||||
color:#ddd;
|
||||
background-color:#ddd;
|
||||
border-width:0;
|
||||
height:13px;
|
||||
margin-left:0;
|
||||
margin-bottom: -16px;
|
||||
margin-top: 1px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.zoomPad{
|
||||
position:relative;
|
||||
float:left;
|
||||
z-index:99;
|
||||
cursor:crosshair;
|
||||
}
|
||||
|
||||
|
||||
.zoomPreload{
|
||||
-moz-opacity:0.8;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity = 80);
|
||||
color: #333;
|
||||
font-size: 12px;
|
||||
font-family: Tahoma;
|
||||
text-decoration: none;
|
||||
/*border: 1px solid #CCC;
|
||||
/*background-color: white;*/
|
||||
padding: 8px;
|
||||
text-align:center;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 43px 30px;
|
||||
z-index:110;
|
||||
width:90px;
|
||||
height:43px;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
* width:100px;
|
||||
* height:49px;
|
||||
}
|
||||
|
||||
|
||||
.zoomPup{
|
||||
overflow:hidden;
|
||||
background-color: #FFF;
|
||||
-moz-opacity:0.6;
|
||||
opacity: 0.6;
|
||||
filter: alpha(opacity = 60);
|
||||
z-index:120;
|
||||
position:absolute;
|
||||
z-index:101;
|
||||
cursor:crosshair;
|
||||
}
|
||||
|
||||
.zoomOverlay{
|
||||
position:absolute;
|
||||
left:0px;
|
||||
top:0px;
|
||||
background:#FFF;
|
||||
/*opacity:0.5;*/
|
||||
z-index:5000;
|
||||
width:100%;
|
||||
height:100%;
|
||||
display:none;
|
||||
z-index:101;
|
||||
}
|
||||
|
||||
.zoomWindow{
|
||||
position:absolute;
|
||||
left:110%;
|
||||
top:40px;
|
||||
background:#FFF;
|
||||
height:auto;
|
||||
z-index:110;
|
||||
}
|
||||
.zoomWrapper{
|
||||
position:relative;
|
||||
|
||||
z-index:110;
|
||||
}
|
||||
.zoomWrapperTitle{
|
||||
display:block;
|
||||
background:#999;
|
||||
color:#FFF;
|
||||
height:18px;
|
||||
line-height:18px;
|
||||
width:100%;
|
||||
overflow:hidden;
|
||||
text-align:center;
|
||||
font-size:10px;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
z-index:120;
|
||||
-moz-opacity:0.6;
|
||||
opacity: 0.6;
|
||||
filter: alpha(opacity = 60);
|
||||
}
|
||||
.zoomWrapperImage{
|
||||
display:block;
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
z-index:110;
|
||||
|
||||
}
|
||||
.zoomWrapperImage img{
|
||||
display:block;
|
||||
position:absolute;
|
||||
z-index:101;
|
||||
}
|
||||
|
||||
.zoomIframe{
|
||||
z-index: -1;
|
||||
filter:alpha(opacity=0);
|
||||
-moz-opacity: 0.80;
|
||||
opacity: 0.80;
|
||||
position:absolute;
|
||||
display:block;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user