You are here

Home » API reference » Page Style 5

pagestyle.css in Page Style 5

Same filename and directory in other branches
  1. 6 pagestyle.css
  2. 7 pagestyle.css
/* subtitle */
div.block-pagestyle div h3.list {
  display: block;
  float: none;
  margin: 0;
}
div.block-pagestyle div h3.inline {
  display: inline;
  float: left;
  margin: 0;
  padding: 0 0.5em 0.25em 0em;
}

div.pagestyle_list div#edit-pagestyle-select-wrapper,
div.pagestyle_list div#edit-pagestyle-select-wrapper label {
  display: block;
  float: none;
  width: auto;
}
div.pagestyle_inline div#edit-pagestyle-select-wrapper,
div.pagestyle_inline div#edit-pagestyle-select-wrapper label {
  display: block;
  float: left;
  width: auto;
}
div.pagestyle_list div#edit-pagestyle-select-wrapper,
div.pagestyle_inline div#edit-pagestyle-select-wrapper {
  margin: 0;
}
div.pagestyle_list div#edit-pagestyle-select-wrapper label {
  margin: 0 0 0.5em 0;
}
div.pagestyle_inline div#edit-pagestyle-select-wrapper label {
  margin: 0 0.5em 0 0;
}
div.pagestyle_list select#edit-pagestyle-select {
  margin: 0 0.5em 0.5em 0;
}
div.pagestyle_inline select#edit-pagestyle-select {
  margin: 0 0.5em 0 0;
}
div.pagestyle_current_inline div#edit-pagestyle-select-wrapper select {
  float: left;
}

/* list */
.block ul.pagestyle_inline {
  padding: 0;
  margin: 0.2em 0 0.5em 0;
}
ul.pagestyle_inline {
  display: block;
  float: left;
}
ul.pagestyle_current_list {
  clear: right;
}
ul.pagestyle_current_inline {
  width: auto;
}
ul.pagestyle_list li {
  list-style-type: none;
  list-style-image: none !important; /* fix for zen theme */
  background: transparent;
  padding: 0;
  margin: 0 0 0.2em 0;
}
ul.pagestyle_inline li {
  display: block;
  float: left;
  list-style-type: none;
  list-style-image: none !important; /* fix for zen theme */
  background: transparent;
  padding: 0;
  margin: 0;
}

/* p */
.block-pagestyle p {
  margin: 0;
  padding: 0;
}

/* images */
.ps_float_right {
  float: right;
}

/* icon */
.ps_icon,
a.ps_black_white,
a.ps_white_black,
a.ps_yellow_blue,
a.ps_standard {
  display: block;
}
.ps_icon {
  float: none;
  padding: 0 0 0 22px; /* NOTE icon specific (16 + 6 = 22px) */
}
ul.pagestyle_inline li a.ps_icon,
ul.pagestyle_inline li a.ps_rollover {
  float: left;
}

/* a */
a.pagestyle_black_white,
a.ps_black_white {
  width: 16px; /* NOTE icon specific */
  height: 16px; /* NOTE icon specific */
}
a.pagestyle_white_black,
a.ps_white_black {
  width: 16px; /* NOTE icon specific */
  height: 16px; /* NOTE icon specific */
}
a.pagestyle_yellow_blue,
a.ps_yellow_blue {
  width: 16px; /* NOTE icon specific */
  height: 16px; /* NOTE icon specific */
}
a.pagestyle_standard,
a.ps_standard {
  width: 16px; /* NOTE icon specific */
  height: 16px; /* NOTE icon specific */
}

/* a inline */
ul.pagestyle_list a.pagestyle_black_white,
ul.pagestyle_list a.ps_black_white {
  margin: 0 0 3px 0;
}
ul.pagestyle_list a.pagestyle_white_black,
ul.pagestyle_list a.ps_white_black {
  margin: 0 0 3px 0;
}
ul.pagestyle_list a.pagestyle_yellow_blue,
ul.pagestyle_list a.ps_yellow_blue {
  margin: 0 0 3px 0;
}
ul.pagestyle_list a.pagestyle_standard,
ul.pagestyle_list a.ps_standard {
  margin: 0 0 3px 0;
}

/* a inline */
ul.pagestyle_inline a.pagestyle_black_white,
ul.pagestyle_inline a.ps_black_white {
  margin: 0 3px 0 0; /* NOTE icon specific */
  padding: 0 0 0 22px; /* NOTE icon specific (16 + 6 = 22px) */
}
ul.pagestyle_inline a.pagestyle_white_black,
ul.pagestyle_inline a.ps_white_black {
  margin: 0px 3px 0 0; /* NOTE icon specific */
  padding: 0 0 0 22px; /* NOTE icon specific (16 + 6 = 22px) */
}
ul.pagestyle_inline a.pagestyle_yellow_blue,
ul.pagestyle_inline a.ps_yellow_blue {
  margin: 0px 3px 0 0; /* NOTE icon specific */
  padding: 0 0 0 22px; /* NOTE icon specific (16 + 6 = 22px) */
}
ul.pagestyle_inline a.pagestyle_standard,
ul.pagestyle_inline a.ps_standard {
  margin: 0px 3px 0 0; /* NOTE icon specific */
  padding: 0 0 0 22px; /* NOTE icon specific (16 + 6 = 22px) */
}

/* reset */
ul.pagestyle_list li a.text_display,
ul.pagestyle_inline li a.text_display {
  width: auto;
  min-height: 16px; /* NOTE icon specific */
  height: 1em; /* NOTE icon specific (16px = 1em) */
  margin: 0 12px 0 0;
}
ul.pagestyle_list li a.text_display_hidden,
ul.pagestyle_inline li a.text_display_hidden {
  padding: 0;
}

