Difference between revisions of "User:Stefanbidi/myskin.css"

From GNUstepWiki
Jump to navigation Jump to search
(playing with skins (first step for a decent looking wiki, taken from wikimedia.org))
 
(Previous skin didn't work! Still doesn't mean anything since I don't know how to use CSS.)
 
Line 1: Line 1:
−
body
+
body {
−
{
+
/*  background-color: #eeeeee;*/
−
  background-color: white;
+
  color: white;
 +
}
 +
#toolbar {
 +
  display: none;
 
}
 
}
  
−
#bodyContent
+
#contentSub {
−
{
+
   padding-left: 2em;
−
   margin-left: 2%;
 
 
}
 
}
  
−
#bodyContent > h2
+
div, p, li, td {
−
{
+
  font-size: 10pt;
−
   margin-left: -2%;
+
  font-family: serif;
 +
}
 +
pre, textarea, tt {
 +
   font-size: 10pt;
 
}
 
}
  
−
#bodyContent > h3
+
a {
−
{
+
   text-decoration: none;
−
   margin-left: -2%;
 
 
}
 
}
  
−
#siteSub
+
a:hover {
−
{
+
   text-decoration: underline;
−
   font-weight: normal;
 
−
  font-size: 1.0em;
 
−
  margin-left: -2.0em;
 
−
  font-size: 0.9em;
 
 
}
 
}
  
−
#content
+
#column-content {
−
{
+
  width: 100%;
−
   margin-top: 2.25em;
+
  float: right;
 +
   margin: 0 0 0.6em -12.2em;
 +
  padding:0;
 +
/*  background-color: #eeeeee;*/
 
}
 
}
  
−
table
+
#content {
−
{
+
    margin: 0em 0 0 12.2em;
−
   clear: both;
+
    padding: 0em 1em 1.5em 1em;
 +
    border-left: 1px solid #959595;
 +
    line-height: 1.5em;
 +
    position: relative;
 +
    z-index: 2;
 +
}
 +
#column-one {  
 +
   position: absolute;
 +
  top: 0px; left: 0px;
 
}
 
}
  
−
h1
+
#footer, #siteSub {
−
{
+
   display: none;
−
   font-size: 1.5em;
 
 
}
 
}
  
−
h2
+
#footer {
−
{
+
/*  background-color: #eeeeee;*/
−
  font-size: 1.3em;
 
 
}
 
}
  
−
h3, h4, h5, h6
+
body {
−
{
+
    margin: 0;
−
  font-size: 1.1em;
+
    padding: 0;
 
}
 
}
  
−
#p-search
+
#globalWrapper {
−
{
+
   width: 100%;
−
   position: fixed;
+
   height: 100%;
−
   top: 0; left: 0;
+
   margin: 0;
−
   z-index: 4;
+
   padding: 0;
−
   width: 50%;
+
/*  background-color: #eeeeee;*/
−
  padding: 0.2em;
 
 
}
 
}
 +
.visualClear { clear: both; }
  
−
#p-cactions h5, #p-search h5 { display: none; }
+
img {
 +
    border: none;
 +
    vertical-align: middle;
 +
}
 +
p {
 +
    margin: 0.4em 0em 0.5em 0em;
 +
    line-height: 1.5em;
 +
}
 +
p img { margin: 0; }
  
−
input[type="submit"]
+
h1, h2, h3, h4, h5, h6 {
−
{
+
    margin: 0;
−
  border: 1px outset #369;
+
    padding-top: 0.5em;
−
  background-color: #369;
+
    padding-bottom: 0.17em;
−
  color: white;
+
}
 +
fieldset {
 +
    margin: 1em 0em 1em 0em;
 +
    padding: 0em 1em 1em 1em;
 +
}
 +
.usermessage {
 +
    background-color: #ffce7b;
 +
    border: 1px solid #ffa500;
 +
    color: Black;
 +
    font-weight: bold;
 +
    margin: 2em 0em 1em 0em;
 +
    padding: 0.5em 1em;
 +
    vertical-align: middle;
 +
}
 +
.error {
 +
    color: red;
 +
    font-size: larger;
 
}
 
}
  
