Project

General

Profile

« Previous | Next » 

Revision ca55d066

Added by Andreas Kohlbecker over 11 years ago

configuring theme and first sass editing

View differences:

7.x/themes/zen_dataportal/css/layouts/fixed-width.css
8 8 
 *
9 9 
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
10 10 
 */
11 

  		




  12
  
  
    

  		




  13
  11
  
    
/*


  		




  14
  12
  
    
 * Center the page.


  		




  15
  13
  
    
 */


  		




  16
  
  
    

  		




  
  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}}


  		




  17
  15
  
    
#page,


  		




  18
  16
  
    
.region-bottom {


  		




  19
  17
  
    
  /* If you want to make the page a fixed width and centered in the viewport,


  		




  ......




  26
  24
  
    
/*


  		




  27
  25
  
    
 * Apply the shared properties of grid items in a single, efficient ruleset.


  		




  28
  26
  
    
 */


  		




  29
  
  
    

  		




  
  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}}


  		




  30
  28
  
    
#header,


  		




  31
  29
  
    
#content,


  		




  32
  30
  
    
#navigation,


  		




  ......




  37
  35
  
    
  padding-right: 10px;


  		




  38
  36
  
    
  border: 0 !important;


  		




  39
  37
  
    
  word-wrap: break-word;


  		




  40
  
  
    
  _display: inline;


  		




  41
  
  
    
  _overflow: hidden;


  		




  42
  
  
    
  _overflow-y: visible;


  		




  43
  38
  
    
}


  		




  44
  39
  
    

  		




  45
  40
  
    
/*


  		




  46
  41
  
    
 * Containers for grid items and flow items.


  		




  47
  42
  
    
 */


  		




  48
  
  
    

  		




  49
  
  
    
#header,


  		




  50
  
  
    
#main,


  		




  51
  
  
    
#footer {


  		




  52
  
  
    
  *position: relative;


  		




  53
  
  
    
  *zoom: 1;


  		




  54
  
  
    
}


  		




  
  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}}


  		




  55
  44
  
    
#header:before, #header:after,


  		




  56
  
  
    
#main:before, #main:after,


  		




  57
  
  
    
#footer:before, #footer:after {


  		




  
  45
  
    
#main:before,


  		




  
  46
  
    
#main:after,


  		




  
  47
  
    
#footer:before,


  		




  
  48
  
    
#footer:after {


  		




  58
  49
  
    
  content: "";


  		




  59
  50
  
    
  display: table;


  		




  60
  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}}


  		




  61
  53
  
    
#header:after,


  		




  62
  54
  
    
#main:after,


  		




  63
  55
  
    
#footer:after {


  		




  ......




  67
  59
  
    
/*


  		




  68
  60
  
    
 * Navigation bar


  		




  69
  61
  
    
 */


  		




  70
  
  
    

  		




  
  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}}


  		




  71
  63
  
    
#main {


  		




  72
  
  
    
  padding-top: 3em; /* Move all the children of #main down to make room. */


  		




  
  64
  
    
  padding-top: 3em;


  		




  
  65
  
    
  /* Move all the children of #main down to make room. */


  		




  73
  66
  
    
  position: relative;


  		




  74
  67
  
    
}


  		




  75
  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}}


  		




  76
  70
  
    
#navigation {


  		




  77
  71
  
    
  position: absolute;


  		




  78
  
  
    
  top: 0; /* Move the navbar up inside #main's padding. */


  		




  
  72
  
    
  top: 0;


  		




  
  73
  
    
  /* Move the navbar up inside #main's padding. */


  		




  79
  74
  
    
  height: 3em;


  		




  80
  75
  
    
  width: 960px;


  		




  81
  76
  
    
}


  		




  ......




  83
  78
  
    
/*


  		




  84
  79
  
    
 * The layout when there is only one sidebar, the left one.


  		




  85
  80
  
    
 */


  		




  86
  
  
    

  		




  
  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}}


  		




  87
  82
  
    
.sidebar-first #content {


  		




  88
  83
  
    
  /* Span 4 columns, starting in 2nd column from left. */


  		




  89
  84
  
    
  float: left;


  		




  ......




  91
  86
  
    
  margin-left: 196px;


  		




  92
  87
  
    
  margin-right: -980px;


  		




  93
  88
  
    
}


  		




  94
  
  
    

  		




  
  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}}


  		




  95
  90
  
    
.sidebar-first .region-sidebar-first {


  		




  96
  91
  
    
  /* Span 1 column, starting in 1st column from left. */


  		




  97
  92
  
    
  float: left;


  		




  ......




  103
  98
  
    
/*


  		




  104
  99
  
    
 * The layout when there is only one sidebar, the right one.


  		




  105
  100
  
    
 */


  		




  106
  
  
    

  		




  
  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}}


  		




  107
  102
  
    
.sidebar-second #content {


  		




  108
  103
  
    
  /* Span 4 columns, starting in 1st column from left. */


  		




  109
  104
  
    
  float: left;


  		




  ......




  111
  106
  
    
  margin-left: 0px;


  		




  112
  107
  
    
  margin-right: -784px;


  		




  113
  108
  
    
}


  		




  114
  
  
    

  		




  
  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}}


  		




  115
  110
  
    
.sidebar-second .region-sidebar-second {


  		




  116
  111
  
    
  /* Span 1 column, starting in 5th column from left. */


  		




  117
  112
  
    
  float: left;


  		




  ......




  123
  118
  
    
/*


  		




  124
  119
  
    
 * The layout when there are two sidebars.


  		




  125
  120
  
    
 */


  		




  126
  
  
    

  		




  
  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}}


  		




  127
  122
  
    
.two-sidebars #content {


  		




  128
  123
  
    
  /* Span 3 columns, starting in 2nd column from left. */


  		




  129
  124
  
    
  float: left;


  		




  ......




  131
  126
  
    
  margin-left: 196px;


  		




  132
  127
  
    
  margin-right: -784px;


  		




  133
  128
  
    
}


  		




  134
  
  
    

  		




  
  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}}


  		




  135
  130
  
    
.two-sidebars .region-sidebar-first {


  		




  136
  131
  
    
  /* Span 1 column, starting in 1st column from left. */


  		




  137
  132
  
    
  float: left;


  		




  ......




  139
  134
  
    
  margin-left: 0px;


  		




  140
  135
  
    
  margin-right: -196px;


  		




  141
  136
  
    
}


  		




  142
  
  
    

  		




  
  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}}


  		




  143
  138
  
    
.two-sidebars .region-sidebar-second {


  		




  144
  139
  
    
  /* Span 1 column, starting in 5th column from left. */


  		




  145
  140
  
    
  float: left;


  		












Also available in:  Unified diff