flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-12-21 10:41:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactoring...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-05-31 04:40:41 +04:00
parent aba4c4c914
commit 5580540649
1 changed files with 28 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
ui/layout.css
View File

@ -1,3 +1,6 @@
/**********************************************************************
*
**********************************************************************/
body { body {
font-family: sans-serif; font-family: sans-serif;
@ -5,6 +8,7 @@ body {
margin: 0px; margin: 0px;
} }
/********************************************************** Viewer ***/
.viewer { .viewer {
position: relative; position: relative;
width: 100%; width: 100%;
@ -22,6 +26,7 @@ body {
} }
/****************************************************** Ribbon set ***/
.ribbon-set { .ribbon-set {
position: absolute; position: absolute;
display: block; display: block;
@ -45,7 +50,7 @@ body {
} }
/********************************************************** Ribbon ***/
.ribbon { .ribbon {
position: relative; position: relative;
display: block; display: block;
@ -70,6 +75,7 @@ body {
/*********************************************************** Image ***/
.image { .image {
position: relative; position: relative;
display: inline-block; display: inline-block;
@ -99,7 +105,6 @@ body {
} }
/* image turning... */ /* image turning... */
/* NOTE: need to account for proportions after turning... */ /* NOTE: need to account for proportions after turning... */
.image[orientation="90"] { .image[orientation="90"] {
@ -126,7 +131,7 @@ body {
/* dot mark... */ /***************************************************** Image marks ***/
.marks-visible.viewer .marked.image:after { .marks-visible.viewer .marked.image:after {
display: block; display: block;
position: absolute; position: absolute;
@ -234,7 +239,7 @@ body {
/* Image info */ /****************************************************** Image info ***/
.image .inline-image-info { .image .inline-image-info {
display: none; display: none;
@ -340,8 +345,16 @@ body {
background: red; background: red;
} }
/*************************************************** Global status ***/
.global-status {
display: block;
opacity: 1;
z-index: 1000;
}
/****************************************************** Indicators ***/
.up-indicator, .up-indicator,
.down-indicator, .down-indicator,
.start-indicator, .start-indicator,
@ -409,6 +422,7 @@ body {
/********************************************** Mode: single image ***/
.single-image-mode.viewer .image { .single-image-mode.viewer .image {
background-color: transparent; background-color: transparent;
/* NOTE: need to keep a distance from screen borders... */ /* NOTE: need to keep a distance from screen borders... */
@ -424,6 +438,9 @@ body {
visibility: hidden; visibility: hidden;
} }
/********************************************************** Themes ***/
/* XXX this is by no means final... */ /* XXX this is by no means final... */
.viewer, .viewer,
.light.viewer, .light.viewer,
@ -442,7 +459,8 @@ body {
} }
/* Overlay */
/********************************************************* Overlay ***/
.overlay-block { .overlay-block {
display: none; display: none;
position: absolute: position: absolute:
@ -466,6 +484,8 @@ body {
} }
/************************************************************ Help ***/
/* this is for sliding stuff */ /* this is for sliding stuff */
.viewer.help-mode { .viewer.help-mode {
box-shadow: 0px 0px 50px 0px silver; box-shadow: 0px 0px 50px 0px silver;
@ -506,7 +526,8 @@ body {
} }
/* utility */
/********************************************************* utility ***/
.expanding-text .hidden { .expanding-text .hidden {
display: none; display: none;
} }
@ -517,11 +538,7 @@ body {
display: inline; display: inline;
} }
.global-status {
display: block;
opacity: 1;
z-index: 1000;
}
/*********************************************************************/