/* a span */
ul.pagestyle_list li a span.display {
  padding: 0px;
  margin: 0px;
}
ul.pagestyle_list li a span.display_hidden {
  padding: 0 3px 0.2em 0;
}
a.ps_icon.pagestyle_end {
  cursor: crosshair;
}

/* pagestyle black white link, visited  */
a.pagestyle_black_white,
a.pagestyle_black_white:visited  {
  min-height: 16px; /* NOTE icon specific */
  height: 1em; /* NOTE icon specific (16px = 1em) */
  background-color: transparent;
  background-image: url("images/black_white.gif");
  background-repeat: no-repeat;
  background-position: 0 0px;
}
ul.pagestyle_inline li a.pagestyle_black_white,
ul.pagestyle_inline li a.pagestyle_black_white:visited {
  background-position: 0px 0px; /* NOTE icon specific */
}

/* pagestyle white black link, visited */
a.pagestyle_white_black,
a.pagestyle_white_black:visited {
  min-height: 16px; /* NOTE icon specific */
  height: 1em; /* NOTE icon specific (16px = 1em) */
  background-color: transparent;
  background-image: url("images/white_black.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
ul.pagestyle_inline li a.pagestyle_white_black,
ul.pagestyle_inline li a.pagestyle_white_black:visited {
  background-position: 0px 0px; /* NOTE icon specific */
}

/* pagestyle normal link, visited  */
a.pagestyle_yellow_blue,
a.pagestyle_yellow_blue:visited {
  min-height: 16px; /* NOTE icon specific */
  height: 1em; /* NOTE icon specific (16px = 1em) */
  background-color: transparent;
  background-image: url("images/yellow_blue.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
ul.pagestyle_inline li a.pagestyle_yellow_blue,
ul.pagestyle_inline li a.pagestyle_yellow_blue:visited {
  background-position: 0px 0px; /* NOTE icon specific */
}

/* pagestyle normal link, visited  */
a.pagestyle_standard,
a.pagestyle_standard:visited {
  min-height: 16px; /* NOTE icon specific */
  height: 1em; /* NOTE icon specific (16px = 1em) */
  background-color: transparent;
  background-image: url("images/standard.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
ul.pagestyle_inline li a.pagestyle_standard,
ul.pagestyle_inline li a.pagestyle_standard:visited {
  background-position: 0px 0px; /* NOTE icon specific */
}

/* pagestyle hover  */
a.pagestyle_black_white:hover,
a.pagestyle_white_black:hover,
a.pagestyle_yellow_blue:hover,
a.pagestyle_standard:hover {
  background-position: 0 -100px;
  background-repeat: no-repeat; /* fix for Opera */
}
/* pagestyle black white hover inline */
ul.pagestyle_inline li a.pagestyle_black_white:hover {
  background-position: 0px -100px; /* NOTE icon specific */
}
/* pagestyle white black hover inline */
ul.pagestyle_inline li a.pagestyle_white_black:hover {
  background-position: 0px -100px; /* NOTE icon specific */
}
/* pagestyle normal hover inline */
ul.pagestyle_inline li a.pagestyle_yellow_blue:hover {
  background-position: 0px -100px; /* NOTE icon specific */
}
/* pagestyle standard hover inline */
ul.pagestyle_inline li a.pagestyle_standard:hover {
  background-position: 0px -100px; /* NOTE icon specific */
}

/* pagestyle focus/active */
a.pagestyle_black_white:focus,
a.pagestyle_white_black:focus,
a.pagestyle_yellow_blue:focus,
a.pagestyle_standard:focus,
a.pagestyle_black_white:active,
a.pagestyle_white_black:active,
a.pagestyle_yellow_blue:active,
a.pagestyle_standard:active {
  background-position: 0 -200px;
  background-repeat: no-repeat; /* fix for Opera */
}
/* pagestyle white black focus/active inline */
ul.pagestyle_inline li a.pagestyle_black_white:focus,
ul.pagestyle_inline li a.pagestyle_black_white:active  {
  background-position: 0px -200px; /* NOTE icon specific */
}
/* pagestyle white black focus/active inline */
ul.pagestyle_inline li a.pagestyle_white_black:focus,
ul.pagestyle_inline li a.pagestyle_white_black:active  {
  background-position: 0px -200px; /* NOTE icon specific */
}
/* pagestyle normal focus/active inline */
ul.pagestyle_inline li a.pagestyle_yellow_blue:focus,
ul.pagestyle_inline li a.pagestyle_yellow_blue:active  {
  background-position: 0px -200px; /* NOTE icon specific */
}
/* pagestyle normal focus/active inline */
ul.pagestyle_inline li a.pagestyle_standard:focus,
ul.pagestyle_inline li a.pagestyle_standard:active  {
  background-position: 0px -200px; /* NOTE icon specific */
}

/* current */
p.pagestyle_current_list,
p.pagestyle_current_inline {
  display: block;
  float: left;
  clear: right;
}

p.pagestyle_current_list {
  width: 100%;
}
p.pagestyle_current_inline {
  width: auto;
  margin: 0px 0.2em 0 0;  /* NOTE icon specific */
}
/* reset */
p.text_display {
  margin: 0;
}

abbr.pagestyle,
span.pagestyle_current_help,
p.current_text_display_hidden span#pagestyle_current {
  cursor: help;
}

/**
 * Hacks
 * Images not for IE 4 - 5.5 and NN 4.
 */
head:first-child+body a.pagestyle_black_white,
head:first-child+body a.pagestyle_black_white:visited {
  background-image: url("images/black_white.png") !important; /* !important for page style module */
}
head:first-child+body a.pagestyle_white_black,
head:first-child+body a.pagestyle_white_black:visited {
  background-image: url("images/white_black.png") !important; /* !important for page style module */
}
head:first-child+body a.pagestyle_yellow_blue,
head:first-child+body a.pagestyle_yellow_blue:visited {
  background-image: url("images/yellow_blue.png") !important; /* !important for page style module */
}
head:first-child+body a.pagestyle_standard,
head:first-child+body a.pagestyle_standard:visited {
  background-image: url("images/standard.png") !important; /* !important for page style module */
}

head:first-child+body a.pagestyle_black_white:hover {
  background-image: url("images/black_white.png") !important; /* !important for page style module */
}
head:first-child+body a.pagestyle_white_black:hover {
  background-image: url("images/white_black.png") !important; /* !important for page style module */
}
head:first-child+body a.pagestyle_yellow_blue:hover {
  background-image: url("images/yellow_blue.png") !important; /* !important for page style module */
}
head:first-child+body a.pagestyle_standard:hover {
  background-image: url("images/standard.png") !important; /* !important for page style module */
}

/* pagestyle focus/active */
a.pagestyle_black_white:focus,
a.pagestyle_white_black:focus,
a.pagestyle_yellow_blue:focus,
a.pagestyle_standard:focus,
a.pagestyle_black_white:active,
a.pagestyle_white_black:active,
a.pagestyle_yellow_blue:active,
a.pagestyle_standard:active {
  background-position: 0 -200px;
  background-repeat: no-repeat; /* fix for Opera */
}
/* pagestyle black white focus/active inline */
ul.pagestyle_inline li a.pagestyle_black_white:focus,
ul.pagestyle_inline li a.pagestyle_black_white:active  {
  background-position: 0px -200px; /* NOTE icon specific */
}
/* pagestyle white black focus/active inline */
ul.pagestyle_inline li a.pagestyle_white_black:focus,
ul.pagestyle_inline li a.pagestyle_white_black:active  {
  background-position: 0px -200px; /* NOTE icon specific */
}
/* pagestyle yellow blue focus/active inline */
ul.pagestyle_inline li a.pagestyle_yellow_blue:focus,
ul.pagestyle_inline li a.pagestyle_yellow_blue:active  {
  background-position: 0px -200px; /* NOTE icon specific */
}
/* pagestyle standard focus/active inline */
ul.pagestyle_inline li a.pagestyle_standard:focus,
ul.pagestyle_inline li a.pagestyle_standard:active  {
  background-position: 0px -200px; /* NOTE icon specific */
}

/* admin and help */
.ps_ok {
  color: #008000;
}
span.pagestyle_black_white,
span.pagestyle_white_black,
span.pagestyle_yellow_blue,
span.pagestyle_standard,
div#edit-pagestyle-black-white-wrapper label,
div#edit-pagestyle-white-black-wrapper label,
div#edit-pagestyle-yellow-blue-wrapper label,
div#edit-pagestyle-standard-wrapper label,
div#edit-pagestyle-fontweight-black-white-wrapper label,
div#edit-pagestyle-fontweight-white-black-wrapper label,
div#edit-pagestyle-fontweight-yellow-blue-wrapper label,
div#edit-pagestyle-fontweight-standard-wrapper label {
  display: block;
  width: 18em;
  padding: 0em 0.5em 0em 0em;
  border: 1px solid black;
  margin: 0em 0em 0.2em 0em;
}
div#edit-pagestyle-fontweight-black-white-wrapper label,
div#edit-pagestyle-fontweight-white-black-wrapper label,
div#edit-pagestyle-fontweight-yellow-blue-wrapper label,
div#edit-pagestyle-fontweight-standard-wrapper label {
  padding: 0em 0.5em 0em 0.5em;
}
div#edit-pagestyle-display-normal-wrapper label input {
  margin: 0em 3.5em 0em 0.3em; /* NOTE icon specific */
}
div#edit-pagestyle-display-normal-wrapper label {
  background: transparent url("images/normal.gif") no-repeat 2.2em 0;
  display: block;
  height: 16px; /* NOTE icon specific */
}
.ps_download_button,
a.ps_download_button:link,
a.ps_download_button:visited {
  display: block;
  float: none;
  padding: 0.5em 1em;
  border: 1px solid #E09010;
  margin: 1em;
  text-decoration: underline;
  color: #E09010;
  background-color: #FFFFBF;
}
a.ps_download_button:hover {
  border: 1px solid #000000;
  color: #000000;
  background-color: #FFFFBF;
}
a.ps_download_button:focus,
a.ps_download_button:active {
  border: 1px dashed #FFFFFF;
  color: #FFFFFF;
  background-color: #00BF00;
}

/**
 * Erasable or editable code
 */
.ps_clear {
  clear: both;
}
/* display hidden. If your theme have a class for "display hidden" */
.display_hidden {
  position: absolute;
  left: -1000px;	
  top: -1000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  display: inline;
}
/* Drupal garland theme specific */
div#header-region div.block-pagestyle h2,
div#header-region div.block-pagestyle div h3,
div#header-region div div ul.pagestyle_list,
div#header-region div div ul.pagestyle_inline,
div#header-region div div ul.pagestyle_list li,
div#header-region div div ul.pagestyle_inline li,
div#header-region div div p.pagestyle_current_list,
div#header-region div div p.pagestyle_current_inline,
div#header-region div div form div div div#edit-pagestyle-select-wrapper label {
  display: block;
  margin: 0;
}
.ps_icon,
a.ps_black_white,
a.ps_white_black,
a.ps_yellow_blue,
a.ps_standard {
  line-height: 100%;
}
div#header-region div.block-pagestyle div h3.inline,
div#header-region div div form div div div#edit-pagestyle-select-wrapper label {
  margin: 0 0.5em 0 0;
}
div#header-region div div p.pagestyle_current_inline {
  margin-top: 0em;
}
div#header-region div div ul.pagestyle_inline li {
  margin: 0 0 0 0;
}
select#edit-pagestyle-select option {
  display: block; /* fix for Garland theme */
}