−
input[type="text"],
+
table.rimage {
−
textarea
+
    float:right;
−
{
+
    position:relative;
−
  border: 1px inset grey;
+
    margin-left:1em;
 +
    margin-bottom:1em;
 +
    text-align:center;
 
}
 
}
  
−
textarea
+
div.townBox {
−
{
+
    position:relative;
−
  padding-left: 0.1em;
+
    float:right;
 +
    margin-left:1em;
 +
    padding:0.3em;
 +
    width: 200px;
 +
    overflow: hidden;
 +
    clear: right;
 
}
 
}
−
 
+
div.townBox dl {
−
a:link,
+
    padding: 0;
−
a:visited,
+
    margin: 0 0 0.3em 0;
−
a:hover
+
}
−
{
+
div.townBox dl dt {
−
/*  font-weight: bold;*/
+
    background: none;
−
  text-decoration: underline;
+
    margin: 0.4em 0 0 0;
 +
}
 +
div.townBox dl dd {
 +
    margin: 0.1em 0 0 1.1em;
 +
}
 +
.portlet {
 +
    border: none;
 +
    float: none;
 +
    padding: 0;
 +
    width: 11.6em;
 +
    overflow: hidden;
 
}
 
}
−
 
+
.portlet h4 {
−
a:link
+
    font-weight: normal;
−
{
+
    white-space: nowrap;
−
  color: #369;
 
 
}
 
}
−
 
+
.portlet h5 {
−
a:visited
+
  padding: 0em 1em 0em 0.5em;
−
{
+
  display: inline;
−
   color: #636;
+
  height: 1em;
 +
  font-weight: normal;
 +
  white-space: nowrap;
 +
   font-size: 10pt;
 
}
 
}
−
 
+
.portlet h6 {
−
a.new:link,
+
    padding: 0em 1em 0em 1em;
−
a.new:visited
+
    display: block;
−
{
+
    height: 1.2em;
−
  color: #739900;
+
    font-weight: normal;
 +
    white-space: nowrap;
 
}
 
}
−
 
+
.pBody {
−
a:hover,
+
    border-collapse: collapse;
−
a.new:hover
+
    padding: 0 0.8em 0.3em 0.5em;
−
{
 
−
  color: #CC0000;
 
 
}
 
}
−
 
+
.portlet h1,  
−
h1, h2, h3
+
.portlet h2,  
−
{
+
.portlet h3,
 +
.portlet h4 {
 
   margin: 0;
 
   margin: 0;
 +
  padding: 0;
 +
  font-size: 10pt;
 
}
 
}
  
−
h1
+
#p-search .pBody {
−
{
+
    text-align: center;
−
  border-bottom: 1px solid #888888;
 
 
}
 
}
  
−
h2
+
#searchInput {
−
{
+
  width: 100%;
−
   border-bottom: 1px dotted #888888;
+
  clear: both;
 +
   margin: 0 0 0 0;
 
}
 
}
  
−
#jump-to-nav
+
input.searchButton {
−
{
+
    margin-top:1px;
−
  display: none;
+
    padding: 0 0.4em !important;
 +
    cursor: pointer;
 
}
 
}
  
−
#toc
+
#p-search .pBody {
−
{
+
    padding: 0.5em 0.4em 0.4em 0.4em;
−
  float: right;
 
−
  width: 30%;
 
−
  background-color: #eeeeee;
 
−
  padding: 0.5em;
 
−
  margin: 0.5em;
 
 
}
 
}
  
−
#catlinks
+
textarea {
−
{
+
   width: 100%;
−
   background-color: #eeeeee;
 
−
  padding: 0.1em 0.75em 0.1em 0.75em;
 
−
  margin: 1em 0 0.5em 0;
 
 
}
 
}
  
−
.portlet
+
#p-personal li, #p-personal ul,
−
{
+
#p-tb li, #p-tb ul,
−
   width: 32%;
+
#p-nav li, #p-nav ul,
−
   float: left;
+
#p-cactions li, #p-cactions ul {
 +
   padding-left: 0em;
 +
   margin-left: 0.5em;
 
}
 
}
  
