local.css

/* ikiwiki local style sheet

   Copyright © 2007, 2008, 2009, 2010 Free Software Foundation, Inc.

   Permission is granted to copy, distribute and/or modify this document under
   the terms of the GNU Free Documentation License, Version 1.2 or any later
   version published by the Free Software Foundation; with no Invariant
   Sections, no Front-Cover Texts, and no Back-Cover Texts.  A copy of the
   license is included in the section entitled ``GNU Free Documentation
   License''.  */

/*
 * Someone else please work on this stuff -- someone who knows to make it
 * actually look good...  Some examples are available at
 * <http://ikiwiki.info/css_market/>.  --tschwinge
 */

/* TODO.  I'm incapable, but have ideas, so...

   (1) On web-edit pages like
   <http://www.bddebian.com/cgi-bin/wiki-ikiwiki.cgi?page=index&do=edit> I'd
   like to have the whole page fit into the web browser frame, so that no
   scrollbars show up in the browser and all of header, text editing box,
   copyright assignment notice, buttons and footer are visible at once, without
   having to scroll.  This means that the text editing box should be resized in
   height as needed (within limits, of course).  --tschwinge
*/


body
{
  font-family: "Bitstream Vera Sans", sans-serif;
  padding: 0.5em;
}

p
{
  clear: left;
}

hr
{
  height: 1px;
  border-style: none;
  background-color: black;
  margin-left: 0;
}

pre
{
  margin-left: 3em;
  font-weight: bold;
  padding: 0.5em;
}

a
{
  text-decoration: none;
}
a:hover
{
  border-bottom: 1px dotted blue;
}

/* Put these elements side by side.  */
.pagedate,
.pagecopyright,
.pagelicense
{
  display: table-cell;
  padding: 0.15em;
}
.pagecopyright p,
.pagelicense p
{
  display: inline;
}
/* But add some spacing between them.  */
.pagedate + .pagecopyright,
.pagedate + .pagelicense,
.pagecopyright + .pagelicense,
.pagecopyright + .pagedate,
.pagelicense + .pagedate
{
  padding-left: 1em;
}

.header
{
  padding: 0.5em;
  background-color: #f0f0f0;
}

.pageheader .actions
{
  background-color: #e7e7e7;
  padding: 0em 0.5em 0.3em 0.5em;
  border-top: 1px solid #999999;
}

.pageheader .actions .global
{
  max-width: 50%;
  float: left;
  margin-right: 3em;
}

.pageheader .actions .per_page ul:before
{
  font-style: oblique;
  content: "This page:";
}

.pageheader .actions ul
{
  border: none;
  padding-top: 0.7em;
}

.pageheader .actions li
{
  padding: 0.7em 0.7em 0.4em 0.7em;
  border: 1px solid #e7e7e7;
  border-top: 1px solid #999999;
}
.pageheader .actions li:hover
{
  background-color: #f0f0f0;
  border: 1px solid #999999;
  border-top: 1px solid #f0f0f0;
  -moz-border-radius-bottomleft: 0.8em;
  -moz-border-radius-bottomright: 0.8em;
}

#content
{
  padding: 0.5em;
}

.sidebar
{
  background-color: #f0f0f0;
}

.pagedate,
.pagecopyright,
.pagelicense
{
  background-color: #f0f0f0;
  font-size: small;
}

/* Used in `.templates/editpage.tmpl'.  */
.copyright_assignment_notice
{
  background-color: #f0f0f0;
  font-size: small;
}


/* Placement.  */
.sidebar
{
  margin-left: 20px;
}

/* Less indentation for list items.  */
.sidebar ul
{
  padding-left: 2ex;
}
.sidebar ul ul
{
  padding-left: 2.5ex;
}
/* Make the logo appear centered */
.sidebar img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* News items on the front page.  */
#feedlink,
.newsitem
{
  margin-bottom: 0.2em;
}  

.newsitem
{
  border: 1px solid grey;
  overflow: auto;
}
.newsitem .newsitemheader .header
{
  max-width: 30%;
  float: left;
  margin-right: 1em;
  border-bottom: 1px solid grey;
  border-right: 1px solid grey;
}
.newsitem .header,
.newsitem .author
{
  font-size: small;
  font-style: italic;
}
.newsitem .actions
{
  font-size: small;
}
.newsitem .actions ul
{
  border-bottom-style: none;
  padding: 0.5em 0em;
  line-height: 1;
}
.newsitemcontent
{
  padding-left: 0.2em;
  padding-top: 0.1em;

}
.newsitemcontent p
{
  margin: 0.3em;
}


.table_style_1
{
  text-align: left;
  font-size: small;

  border-width: thin;
  border-style: solid;
  border-collapse: collapse;
  empty-cells: show;
}

.table_style_1 th
{
  vertical-align: top;

  border-width: thin;
  border-style: solid;
}

.table_style_1 td
{
  vertical-align: top;

  border-width: thin;
  border-style: dotted;
}

#statements 
{
  display: table;
}
.statement-title
{
  text-align: center; 
  font-weight: bold;
}
#what-is 
{
  display: table-cell;
  width: 50%;
  vertical-align: top;
  text-align: justify;
  padding-right: 1ex;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

#mission 
{
  display: table-cell;
  vertical-align: top;
  text-align: justify; 
  padding-left: 1em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}