/**
 * The style for jQuery
 * Info: This "!important" values are stronger, because the place is after the values in the CSS head."
 */
span.pagestyle_black_white,
body.pagestyle_black_white,
body.pagestyle_black_white *,
div#edit-pagestyle-black-white-wrapper label,
div#edit-pagestyle-fontweight-black-white-wrapper label {
  color: #000 !important;
  background-color: #fff !important;
  background-image: none !important;
}
span.pagestyle_white_black,
body.pagestyle_white_black,
body.pagestyle_white_black *,
div#edit-pagestyle-white-black-wrapper label,
div#edit-pagestyle-fontweight-white-black-wrapper label {
  color: #fff !important;
  background-color: #000 !important;
  background-image: none !important;
}
span.pagestyle_yellow_blue,
body.pagestyle_yellow_blue,
body.pagestyle_yellow_blue *,
div#edit-pagestyle-yellow-blue-wrapper label,
div#edit-pagestyle-fontweight-yellow-blue-wrapper label {
  color: #ff0 !important;
  background-color: #00f !important;
  background-image: none !important;
}
span.pagestyle_standard,
div#edit-pagestyle-standard-wrapper label,
div#edit-pagestyle-fontweight-standard-wrapper label {
  color: blue !important;
  background-color: #D3D3D3 !important; /* LightGrey */
}