−
.portlet h5
+
#p-cactions li, #p-cactions ul {
−
{
+
   margin-left: 0.7em;
−
   margin-top: 0.5em;
 
−
  margin-bottom: 0;
 
−
  border-bottom: 1px solid silver;
 
 
}
 
}
  
−
#footer
+
pre {
−
{
+
  margin: 2em;
−
   clear: both;
+
   border: solid 1px black;
 
}
 
}
  
−
.printfooter {
+
h1.firstHeading, h2 {
−
   border-top: 1px solid black;
+
   border-bottom: solid 1px black;
−
  padding-top: 1em;
+
}
−
  margin-top: 1em;
+
#bodyContent a[href ^="http://"],
 +
#bodyContent a[href ^="gopher://"] {
 +
    background: url("/style/monobook/external.png") center right no-repeat;
 +
    padding-right: 13px;
 +
}
 +
#bodyContent a[href ^="https://"],
 +
.link-https {
 +
    background: url("/style/monobook/lock_icon.gif") center right no-repeat;
 +
    padding-right: 16px;
 +
}
 +
#bodyContent a[href ^="mailto:"],
 +
.link-mailto {
 +
    background: url("/style/monobook/mail_icon.gif") center right no-repeat;
 +
    padding-right: 18px;
 +
}
 +
#bodyContent a[href ^="news://"] {
 +
    background: url("/style/monobook/news_icon.png") center right no-repeat;
 +
    padding-right: 18px;
 +
}
 +
#bodyContent a[href ^="ftp://"],
 +
.link-ftp {
 +
    background: url("/style/monobook/file_icon.gif") center right no-repeat;
 +
    padding-right: 18px;
 +
}
 +
#bodyContent a[href ^="irc://"],
 +
.link-irc {
 +
    background: url("/style/monobook/discussionitem_icon.gif")  center right no-repeat;
 +
    padding-right: 18px;
 +
}
 +
td.diff-addedline {
 +
    background: #4E6D6F;
 +
}
 +
td.diff-deletedline {
 +
    background: #283839;
 +
}
 +
td.diff-context {
 +
/*    background:#eeeeee;*/
 +
}
 +
span.diffchange { background-color: #A47591; }
 +
.autocomment { color:  grey; }
 +
#pagehistory span.user {
 +
    margin-left: 1.4em;
 +
    margin-right: 0.4em;
 +
}
 +
#pagehistory span.minor { font-weight: bold; }
 +
#pagehistory li.selected {
 +
    background-color:#f9f9f9;
 +
    border:1px dashed #aaaaaa;
 +
}
 +
span.urlexpansion {
 +
  display: none;
 
}
 
}
  
−
#p-cactions
+
div.tocindent {
−
{
+
   margin-left: 2em;
−
   position: fixed;
+
}
−
  top: 0; right: 0;
+
#toc {
−
  width: 100% !important;
+
/*  width: 100%;*/
−
   background-color: ButtonFace;
+
   text-align: left;
−
   padding: 0.5em;
+
   border-top: solid 1px black;
−
  padding-bottom: 3px;
+
   border-bottom: solid 1px black;
−
   border-bottom: 1px solid ButtonShadow;
+
/* clear: both;*/
−
  display: block;
 
−
  z-index: 3;
 
−
  font-size: smaller;
 
 
}
 
}
  
−
#p-cactions ul
+
div.floatright, table.floatright {
−
{
+
    clear: right;
−
  display: block;
+
    float: right;
−
  margin: 0;
+
    margin: 0;
−
  padding: 0;
+
    position: relative;
−
  text-align: right;
+
    border-width: 0.5em 0 0.8em 1.4em;
 +
}
 +
div.floatright p { font-style: italic; }
 +
div.floatleft, table.floatleft {
 +
    float: left;  
 +
    margin: 0.3em 0.5em 0.5em 0;
 +
    position: relative;
 +
    border-width: 0.5em 1.4em 0.8em 0;
 +
}
 +
div.floatleft p { font-style: italic; }
 +
/* thumbnails */
 +
div.thumb {
 +
    margin-bottom: 0.5em;
 +
    width: auto;
 +
}
 +
div.thumb div {
 +
    padding: 3px !important;
 +
    text-align: center;
 +
    overflow: hidden;
 
}
 
}
−
 
