Difference between revisions of "MediaWiki:Common.css"

From ICA-AtoM
Jump to navigation Jump to search
(Created page with "→‎CSS placed here will be applied to all skins: #mw-user-domain-section { display: none !important; } #p-logo { display: none; } div#mw-panel { top: 96px; } ...")
 
 
(5 intermediate revisions 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 */
  
#mw-user-domain-section {
+
/* Scaffolding */
 
 
  display: none !important;
 
 
 
}
 
  
 
#p-logo {
 
#p-logo {
 
 
   display: none;
 
   display: none;
 
 
}
 
}
  
 
div#mw-panel {
 
div#mw-panel {
 
 
   top: 96px;
 
   top: 96px;
 
 
}
 
}
  
 
div#mw-head {
 
div#mw-head {
 
 
   top: 50px;
 
   top: 50px;
 
 
}
 
}
  
 
#artefactual {
 
#artefactual {
 
 
   background: White;
 
   background: White;
 
   height: 50px;
 
   height: 50px;
 
   position: relative;
 
   position: relative;
 +
}
  
}
 
  
 
#artefactual #logo {
 
#artefactual #logo {
 
 
   position: absolute;
 
   position: absolute;
 
   top: 10px;
 
   top: 10px;
   left: 154px;
+
   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 {
 
#mainMenu {
 
 
   color: #999;
 
   color: #999;
 
   float: right;
 
   float: right;
Line 49: Line 98:
 
   margin: .5em;
 
   margin: .5em;
 
   text-transform: lowercase;
 
   text-transform: lowercase;
 
 
}
 
}
  
 
#mainMenu li {
 
#mainMenu li {
 
 
   margin: 0;
 
   margin: 0;
 
   padding: 0;
 
   padding: 0;
 
   padding-left: .4em;
 
   padding-left: .4em;
 
 
}
 
}
  
#mainMenu li + li
+
#mainMenu li + li {
{
 
 
   border-left: 1px solid;
 
   border-left: 1px solid;
 
}
 
}
  
#mainMenu .active
+
#mainMenu .active {
{
 
 
   color: #c00 !important;
 
   color: #c00 !important;
 
   text-decoration: underline;
 
   text-decoration: underline;
Line 72: Line 116:
  
 
#mainMenu :link,
 
#mainMenu :link,
#mainMenu :visited
+
#mainMenu :visited {
{
 
 
   color: inherit;
 
   color: inherit;
 
}
 
}
Line 80: Line 123:
 
#mainMenu :link:hover,
 
#mainMenu :link:hover,
 
#mainMenu :visited:focus,
 
#mainMenu :visited:focus,
#mainMenu :visited:hover
+
#mainMenu :visited:hover {
{
 
 
   background: #000;
 
   background: #000;
 
   color: #fff;
 
   color: #fff;
 
   text-decoration: none;
 
   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;
}