Difference between revisions of "MediaWiki:Common.css"

From ICA-AtoM
Jump to navigation Jump to search
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
 +
/* Scaffolding */
 +
 +
#p-logo {
 +
  display: none;
 +
}
 +
 +
div#mw-panel {
 +
  top: 96px;
 +
}
 +
 +
div#mw-head {
 +
  top: 50px;
 +
}
 +
 +
#artefactual {
 +
  background: White;
 +
  height: 50px;
 +
  position: relative;
 +
}
 +
 +
 +
#artefactual #logo {
 +
  position: absolute;
 +
  top: 10px;
 +
  left: 20px;
 +
}
 +
 +
/* Drupal system-menu.css */
 +
 +
ul.menu { 
 +
  list-style: none;
 +
  border: none;
 +
  text-align:left; /* LTR */
 +
}
 +
 +
ul.menu li {
 +
  margin: 0 0 0 0.5em; /* LTR */
 +
}
 +
 +
li.expanded {
 +
  list-style-type: circle;
 +
  list-style-image: url(../../misc/menu-expanded.png);
 +
  padding: 0.2em 0.5em 0 0; /* LTR */
 +
  margin: 0;
 +
}
 +
 +
li.collapsed {
 +
  list-style-type: disc;
 +
  list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
 +
  padding: 0.2em 0.5em 0 0; /* LTR */
 +
  margin: 0;
 +
}
 +
 +
li.leaf {
 +
  list-style-type: square;
 +
  list-style-image: url(../../misc/menu-leaf.png);
 +
  padding: 0.2em 0.5em 0 0; /* LTR */
 +
  margin: 0;
 +
}
 +
 +
li a.active {
 +
  color: #000;
 +
}
 +
 +
td.menu-disabled {
 +
  background: #ccc;
 +
}
 +
 +
ul.links {
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 +
ul.links.inline {
 +
  display: inline;
 +
}
 +
 +
ul.links li {
 +
  display: inline;
 +
  list-style-type: none;
 +
  padding: 0 0.5em;
 +
}
 +
 +
.block ul {
 +
  margin: 0;
 +
  padding: 0 0 0.25em 1em; /* LTR */
 +
}
 +
 +
/* ICA-AtoM menu */
 +
 +
#mainMenu {
 +
  color: #999;
 +
  float: right;
 +
  font-size: 11px;
 +
  font-family: verdana, lucida, sans-serif;
 +
  margin: .5em;
 +
  text-transform: lowercase;
 +
}
 +
 +
#mainMenu li {
 +
  margin: 0;
 +
  padding: 0;
 +
  padding-left: .4em;
 +
}
 +
 +
#mainMenu li + li {
 +
  border-left: 1px solid;
 +
}
 +
 +
#mainMenu .active {
 +
  color: #c00 !important;
 +
  text-decoration: underline;
 +
}
 +
 +
#mainMenu :link,
 +
#mainMenu :visited {
 +
  color: inherit;
 +
}
 +
 +
#mainMenu :link:focus,
 +
#mainMenu :link:hover,
 +
#mainMenu :visited:focus,
 +
#mainMenu :visited:hover {
 +
  background: #000;
 +
  color: #fff;
 +
  text-decoration: none;
 +
}

Latest revision as of 12:33, 30 August 2012

Please note that ICA-AtoM is no longer actively supported by Artefactual Systems.
Visit https://www.accesstomemory.org for information about AtoM, the currently supported version.

/* CSS placed here will be applied to all skins */

/* Scaffolding */

#p-logo {
  display: none;
}

div#mw-panel {
  top: 96px;
}

div#mw-head {
  top: 50px;
}

#artefactual {
  background: White;
  height: 50px;
  position: relative;
}


#artefactual #logo {
  position: absolute;
  top: 10px;
  left: 20px;
}

/* Drupal system-menu.css */

ul.menu {   
  list-style: none;
  border: none;
  text-align:left; /* LTR */
}

ul.menu li {
  margin: 0 0 0 0.5em; /* LTR */
}

li.expanded {
  list-style-type: circle;
  list-style-image: url(../../misc/menu-expanded.png);
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}

li.collapsed {
  list-style-type: disc;
  list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}

li.leaf {
  list-style-type: square;
  list-style-image: url(../../misc/menu-leaf.png);
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}

li a.active {
  color: #000;
}

td.menu-disabled {
  background: #ccc;
}

ul.links {
  margin: 0;
  padding: 0;
}

ul.links.inline {
  display: inline;
}

ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em; /* LTR */
}

/* ICA-AtoM menu */

#mainMenu {
  color: #999;
  float: right;
  font-size: 11px;
  font-family: verdana, lucida, sans-serif;
  margin: .5em;
  text-transform: lowercase;
}

#mainMenu li {
  margin: 0;
  padding: 0;
  padding-left: .4em;
}

#mainMenu li + li {
  border-left: 1px solid;
}

#mainMenu .active {
  color: #c00 !important;
  text-decoration: underline;
}

#mainMenu :link,
#mainMenu :visited {
  color: inherit;
}

#mainMenu :link:focus,
#mainMenu :link:hover,
#mainMenu :visited:focus,
#mainMenu :visited:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}