+
div.thumb div a img {
−
#p-cactions li
 
−
{
 
−
  display: inline;
 
 
}
 
}
−
 
+
div.thumb div div.thumbcaption {
−
#p-cactions li a
+
    border: none;
−
{
+
    text-align: left;
−
  display: inline;
+
    line-height: 1.4;
−
  padding: 0.1em 0.3em 3px 0.3em;
+
    padding: 0.3em 0 0.1em 0;
−
  border: 1px outset #eeeeee;
 
−
  border-bottom: 1px solid ButtonShadow;
 
−
  text-decoration: none;
 
−
  color: MenuText;
 
 
}
 
}
−
 
+
div.magnify {
−
#p-cactions li.selected a
+
    float: right;
−
{
+
    border: none !important;
−
  background-color: white;
+
    background: none !important;
−
  border-bottom: 1px solid white;
 
 
}
 
}
−
 
+
div.magnify a, div.magnify img {
−
#p-cactions li a:hover
+
    display: block;
−
{
+
    border: none !important;
−
  background-color: ButtonHighlight;
+
    background: none !important;
 
}
 
}
−
 
+
div.tright {
−
img
+
    clear: right;
−
{
+
    float: right;
−
  border: none;
+
    border-width: 0.5em 0 0.8em 1.4em;
 
}
 
}
−
 
+
div.tleft {
−
 
+
    float: left;
−
div.thumb
+
    margin-right:0.5em;
−
{
+
    border-width: 0.5em 1.4em 0.8em 0;
−
  border: 1px solid #dddddd;
 
−
  padding: 0.5em;
 
−
  background-color: white;
 
 
}
 
}
  
−
.tright
+
#p-cactions .new a { color:#ba0000; }
−
{
+
a.stub { color: #772233; }
−
  margin: 0.25em 0 0.5em 0.5em;
+
a.new,
−
  float: right;
+
#p-personal a.new { color:#ba0000; }
−
}
+
a.new:visited,
 +
#p-personal a.new:visited { color:#a55858; }
  
−
.tleft
+
p.catlinks {
−
{
+
  text-align: center;
−
   margin: 0.25em 0.5em 0.5em 0;
+
  width: 80%;
 +
  margin-left: auto;
 +
   margin-right: auto;
 +
  padding: 3px;
 
}
 
}
  
−
#f-poweredbyico,
+
#content {
−
#f-copyrightico
+
    background: #374D4E;
−
{
 
−
  display: none;
 
 
}
 
}
  
−
pre
+
.ns-0 * #content {
−
{
+
    background: #374D4E;
−
  background-color: #f7f7f7;
 
−
  padding: 0.2em;
 
−
  border: 1px solid #eeeeee;
 
 
}
 
}
  
−
td.diff-otitle { background:#cccccc; }
+
#mytabs li {
−
td.diff-ntitle { background:#cccccc; }
+
    background: #374D4E;
−
 
 
−
td.diff-addedline
 
−
{
 
−
  background:#ccffcc;
 
 
}
 
}
  
−
td.diff-deletedline
+
.ns-0 * #mytabs li {
−
{
+
    background: #374D4E;
−
  background:#ffffaa;
 
 
}
 
}
  
−
td.diff-context
+
#mytabs li a {
−
{
+
    background-color: #374D4E;
−
  background:#eeeeee;
 
−
  font-size: 0.9em;
 
 
}
 
}
  
−
span.diffchange
+
.ns-0 * #mytabs li a {
−
{
+
    background-color: #374D4E;
−
  color: red;
 
−
  font-weight: bold;
 
 
}
 
}
  
−
#p-lang
+
#p-cactions li {
−
{
+
    background: #374D4E;
−
  width: auto;
 
−
  clear: both;
 
 
}
 
}
  
−
#p-lang ul
+
.ns-0 * #p-cactions li {
−
{
+
    background: #374D4E;
−
  padding-left: 0;
 
 
}
 
}
  