/* style not for old browsers (IE 6) */
select#edit-pagestyle-select option[value="black_white"],
select#edit-pagestyle-normal option[value="black_white"] {
  color: #000 !important;
  background-color: #fff !important;
  background-image: none !important;
}
select#edit-pagestyle-select option[value="white_black"],
select#edit-pagestyle-normal option[value="white_black"] {
  color: #fff !important;
  background-color: #000 !important;
  background-image: none !important;
}
select#edit-pagestyle-select option[value="yellow_blue"],
select#edit-pagestyle-normal option[value="yellow_blue"] {
  color: #ff0 !important;
  background-color: #00f !important;
  background-image: none !important;
}
select#edit-pagestyle-select option[value="standard"],
select#edit-pagestyle-normal option[value="standard"] {
  color: blue !important;
  background-color: #D3D3D3 !important; /* LightGrey */
}

div#edit-pagestyle-fontweight-black-white-wrapper,
div#edit-pagestyle-fontweight-white-black-wrapper,
div#edit-pagestyle-fontweight-yellow-blue-wrapper,
div#edit-pagestyle-fontweight-standard-wrapper {
  float: left;
  width: 100%;
}
div#edit-pagestyle-fontweight-black-white-wrapper label,
div#edit-pagestyle-fontweight-white-black-wrapper label,
div#edit-pagestyle-fontweight-yellow-blue-wrapper label,
div#edit-pagestyle-fontweight-standard-wrapper label,
div#edit-pagestyle-fontweight-black-white-wrapper select,
div#edit-pagestyle-fontweight-white-black-wrapper select,
div#edit-pagestyle-fontweight-yellow-blue-wrapper select,
div#edit-pagestyle-fontweight-standard-wrapper select {
  float: left;
  margin-right: 1em;
}
div#edit-pagestyle-fontweight-black-white-wrapper div.description,
div#edit-pagestyle-fontweight-white-black-wrapper div.description,
div#edit-pagestyle-fontweight-yellow-blue-wrapper div.description,
div#edit-pagestyle-fontweight-standard-wrapper div.description {
  float: left;
  clear: left;
}

/* Drupal 5 specific */
/* messages */
.ps_warning {
  color: #E09010;
}

File

