summaryrefslogtreecommitdiff
path: root/themes/greydragon_old/css/layout.css
blob: 189ed93e429c69782878e21804aadc16dd5f102f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
/**
 * Gallery 3 Grey Dragon Theme
 * Copyright (C) 2006-2011 Serguei Dosyukov
 *
 * CSS rules related to general layout
 * Defined as 70em wide
 */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* layout.css - Common ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

html { overflow: auto; overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
* { margin: 0px; }
body { min-width: 1020px; padding: 0; }
.g-hideitem { display: none; }

/* layout.css - Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-header { position: relative; min-width: 1020px; z-index: 5; }

/* layout.css - Main ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-main { min-width: 1020px; height: auto; bottom: auto; }
#g-main-in { min-width: 1020px; height: 100%; aoverflow: auto; bottom: auto; }

#g-column-left   { float: left;  width: 230px; min-height: 32em; overflow: hidden; height: 100%; }
#g-column-right  { float: right; width: 230px; min-height: 32em; overflow: hidden; height: 100%; }
#g-column-center { margin: 0 17em 0 17em; min-height: 32em; overflow: hidden; height: 100%; }
#g-column-centerleft { min-height: 32em; overflow: hidden; height: 100%; }
#g-column-centerright { min-height: 32em; overflow: hidden; height: 100%; } 
#g-column-centerfull { position: relative; min-height: 31em; overflow: hidden; height: 100%; }
#g-column-top { display: block; overflow: hidden; }
#g-column-bottom { display: block; overflow: hidden; }

/* layout.css - Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-footer { position: relative; height: auto; min-width: 70em; min-height: 2.8em; clear: both; display: block; overflow: auto; }
#g-footer-leftside { float: left; display: inline; }
#g-footer-rightside { float: right; display: inline; }

/* layout.css - Extended Layout ~~~~~~~~~~~~~~~~~~~~~~*/

/* layous.css - Extended Layout - 3 columns+sidebar ~~*/
body.g-extended.g-column-3.g-sidebar-right #g-header,
body.g-extended.g-column-3.g-sidebar-right #g-footer,
body.g-extended.g-column-3.g-sidebar-right #g-main,
body.g-extended.g-column-3.g-sidebar-right #g-main-in,
body.g-extended.g-column-3.g-sidebar-left #g-header,
body.g-extended.g-column-3.g-sidebar-left #g-footer,
body.g-extended.g-column-3.g-sidebar-left #g-main,
body.g-extended.g-column-3.g-sidebar-left #g-main-in { min-width: 1250px; }

/* layous.css - Extended Layout - 4 columns ~~~~~~~~~~*/
body.g-extended.g-column-4 #g-header,
body.g-extended.g-column-4 #g-footer,
body.g-extended.g-column-4 #g-main,
body.g-extended.g-column-4 #g-main-in { min-width: 1342px; }

/* layous.css - Extended Layout - 4 columns+sidebar ~~*/
body.g-extended.g-column-4.g-sidebar-right #g-header,
body.g-extended.g-column-4.g-sidebar-right #g-footer,
body.g-extended.g-column-4.g-sidebar-right #g-main,
body.g-extended.g-column-4.g-sidebar-right #g-main-in,
body.g-extended.g-column-4.g-sidebar-left #g-header,
body.g-extended.g-column-4.g-sidebar-left #g-footer,
body.g-extended.g-column-4.g-sidebar-left #g-main,
body.g-extended.g-column-4.g-sidebar-left #g-main-in { min-width: 1580px; }