−
#p-lang li
+
#p-cactions li a {
−
{
+
    background-color: #374D4E;
−
  list-item-style: none;
 
−
  display: inline;
 
 
}
 
}
  
−
#footer
+
.ns-0 * #p-cactions li a {
−
{
+
    background-color: #374D4E;
−
  font-size: 0.9em;
 
 
}
 
}

Latest revision as of 22:17, 20 September 2006

body {
/*  background-color: #eeeeee;*/
  color: white;
}
#toolbar {
  display: none;
}

#contentSub {
  padding-left: 2em;
}

div, p, li, td {
  font-size: 10pt;
  font-family: serif;
}
pre, textarea, tt {
  font-size: 10pt;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#column-content {
  width: 100%;
  float: right;
  margin: 0 0 0.6em -12.2em;
  padding:0;
/*  background-color: #eeeeee;*/
}

#content {
    margin: 0em 0 0 12.2em;
    padding: 0em 1em 1.5em 1em;
    border-left: 1px solid #959595;
    line-height: 1.5em;
    position: relative;
    z-index: 2;
}
#column-one { 
  position: absolute;
  top: 0px; left: 0px;
}

#footer, #siteSub {
  display: none;
}

#footer {
/*  background-color: #eeeeee;*/
}

body {
    margin: 0;
    padding: 0;
}

#globalWrapper {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
/*  background-color: #eeeeee;*/
}
.visualClear { clear: both; }

img {
    border: none;
    vertical-align: middle;
}
p {
    margin: 0.4em 0em 0.5em 0em;
    line-height: 1.5em;
}
p img { margin: 0; }

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.17em;
}
fieldset {
    margin: 1em 0em 1em 0em;
    padding: 0em 1em 1em 1em;
}
.usermessage {
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    color: Black;
    font-weight: bold;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 1em;
    vertical-align: middle;
}
.error {
    color: red;
    font-size: larger;
}

table.rimage {
    float:right; 
    position:relative;
    margin-left:1em; 
    margin-bottom:1em;
    text-align:center;
}

div.townBox {
    position:relative;
    float:right;
    margin-left:1em;
    padding:0.3em;
    width: 200px;
    overflow: hidden;
    clear: right;
}
div.townBox dl {
    padding: 0;
    margin: 0 0 0.3em 0; 
}
div.townBox dl dt {
    background: none;
    margin: 0.4em 0 0 0;
}
div.townBox dl dd {
    margin: 0.1em 0 0 1.1em;
}
.portlet {
    border: none;
    float: none;
    padding: 0;
    width: 11.6em;
    overflow: hidden;
}
.portlet h4 {
    font-weight: normal;
    white-space: nowrap;
}
.portlet h5 { 
  padding: 0em 1em 0em 0.5em;
  display: inline;
  height: 1em;
  font-weight: normal;
  white-space: nowrap;
  font-size: 10pt;
}
.portlet h6 { 
    padding: 0em 1em 0em 1em;
    display: block;
    height: 1.2em;
    font-weight: normal;
    white-space: nowrap;
}
.pBody {
    border-collapse: collapse;
    padding: 0 0.8em 0.3em 0.5em;
}
.portlet h1, 
.portlet h2, 
.portlet h3, 
.portlet h4 {
  margin: 0;
  padding: 0;
  font-size: 10pt;
}

#p-search .pBody {
    text-align: center;
}

#searchInput {
  width: 100%;
  clear: both;
  margin: 0 0 0 0;
}

input.searchButton {
    margin-top:1px;
    padding: 0 0.4em !important;
    cursor: pointer;
}

#p-search .pBody {
    padding: 0.5em 0.4em 0.4em 0.4em;
}

textarea {
  width: 100%;
}

#p-personal li, #p-personal ul,
#p-tb li, #p-tb ul,
#p-nav li, #p-nav ul,
#p-cactions li, #p-cactions ul {
  padding-left: 0em;
  margin-left: 0.5em;
}

#p-cactions li, #p-cactions ul {
  margin-left: 0.7em;
}

pre {
  margin: 2em;
  border: solid 1px black;
}