pagestyle.css
View source 
  1. 

  2. /* subtitle */

  3. div.block-pagestyle div h3.list {

  4.   display: block;

  5.   float: none;

  6.   margin: 0;

  7. }

  8. div.block-pagestyle div h3.inline {

  9.   display: inline;

  10.   float: left;

  11.   margin: 0;

  12.   padding: 0 0.5em 0.25em 0em;

  13. }

  14. 

  15. div.pagestyle_list div#edit-pagestyle-select-wrapper,

  16. div.pagestyle_list div#edit-pagestyle-select-wrapper label {

  17.   display: block;

  18.   float: none;

  19.   width: auto;

  20. }

  21. div.pagestyle_inline div#edit-pagestyle-select-wrapper,

  22. div.pagestyle_inline div#edit-pagestyle-select-wrapper label {

  23.   display: block;

  24.   float: left;

  25.   width: auto;

  26. }

  27. div.pagestyle_list div#edit-pagestyle-select-wrapper,

  28. div.pagestyle_inline div#edit-pagestyle-select-wrapper {

  29.   margin: 0;

  30. }

  31. div.pagestyle_list div#edit-pagestyle-select-wrapper label {

  32.   margin: 0 0 0.5em 0;

  33. }

  34. div.pagestyle_inline div#edit-pagestyle-select-wrapper label {

  35.   margin: 0 0.5em 0 0;

  36. }

  37. div.pagestyle_list select#edit-pagestyle-select {

  38.   margin: 0 0.5em 0.5em 0;

  39. }

  40. div.pagestyle_inline select#edit-pagestyle-select {

  41.   margin: 0 0.5em 0 0;

  42. }

  43. div.pagestyle_current_inline div#edit-pagestyle-select-wrapper select {

  44.   float: left;

  45. }

  46. 

  47. /* list */

  48. .block ul.pagestyle_inline {

  49.   padding: 0;

  50.   margin: 0.2em 0 0.5em 0;

  51. }

  52. ul.pagestyle_inline {

  53.   display: block;

  54.   float: left;

  55. }

  56. ul.pagestyle_current_list {

  57.   clear: right;

  58. }

  59. ul.pagestyle_current_inline {

  60.   width: auto;

  61. }

  62. ul.pagestyle_list li {

  63.   list-style-type: none;

  64.   list-style-image: none !important; /* fix for zen theme */

  65.   background: transparent;

  66.   padding: 0;

  67.   margin: 0 0 0.2em 0;

  68. }

  69. ul.pagestyle_inline li {

  70.   display: block;

  71.   float: left;

  72.   list-style-type: none;

  73.   list-style-image: none !important; /* fix for zen theme */

  74.   background: transparent;

  75.   padding: 0;

  76.   margin: 0;

  77. }

  78. 

  79. /* p */

  80. .block-pagestyle p {

  81.   margin: 0;

  82.   padding: 0;

  83. }

  84. 

  85. /* images */

  86. .ps_float_right {

  87.   float: right;

  88. }

  89. 

  90. /* icon */

  91. .ps_icon,

  92. a.ps_black_white,

  93. a.ps_white_black,

  94. a.ps_yellow_blue,

  95. a.ps_standard {

  96.   display: block;

  97. }

  98. .ps_icon {

  99.   float: none;

  100.   padding: 0 0 0 22px; /* NOTE icon specific (16 + 6 = 22px) */

  101. }

  102. ul.pagestyle_inline li a.ps_icon,

  103. ul.pagestyle_inline li a.ps_rollover {

  104.   float: left;

  105. }

  106. 

  107. /* a */

  108. a.pagestyle_black_white,

  109. a.ps_black_white {

  110.   width: 16px; /* NOTE icon specific */

  111.   height: 16px; /* NOTE icon specific */

  112. }

  113. a.pagestyle_white_black,

  114. a.ps_white_black {

  115.   width: 16px; /* NOTE icon specific */

  116.   height: 16px; /* NOTE icon specific */

  117. }

  118. a.pagestyle_yellow_blue,

  119. a.ps_yellow_blue {

  120.   width: 16px; /* NOTE icon specific */

  121.   height: 16px; /* NOTE icon specific */

  122. }

  123. a.pagestyle_standard,

  124. a.ps_standard {

  125.   width: 16px; /* NOTE icon specific */

  126.   height: 16px; /* NOTE icon specific */

  127. }

  128. 

  129. /* a inline */

  130. ul.pagestyle_list a.pagestyle_black_white,

  131. ul.pagestyle_list a.ps_black_white {

  132.   margin: 0 0 3px 0;

  133. }

  134. ul.pagestyle_list a.pagestyle_white_black,

  135. ul.pagestyle_list a.ps_white_black {

  136.   margin: 0 0 3px 0;

  137. }

  138. ul.pagestyle_list a.pagestyle_yellow_blue,

  139. ul.pagestyle_list a.ps_yellow_blue {

  140.   margin: 0 0 3px 0;

  141. }

  142. ul.pagestyle_list a.pagestyle_standard,

  143. ul.pagestyle_list a.ps_standard {

  144.   margin: 0 0 3px 0;

  145. }

  146. 

  147. /* a inline */

  148. ul.pagestyle_inline a.pagestyle_black_white,

  149. ul.pagestyle_inline a.ps_black_white {

  150.   margin: 0 3px 0 0; /* NOTE icon specific */

  151.   padding: 0 0 0 22px; /* NOTE icon specific (16 + 6 = 22px) */

  152. }

  153. ul.pagestyle_inline a.pagestyle_white_black,

  154. ul.pagestyle_inline a.ps_white_black {

  155.   margin: 0px 3px 0 0; /* NOTE icon specific */

  156.   padding: 0 0 0 22px; /* NOTE icon specific (16 + 6 = 22px) */

  157. }

  158. ul.pagestyle_inline a.pagestyle_yellow_blue,

  159. ul.pagestyle_inline a.ps_yellow_blue {

  160.   margin: 0px 3px 0 0; /* NOTE icon specific */

  161.   padding: 0 0 0 22px; /* NOTE icon specific (16 + 6 = 22px) */

  162. }

  163. ul.pagestyle_inline a.pagestyle_standard,

  164. ul.pagestyle_inline a.ps_standard {

  165.   margin: 0px 3px 0 0; /* NOTE icon specific */

  166.   padding: 0 0 0 22px; /* NOTE icon specific (16 + 6 = 22px) */

  167. }

  168. 

  169. /* reset */

  170. ul.pagestyle_list li a.text_display,

  171. ul.pagestyle_inline li a.text_display {

  172.   width: auto;

  173.   min-height: 16px; /* NOTE icon specific */

  174.   height: 1em; /* NOTE icon specific (16px = 1em) */

  175.   margin: 0 12px 0 0;

  176. }

  177. ul.pagestyle_list li a.text_display_hidden,

  178. ul.pagestyle_inline li a.text_display_hidden {

  179.   padding: 0;

  180. }

  181. 

  182. /* a span */

  183. ul.pagestyle_list li a span.display {

  184.   padding: 0px;

  185.   margin: 0px;

  186. }

  187. ul.pagestyle_list li a span.display_hidden {

  188.   padding: 0 3px 0.2em 0;

  189. }

  190. a.ps_icon.pagestyle_end {

  191.   cursor: crosshair;

  192. }

  193. 

  194. /* pagestyle black white link, visited  */

  195. a.pagestyle_black_white,

  196. a.pagestyle_black_white:visited  {

  197.   min-height: 16px; /* NOTE icon specific */

  198.   height: 1em; /* NOTE icon specific (16px = 1em) */

  199.   background-color: transparent;

  200.   background-image: url("images/black_white.gif");

  201.   background-repeat: no-repeat;

  202.   background-position: 0 0px;

  203. }

  204. ul.pagestyle_inline li a.pagestyle_black_white,

  205. ul.pagestyle_inline li a.pagestyle_black_white:visited {

  206.   background-position: 0px 0px; /* NOTE icon specific */

  207. }

  208. 

  209. /* pagestyle white black link, visited */

  210. a.pagestyle_white_black,

  211. a.pagestyle_white_black:visited {

  212.   min-height: 16px; /* NOTE icon specific */

  213.   height: 1em; /* NOTE icon specific (16px = 1em) */

  214.   background-color: transparent;

  215.   background-image: url("images/white_black.gif");

  216.   background-repeat: no-repeat;

  217.   background-position: 0px 0px;

  218. }

  219. ul.pagestyle_inline li a.pagestyle_white_black,

  220. ul.pagestyle_inline li a.pagestyle_white_black:visited {

  221.   background-position: 0px 0px; /* NOTE icon specific */

  222. }

  223. 

  224. /* pagestyle normal link, visited  */

  225. a.pagestyle_yellow_blue,

  226. a.pagestyle_yellow_blue:visited {

  227.   min-height: 16px; /* NOTE icon specific */

  228.   height: 1em; /* NOTE icon specific (16px = 1em) */

  229.   background-color: transparent;

  230.   background-image: url("images/yellow_blue.gif");

  231.   background-repeat: no-repeat;

  232.   background-position: 0px 0px;

  233. }

  234. ul.pagestyle_inline li a.pagestyle_yellow_blue,

  235. ul.pagestyle_inline li a.pagestyle_yellow_blue:visited {

  236.   background-position: 0px 0px; /* NOTE icon specific */

  237. }

  238. 

  239. /* pagestyle normal link, visited  */

  240. a.pagestyle_standard,

  241. a.pagestyle_standard:visited {

  242.   min-height: 16px; /* NOTE icon specific */

  243.   height: 1em; /* NOTE icon specific (16px = 1em) */

  244.   background-color: transparent;

  245.   background-image: url("images/standard.gif");

  246.   background-repeat: no-repeat;

  247.   background-position: 0px 0px;

  248. }

  249. ul.pagestyle_inline li a.pagestyle_standard,

  250. ul.pagestyle_inline li a.pagestyle_standard:visited {

  251.   background-position: 0px 0px; /* NOTE icon specific */

  252. }

  253. 

  254. /* pagestyle hover  */

  255. a.pagestyle_black_white:hover,

  256. a.pagestyle_white_black:hover,

  257. a.pagestyle_yellow_blue:hover,

  258. a.pagestyle_standard:hover {

  259.   background-position: 0 -100px;

  260.   background-repeat: no-repeat; /* fix for Opera */

  261. }

  262. /* pagestyle black white hover inline */

  263. ul.pagestyle_inline li a.pagestyle_black_white:hover {

  264.   background-position: 0px -100px; /* NOTE icon specific */

  265. }

  266. /* pagestyle white black hover inline */

  267. ul.pagestyle_inline li a.pagestyle_white_black:hover {

  268.   background-position: 0px -100px; /* NOTE icon specific */

  269. }

  270. /* pagestyle normal hover inline */

  271. ul.pagestyle_inline li a.pagestyle_yellow_blue:hover {

  272.   background-position: 0px -100px; /* NOTE icon specific */

  273. }

  274. /* pagestyle standard hover inline */

  275. ul.pagestyle_inline li a.pagestyle_standard:hover {

  276.   background-position: 0px -100px; /* NOTE icon specific */

  277. }

  278. 

  279. /* pagestyle focus/active */

  280. a.pagestyle_black_white:focus,

  281. a.pagestyle_white_black:focus,

  282. a.pagestyle_yellow_blue:focus,

  283. a.pagestyle_standard:focus,

  284. a.pagestyle_black_white:active,

  285. a.pagestyle_white_black:active,

  286. a.pagestyle_yellow_blue:active,

  287. a.pagestyle_standard:active {

  288.   background-position: 0 -200px;

  289.   background-repeat: no-repeat; /* fix for Opera */

  290. }

  291. /* pagestyle white black focus/active inline */

  292. ul.pagestyle_inline li a.pagestyle_black_white:focus,

  293. ul.pagestyle_inline li a.pagestyle_black_white:active  {

  294.   background-position: 0px -200px; /* NOTE icon specific */

  295. }

  296. /* pagestyle white black focus/active inline */

  297. ul.pagestyle_inline li a.pagestyle_white_black:focus,

  298. ul.pagestyle_inline li a.pagestyle_white_black:active  {

  299.   background-position: 0px -200px; /* NOTE icon specific */

  300. }

  301. /* pagestyle normal focus/active inline */

  302. ul.pagestyle_inline li a.pagestyle_yellow_blue:focus,

  303. ul.pagestyle_inline li a.pagestyle_yellow_blue:active  {

  304.   background-position: 0px -200px; /* NOTE icon specific */

  305. }

  306. /* pagestyle normal focus/active inline */

  307. ul.pagestyle_inline li a.pagestyle_standard:focus,

  308. ul.pagestyle_inline li a.pagestyle_standard:active  {

  309.   background-position: 0px -200px; /* NOTE icon specific */

  310. }

  311. 

  312. /* current */

  313. p.pagestyle_current_list,

  314. p.pagestyle_current_inline {

  315.   display: block;

  316.   float: left;

  317.   clear: right;

  318. }

  319. 

  320. p.pagestyle_current_list {

  321.   width: 100%;

  322. }

  323. p.pagestyle_current_inline {

  324.   width: auto;

  325.   margin: 0px 0.2em 0 0;  /* NOTE icon specific */

  326. }

  327. /* reset */

  328. p.text_display {

  329.   margin: 0;

  330. }

  331. 

  332. abbr.pagestyle,

  333. span.pagestyle_current_help,

  334. p.current_text_display_hidden span#pagestyle_current {

  335.   cursor: help;

  336. }

  337. 

  338. /**

  339.  * Hacks

  340.  * Images not for IE 4 - 5.5 and NN 4.

  341.  */

  342. head:first-child+body a.pagestyle_black_white,

  343. head:first-child+body a.pagestyle_black_white:visited {

  344.   background-image: url("images/black_white.png") !important; /* !important for page style module */

  345. }

  346. head:first-child+body a.pagestyle_white_black,

  347. head:first-child+body a.pagestyle_white_black:visited {

  348.   background-image: url("images/white_black.png") !important; /* !important for page style module */

  349. }

  350. head:first-child+body a.pagestyle_yellow_blue,

  351. head:first-child+body a.pagestyle_yellow_blue:visited {

  352.   background-image: url("images/yellow_blue.png") !important; /* !important for page style module */

  353. }

  354. head:first-child+body a.pagestyle_standard,

  355. head:first-child+body a.pagestyle_standard:visited {

  356.   background-image: url("images/standard.png") !important; /* !important for page style module */

  357. }

  358. 

  359. head:first-child+body a.pagestyle_black_white:hover {

  360.   background-image: url("images/black_white.png") !important; /* !important for page style module */

  361. }

  362. head:first-child+body a.pagestyle_white_black:hover {

  363.   background-image: url("images/white_black.png") !important; /* !important for page style module */

  364. }

  365. head:first-child+body a.pagestyle_yellow_blue:hover {

  366.   background-image: url("images/yellow_blue.png") !important; /* !important for page style module */

  367. }

  368. head:first-child+body a.pagestyle_standard:hover {

  369.   background-image: url("images/standard.png") !important; /* !important for page style module */

  370. }

  371. 

  372. /* pagestyle focus/active */

  373. a.pagestyle_black_white:focus,

  374. a.pagestyle_white_black:focus,

  375. a.pagestyle_yellow_blue:focus,

  376. a.pagestyle_standard:focus,

  377. a.pagestyle_black_white:active,

  378. a.pagestyle_white_black:active,

  379. a.pagestyle_yellow_blue:active,

  380. a.pagestyle_standard:active {

  381.   background-position: 0 -200px;

  382.   background-repeat: no-repeat; /* fix for Opera */

  383. }

  384. /* pagestyle black white focus/active inline */

  385. ul.pagestyle_inline li a.pagestyle_black_white:focus,

  386. ul.pagestyle_inline li a.pagestyle_black_white:active  {

  387.   background-position: 0px -200px; /* NOTE icon specific */

  388. }

  389. /* pagestyle white black focus/active inline */

  390. ul.pagestyle_inline li a.pagestyle_white_black:focus,

  391. ul.pagestyle_inline li a.pagestyle_white_black:active  {

  392.   background-position: 0px -200px; /* NOTE icon specific */

  393. }

  394. /* pagestyle yellow blue focus/active inline */

  395. ul.pagestyle_inline li a.pagestyle_yellow_blue:focus,

  396. ul.pagestyle_inline li a.pagestyle_yellow_blue:active  {

  397.   background-position: 0px -200px; /* NOTE icon specific */

  398. }

  399. /* pagestyle standard focus/active inline */

  400. ul.pagestyle_inline li a.pagestyle_standard:focus,

  401. ul.pagestyle_inline li a.pagestyle_standard:active  {

  402.   background-position: 0px -200px; /* NOTE icon specific */

  403. }

  404. 

  405. /* admin and help */

  406. .ps_ok {

  407.   color: #008000;

  408. }

  409. span.pagestyle_black_white,

  410. span.pagestyle_white_black,

  411. span.pagestyle_yellow_blue,

  412. span.pagestyle_standard,

  413. div#edit-pagestyle-black-white-wrapper label,

  414. div#edit-pagestyle-white-black-wrapper label,

  415. div#edit-pagestyle-yellow-blue-wrapper label,

  416. div#edit-pagestyle-standard-wrapper label,

  417. div#edit-pagestyle-fontweight-black-white-wrapper label,

  418. div#edit-pagestyle-fontweight-white-black-wrapper label,

  419. div#edit-pagestyle-fontweight-yellow-blue-wrapper label,

  420. div#edit-pagestyle-fontweight-standard-wrapper label {

  421.   display: block;

  422.   width: 18em;

  423.   padding: 0em 0.5em 0em 0em;

  424.   border: 1px solid black;

  425.   margin: 0em 0em 0.2em 0em;

  426. }

  427. div#edit-pagestyle-fontweight-black-white-wrapper label,

  428. div#edit-pagestyle-fontweight-white-black-wrapper label,

  429. div#edit-pagestyle-fontweight-yellow-blue-wrapper label,

  430. div#edit-pagestyle-fontweight-standard-wrapper label {

  431.   padding: 0em 0.5em 0em 0.5em;

  432. }

  433. div#edit-pagestyle-display-normal-wrapper label input {

  434.   margin: 0em 3.5em 0em 0.3em; /* NOTE icon specific */

  435. }

  436. div#edit-pagestyle-display-normal-wrapper label {

  437.   background: transparent url("images/normal.gif") no-repeat 2.2em 0;

  438.   display: block;

  439.   height: 16px; /* NOTE icon specific */

  440. }

  441. .ps_download_button,

  442. a.ps_download_button:link,

  443. a.ps_download_button:visited {

  444.   display: block;

  445.   float: none;

  446.   padding: 0.5em 1em;

  447.   border: 1px solid #E09010;

  448.   margin: 1em;

  449.   text-decoration: underline;

  450.   color: #E09010;

  451.   background-color: #FFFFBF;

  452. }

  453. a.ps_download_button:hover {

  454.   border: 1px solid #000000;

  455.   color: #000000;

  456.   background-color: #FFFFBF;

  457. }

  458. a.ps_download_button:focus,

  459. a.ps_download_button:active {

  460.   border: 1px dashed #FFFFFF;

  461.   color: #FFFFFF;

  462.   background-color: #00BF00;

  463. }

  464. 

  465. /**

  466.  * Erasable or editable code

  467.  */

  468. .ps_clear {

  469.   clear: both;

  470. }

  471. /* display hidden. If your theme have a class for "display hidden" */

  472. .display_hidden {

  473.   position: absolute;

  474.   left: -1000px;	

  475.   top: -1000px;

  476.   width: 1px;

  477.   height: 1px;

  478.   overflow: hidden;

  479.   display: inline;

  480. }

  481. /* Drupal garland theme specific */

  482. div#header-region div.block-pagestyle h2,

  483. div#header-region div.block-pagestyle div h3,

  484. div#header-region div div ul.pagestyle_list,

  485. div#header-region div div ul.pagestyle_inline,

  486. div#header-region div div ul.pagestyle_list li,

  487. div#header-region div div ul.pagestyle_inline li,

  488. div#header-region div div p.pagestyle_current_list,

  489. div#header-region div div p.pagestyle_current_inline,

  490. div#header-region div div form div div div#edit-pagestyle-select-wrapper label {

  491.   display: block;

  492.   margin: 0;

  493. }

  494. .ps_icon,

  495. a.ps_black_white,

  496. a.ps_white_black,

  497. a.ps_yellow_blue,

  498. a.ps_standard {

  499.   line-height: 100%;

  500. }

  501. div#header-region div.block-pagestyle div h3.inline,

  502. div#header-region div div form div div div#edit-pagestyle-select-wrapper label {

  503.   margin: 0 0.5em 0 0;

  504. }

  505. div#header-region div div p.pagestyle_current_inline {

  506.   margin-top: 0em;

  507. }

  508. div#header-region div div ul.pagestyle_inline li {

  509.   margin: 0 0 0 0;

  510. }

  511. select#edit-pagestyle-select option {

  512.   display: block; /* fix for Garland theme */

  513. }

  514. 

  515. /**

  516.  * The style for jQuery

  517.  * Info: This "!important" values are stronger, because the place is after the values in the CSS head."

  518.  */

  519. span.pagestyle_black_white,

  520. body.pagestyle_black_white,

  521. body.pagestyle_black_white *,

  522. div#edit-pagestyle-black-white-wrapper label,

  523. div#edit-pagestyle-fontweight-black-white-wrapper label {

  524.   color: #000 !important;

  525.   background-color: #fff !important;

  526.   background-image: none !important;

  527. }

  528. span.pagestyle_white_black,

  529. body.pagestyle_white_black,

  530. body.pagestyle_white_black *,

  531. div#edit-pagestyle-white-black-wrapper label,

  532. div#edit-pagestyle-fontweight-white-black-wrapper label {

  533.   color: #fff !important;

  534.   background-color: #000 !important;

  535.   background-image: none !important;

  536. }

  537. span.pagestyle_yellow_blue,

  538. body.pagestyle_yellow_blue,

  539. body.pagestyle_yellow_blue *,

  540. div#edit-pagestyle-yellow-blue-wrapper label,

  541. div#edit-pagestyle-fontweight-yellow-blue-wrapper label {

  542.   color: #ff0 !important;

  543.   background-color: #00f !important;

  544.   background-image: none !important;

  545. }

  546. span.pagestyle_standard,

  547. div#edit-pagestyle-standard-wrapper label,

  548. div#edit-pagestyle-fontweight-standard-wrapper label {

  549.   color: blue !important;

  550.   background-color: #D3D3D3 !important; /* LightGrey */

  551. }

  552. 

  553. /* style not for old browsers (IE 6) */

  554. select#edit-pagestyle-select option[value="black_white"],

  555. select#edit-pagestyle-normal option[value="black_white"] {

  556.   color: #000 !important;

  557.   background-color: #fff !important;

  558.   background-image: none !important;

  559. }

  560. select#edit-pagestyle-select option[value="white_black"],

  561. select#edit-pagestyle-normal option[value="white_black"] {

  562.   color: #fff !important;

  563.   background-color: #000 !important;

  564.   background-image: none !important;

  565. }

  566. select#edit-pagestyle-select option[value="yellow_blue"],

  567. select#edit-pagestyle-normal option[value="yellow_blue"] {

  568.   color: #ff0 !important;

  569.   background-color: #00f !important;

  570.   background-image: none !important;

  571. }

  572. select#edit-pagestyle-select option[value="standard"],

  573. select#edit-pagestyle-normal option[value="standard"] {

  574.   color: blue !important;

  575.   background-color: #D3D3D3 !important; /* LightGrey */

  576. }

  577. 

  578. div#edit-pagestyle-fontweight-black-white-wrapper,

  579. div#edit-pagestyle-fontweight-white-black-wrapper,

  580. div#edit-pagestyle-fontweight-yellow-blue-wrapper,

  581. div#edit-pagestyle-fontweight-standard-wrapper {

  582.   float: left;

  583.   width: 100%;

  584. }

  585. div#edit-pagestyle-fontweight-black-white-wrapper label,

  586. div#edit-pagestyle-fontweight-white-black-wrapper label,

  587. div#edit-pagestyle-fontweight-yellow-blue-wrapper label,

  588. div#edit-pagestyle-fontweight-standard-wrapper label,

  589. div#edit-pagestyle-fontweight-black-white-wrapper select,

  590. div#edit-pagestyle-fontweight-white-black-wrapper select,

  591. div#edit-pagestyle-fontweight-yellow-blue-wrapper select,

  592. div#edit-pagestyle-fontweight-standard-wrapper select {

  593.   float: left;

  594.   margin-right: 1em;

  595. }

  596. div#edit-pagestyle-fontweight-black-white-wrapper div.description,

  597. div#edit-pagestyle-fontweight-white-black-wrapper div.description,

  598. div#edit-pagestyle-fontweight-yellow-blue-wrapper div.description,

  599. div#edit-pagestyle-fontweight-standard-wrapper div.description {

  600.   float: left;

  601.   clear: left;

  602. }

  603. 

  604. /* Drupal 5 specific */

  605. /* messages */

  606. .ps_warning {

  607.   color: #E09010;

  608. }