Project

General

Profile

Download (5.25 KB) Statistics
| Branch: | Tag: | Revision:
1
/**
2
 * @file
3
 * Positioning for a fixed-width, desktop-centric layout.
4
 *
5
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
6
 * column layout depending on whether blocks are enabled in the left or right
7
 * columns.
8
 *
9
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
10
 */
11
/*
12
 * Center the page.
13
 */
14
@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/layouts\/fixed-width\.scss}line{font-family:\0000343}}
15
#page,
16
.region-bottom {
17
  /* If you want to make the page a fixed width and centered in the viewport,
18
   * this is the standards-compliant way to do that. */
19
  margin-left: auto;
20
  margin-right: auto;
21
  width: 980px;
22
}
23

    
24
/*
25
 * Apply the shared properties of grid items in a single, efficient ruleset.
26
 */
27
@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/layouts\/fixed-width\.scss}line{font-family:\0000361}}
28
#header,
29
#content,
30
#navigation,
31
.region-sidebar-first,
32
.region-sidebar-second,
33
#footer {
34
  padding-left: 10px;
35
  padding-right: 10px;
36
  border: 0 !important;
37
  word-wrap: break-word;
38
}
39

    
40
/*
41
 * Containers for grid items and flow items.
42
 */
43
@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass-extensions\/zen-grids\/stylesheets\/zen\/_grids\.scss}line{font-family:\0000352}}
44
#header:before, #header:after,
45
#main:before,
46
#main:after,
47
#footer:before,
48
#footer:after {
49
  content: "";
50
  display: table;
51
}
52
@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass-extensions\/zen-grids\/stylesheets\/zen\/_grids\.scss}line{font-family:\0000356}}
53
#header:after,
54
#main:after,
55
#footer:after {
56
  clear: both;
57
}
58

    
59
/*
60
 * Navigation bar
61
 */
62
@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/layouts\/fixed-width\.scss}line{font-family:\0000379}}
63
#main {
64
  padding-top: 3em;
65
  /* Move all the children of #main down to make room. */
66
  position: relative;
67
}
68

    
69
@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/layouts\/fixed-width\.scss}line{font-family:\0000383}}
70
#navigation {
71
  position: absolute;
72
  top: 0;
73
  /* Move the navbar up inside #main's padding. */
74
  height: 3em;
75
  width: 960px;
76
}
77

    
78
/*
79
 * The layout when there is only one sidebar, the left one.
80
 */
81
@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/layouts\/fixed-width\.scss}line{font-family:\0000395}}
82
.sidebar-first #content {
83
  /* Span 4 columns, starting in 2nd column from left. */
84
  float: left;
85
  width: 764px;
86
  margin-left: 196px;
87
  margin-right: -980px;
88
}
89
@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/layouts\/fixed-width\.scss}line{font-family:\0000399}}
90
.sidebar-first .region-sidebar-first {
91
  /* Span 1 column, starting in 1st column from left. */
92
  float: left;
93
  width: 176px;
94
  margin-left: 0px;
95
  margin-right: -196px;
96
}
97

    
98
/*
99
 * The layout when there is only one sidebar, the right one.
100
 */
101
@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/layouts\/fixed-width\.scss}line{font-family:\00003109}}
102
.sidebar-second #content {
103
  /* Span 4 columns, starting in 1st column from left. */
104
  float: left;
105
  width: 764px;
106
  margin-left: 0px;
107
  margin-right: -784px;
108
}
109
@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/layouts\/fixed-width\.scss}line{font-family:\00003113}}
110
.sidebar-second .region-sidebar-second {
111
  /* Span 1 column, starting in 5th column from left. */
112
  float: left;
113
  width: 176px;
114
  margin-left: 784px;
115
  margin-right: -980px;
116
}
117

    
118
/*
119
 * The layout when there are two sidebars.
120
 */
121
@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/layouts\/fixed-width\.scss}line{font-family:\00003123}}
122
.two-sidebars #content {
123
  /* Span 3 columns, starting in 2nd column from left. */
124
  float: left;
125
  width: 568px;
126
  margin-left: 196px;
127
  margin-right: -784px;
128
}
129
@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/layouts\/fixed-width\.scss}line{font-family:\00003127}}
130
.two-sidebars .region-sidebar-first {
131
  /* Span 1 column, starting in 1st column from left. */
132
  float: left;
133
  width: 176px;
134
  margin-left: 0px;
135
  margin-right: -196px;
136
}
137
@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/layouts\/fixed-width\.scss}line{font-family:\00003131}}
138
.two-sidebars .region-sidebar-second {
139
  /* Span 1 column, starting in 5th column from left. */
140
  float: left;
141
  width: 176px;
142
  margin-left: 784px;
143
  margin-right: -980px;
144
}
(2-2/4)