h1.firstHeading, h2 {
  border-bottom: solid 1px black;
}
#bodyContent a[href ^="http://"],
#bodyContent a[href ^="gopher://"] {
    background: url("/style/monobook/external.png") center right no-repeat;
    padding-right: 13px;
}
#bodyContent a[href ^="https://"],
.link-https {
    background: url("/style/monobook/lock_icon.gif") center right no-repeat;
    padding-right: 16px;
}
#bodyContent a[href ^="mailto:"],
.link-mailto {
    background: url("/style/monobook/mail_icon.gif") center right no-repeat;
    padding-right: 18px;
}
#bodyContent a[href ^="news://"] {
    background: url("/style/monobook/news_icon.png") center right no-repeat;
    padding-right: 18px;
}
#bodyContent a[href ^="ftp://"],
.link-ftp {
    background: url("/style/monobook/file_icon.gif") center right no-repeat;
    padding-right: 18px;
}
#bodyContent a[href ^="irc://"],
.link-irc {
    background: url("/style/monobook/discussionitem_icon.gif")  center right no-repeat;
    padding-right: 18px;
}
td.diff-addedline { 
    background: #4E6D6F;
}
td.diff-deletedline { 
    background: #283839;
}
td.diff-context {
/*    background:#eeeeee;*/
}
span.diffchange { background-color: #A47591; }
.autocomment { color:  grey; }
#pagehistory span.user { 
    margin-left: 1.4em;
    margin-right: 0.4em;
}
#pagehistory span.minor { font-weight: bold; }
#pagehistory li.selected { 
    background-color:#f9f9f9;
    border:1px dashed #aaaaaa;
}
span.urlexpansion {
  display: none;
}

div.tocindent {
  margin-left: 2em;
}
#toc {
/*  width: 100%;*/
  text-align: left;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
 /* clear: both;*/
}

div.floatright, table.floatright {
    clear: right;
    float: right; 
    margin: 0;
    position: relative;
    border-width: 0.5em 0 0.8em 1.4em;
}
div.floatright p { font-style: italic; } 
div.floatleft, table.floatleft {
    float: left; 
    margin: 0.3em 0.5em 0.5em 0;
    position: relative;
    border-width: 0.5em 1.4em 0.8em 0;
}
div.floatleft p { font-style: italic; } 
/* thumbnails */
div.thumb {
    margin-bottom: 0.5em;
    width: auto;
}
div.thumb div {
    padding: 3px !important;
    text-align: center;
    overflow: hidden;
}
div.thumb div a img {
}
div.thumb div div.thumbcaption {
    border: none;
    text-align: left;
    line-height: 1.4;
    padding: 0.3em 0 0.1em 0;
}
div.magnify {
    float: right;
    border: none !important;
    background: none !important;
}
div.magnify a, div.magnify img {
    display: block;
    border: none !important;
    background: none !important;
}
div.tright {
    clear: right;
    float: right;
    border-width: 0.5em 0 0.8em 1.4em;
}
div.tleft {
    float: left;
    margin-right:0.5em;
    border-width: 0.5em 1.4em 0.8em 0;
}

#p-cactions .new a { color:#ba0000; }
a.stub { color: #772233; }
a.new,
#p-personal a.new { color:#ba0000; }
a.new:visited,
#p-personal a.new:visited { color:#a55858; }

p.catlinks {
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 3px;
}

#content {
    background: #374D4E;
}

.ns-0 * #content {
    background: #374D4E;
}

#mytabs li {
    background: #374D4E;
}

.ns-0 * #mytabs li {
    background: #374D4E;
}

#mytabs li a {
    background-color: #374D4E;
}

.ns-0 * #mytabs li a {
    background-color: #374D4E;
}

#p-cactions li {
    background: #374D4E;
}

.ns-0 * #p-cactions li {
    background: #374D4E;
}

#p-cactions li a {
    background-color: #374D4E;
}

.ns-0 * #p-cactions li a {
    background-color: #374D4E;
}
Retrieved from "https://mediawiki.gnustep.org/index.php?title=User:Stefanbidi/myskin.css&oldid=3586"