Header

From Picklewiki

(Difference between revisions)
Line 20: Line 20:
}
}
 +
/*
 +
** general portlet styles (elements in the quickbar)
 +
*/
 +
.portlet {
 +
    border: none;
 +
    margin: 0.5em 0.5em; 0.5em 0em;
 +
    float: none;
 +
    padding: 0;
 +
    width: 11.6em;
 +
    overflow: hidden;
 +
}
 +
.portlet h4 {
 +
    font-size: 95%;
 +
    font-weight: bold; /*normal;*/
 +
    white-space: nowrap;
 +
}
 +
.portlet h5 {
 +
    background: #EBB805; /*transparent;*/
 +
    /*padding: 0em 1em 0em 0.5em;*/
 +
    padding: 0.5em 0.5em 1em 0.5em;
 +
    text-transform: lowercase;
 +
    /*display: inline;*/
 +
    font-size: 91%;
 +
    height: 0.7em;
 +
    font-weight: bold; /*normal;*/
 +
    white-space: nowrap;
 +
    /*padding: 4px 5px 4px 15px; */
 +
    /*width: 100%;*/
 +
    display: block;
 +
    /* font-weight: bold; font-size: 0.8em; */
 +
    margin-bottom: 1px; /*MARKER*/
 +
 +
    border: 1px solid #EBB805;
 +
    -moz-border-radius-topleft: 2.0em;
 +
    border-radius-topleft: 2.0em;
 +
 +
}
 +
.portlet h6 {
 +
    background: #ff00ff;
 +
    border: 1px solid #ff00ff;
 +
    border-style: solid solid none solid;
 +
    /*padding: 0em 1em 0em 1em;*/
 +
    text-transform: lowercase;
 +
    display: block;
 +
    font-size: 1em;
 +
    height: 1.0em;
 +
    font-weight: normal;
 +
    white-space: nowrap;
 +
    /*background: transparent; */
 +
}
 +
 +
.pBody {
 +
    font-size: 95%;
 +
    background: #FFE381;
 +
    border-collapse: collapse;
 +
    border: 1px solid #EBB805;
 +
    padding: 0 0.8em 0.3em 0.5em;
 +
    -moz-border-radius-bottomright: 2.0em;
 +
    border-radius-bottomright: 2.05em; /*MARKER*/
 +
 +
}
 +
 +
.portlet a { text-decoration: none;}
 +
 +
.portlet h1,
 +
.portlet h2,
 +
.portlet h3,
 +
.portlet h4 {
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
.portlet ul {
 +
    line-height: 1.5em;
 +
    list-style: none;
 +
    list-style-type: none; /*square;*/
 +
    font-size:95%;
 +
}
 +
 +
 +
/*
 +
** the navigation portlet
 +
*/
 +
 +
#p-nav {
 +
    position:relative;
 +
    z-index:3;
 +
}
 +
 +
/*
 +
** Search portlet
 +
*/
 +
#p-search {
 +
    position:relative;
 +
    z-index:3;
 +
}   
 +
#p-search .pBody {
 +
    text-align: center;
 +
}
 +
input.searchButton {
 +
    margin-top:1px;
 +
    padding: 0 0.4em !important;
 +
    font-size: 95%;
 +
    cursor: pointer;
 +
    background-color: FFE381;
 +
    border: 1px solid #EBB805; 
 +
}
 +
#searchInput {
 +
    border: 1px solid #EBB805; 
 +
    width:10em;
 +
    margin: 0 0 0 0;
 +
    font-size: 95%;
 +
}
 +
#p-search .pBody {
 +
    padding: 0.5em 0.5em 0.5em 0.5em;
 +
}
 +
 +
 +
/* These next two parts are the user's links at the upper right corner */
 +
 +
#p-personal li a {
 +
    font-weight: bold;
 +
    text-decoration: none;
 +
    color: #7f6303;
 +
    padding-bottom: 0.2em;
 +
    background: none;
 +
}
 +
#p-personal li a:hover {
 +
    /*background-color: White;*/
 +
    color: #ff8000;
 +
    padding-bottom: 0.2em;
 +
    text-decoration: none;
 +
    background: none;
 +
}
 +
 +
 +
/*
 +
** the page-related actions- page/talk, edit etc
 +
*/
 +
#p-cactions {
 +
    position:absolute;
 +
    top: 1.3em;
 +
    left: 11.5em;
 +
    margin: 0;
 +
    white-space:nowrap;
 +
    width: 76%;
 +
    line-height: 1.1em;
 +
    overflow: visible;
 +
    background: none;
 +
    border-collapse: collapse;
 +
    padding-left: 1em;
 +
    list-style: none;
 +
    font-size: 95%;
 +
 +
    -moz-border-radius-topleft: 2.0em;
 +
    /* -moz-border-radius-topright: 0.5em; */
 +
    border-radius-topleft: 2.0em;
 +
    /*border-radius-topright: 0.5em; */
 +
 +
}
 +
#p-cactions .hiddenStructure { display: none; }
 +
#p-cactions ul {
 +
    list-style: none;
 +
 +
    -moz-border-radius-topleft: 2.0em;
 +
    /* -moz-border-radius-topright: 0.5em; */
 +
    border-radius-topleft: 2.0em;
 +
    /*border-radius-topright: 0.5em; */
 +
}
 +
 +
/* Top tabs : edit, history, delete, move, watch */
 +
 +
#p-cactions li {
 +
    display: inline;
 +
    color: #EBB805;
 +
    background-color: #fff0b9;
 +
    border: 1px solid #EBB805;
 +
    border-bottom: none;
 +
    padding: 0 0 0.1em 0;
 +
    margin: 0 0.3em 0 0;
 +
    overflow: visible;
 +
    background: White;
 +
 +
    /*-moz-border-radius-topleft: 1.5em;
 +
      -moz-border-radius-topright: 2.0em;
 +
    border-radius-topleft: 2.0em;
 +
    border-radius-topright: 0.5em; */
 +
 +
}
 +
 +
 +
 +
#p-cactions li.selected {
 +
    color: #EBB805;
 +
    background-color: #ffffff;
 +
    border-color: #EBB805;
 +
    padding: 0 0 0.2em 0;
 +
}
 +
 +
/*    background-color: #ffae95;
 +
*/
 +
#p-cactions li a {
 +
    color: #EBB805;
 +
    background-color: #fff0b9;
 +
    border: none;
 +
    padding: 0 0.8em 0.3em 0.8em;
 +
    text-decoration: none;
 +
    text-transform: lowercase;
 +
    position: relative;
 +
    z-index: 0;
 +
    margin: 0;
 +
}
 +
#p-cactions .selected a {
 +
    color: #EBB805;
 +
    /*background-color: #ffffff;*/
 +
    z-index: 3;
 +
}
 +
#p-cactions .new a {
 +
    color: #ff0000;
 +
    background-color: #fff0b9;
 +
   
 +
/*    color:#ba0000;
 +
*/
 +
}
 +
 +
#p-cactions li a:hover {
 +
    z-index: 3;
 +
    text-decoration: none;
 +
}
 +
#p-cactions h5 { display: none; }
 +
#p-cactions li.istalk { margin-right: 0; }
 +
#p-cactions li.istalk a { padding-right: 0.5em; }
 +
#p-cactions #ca-addsection a {
 +
    padding-left: 0.4em;
 +
    padding-right: 0.4em;
 +
}
</style>
</style>

Revision as of 21:18, 10 November 2007

<style type="text/css">

/*Watchlist edit message*/ .usermessage {

   background-color: #e0ffe0;
   /*border: 1px solid #11ff11;*/
   color: Black;
   font-weight: bold;
   margin: 2em 0em 1em 0em;
   padding: 0.5em 1em;
   vertical-align: middle;

}

/*Background*/ body { background-image: url(Background.PNG); background-repeat: repeat-x; background-position: top left }

/*

    • general portlet styles (elements in the quickbar)
  • /

.portlet {

   border: none;
   margin: 0.5em 0.5em; 0.5em 0em;
   float: none;
   padding: 0;
   width: 11.6em;
   overflow: hidden;

} .portlet h4 {

   font-size: 95%;
   font-weight: bold; /*normal;*/
   white-space: nowrap;

} .portlet h5 {

   background: #EBB805; /*transparent;*/
   /*padding: 0em 1em 0em 0.5em;*/
   padding: 0.5em 0.5em 1em 0.5em;
   text-transform: lowercase;
   /*display: inline;*/
   font-size: 91%;
   height: 0.7em;
   font-weight: bold; /*normal;*/
   white-space: nowrap;
   /*padding: 4px 5px 4px 15px; */
   /*width: 100%;*/
   display: block; 
   /* font-weight: bold; font-size: 0.8em; */
   margin-bottom: 1px; /*MARKER*/
   border: 1px solid #EBB805;
   -moz-border-radius-topleft: 2.0em;
   border-radius-topleft: 2.0em;

} .portlet h6 {

   background: #ff00ff;
   border: 1px solid #ff00ff;
   border-style: solid solid none solid;
   /*padding: 0em 1em 0em 1em;*/
   text-transform: lowercase;
   display: block;
   font-size: 1em;
   height: 1.0em;
   font-weight: normal;
   white-space: nowrap;
   /*background: transparent; */

}

.pBody {

   font-size: 95%;
   background: #FFE381;
   border-collapse: collapse;
   border: 1px solid #EBB805;
   padding: 0 0.8em 0.3em 0.5em;
   -moz-border-radius-bottomright: 2.0em;
   border-radius-bottomright: 2.05em; /*MARKER*/

}

.portlet a { text-decoration: none;}

.portlet h1, .portlet h2, .portlet h3, .portlet h4 {

   margin: 0;
   padding: 0;

} .portlet ul {

   line-height: 1.5em;
   list-style: none;
   list-style-type: none; /*square;*/
   font-size:95%;

}


/*

    • the navigation portlet
  • /
  1. p-nav {
   position:relative;
   z-index:3;

}

/*

    • Search portlet
  • /
  1. p-search {
   position:relative;
   z-index:3;

}

  1. p-search .pBody {
   text-align: center;

} input.searchButton {

   margin-top:1px;
   padding: 0 0.4em !important;
   font-size: 95%;
   cursor: pointer;
   background-color: FFE381;
   border: 1px solid #EBB805;  

}

  1. searchInput {
   border: 1px solid #EBB805;  
   width:10em;
   margin: 0 0 0 0;
   font-size: 95%;

}

  1. p-search .pBody {
   padding: 0.5em 0.5em 0.5em 0.5em;

}


/* These next two parts are the user's links at the upper right corner */

  1. p-personal li a {
   font-weight: bold;
   text-decoration: none;
   color: #7f6303;
   padding-bottom: 0.2em;
   background: none;

}

  1. p-personal li a:hover {
   /*background-color: White;*/
   color: #ff8000;
   padding-bottom: 0.2em;
   text-decoration: none;
   background: none;

}


/*

    • the page-related actions- page/talk, edit etc
  • /
  1. p-cactions {
   position:absolute;
   top: 1.3em;
   left: 11.5em;
   margin: 0;
   white-space:nowrap;
   width: 76%;
   line-height: 1.1em;
   overflow: visible;
   background: none;
   border-collapse: collapse;
   padding-left: 1em;
   list-style: none;
   font-size: 95%;
   -moz-border-radius-topleft: 2.0em;
   /* -moz-border-radius-topright: 0.5em; */
   border-radius-topleft: 2.0em;
   /*border-radius-topright: 0.5em; */

}

  1. p-cactions .hiddenStructure { display: none; }
  2. p-cactions ul {
   list-style: none;
   -moz-border-radius-topleft: 2.0em;
   /* -moz-border-radius-topright: 0.5em; */
   border-radius-topleft: 2.0em;
   /*border-radius-topright: 0.5em; */

}

/* Top tabs : edit, history, delete, move, watch */

  1. p-cactions li {
   display: inline;
   color: #EBB805;
   background-color: #fff0b9;
   border: 1px solid #EBB805;
   border-bottom: none;
   padding: 0 0 0.1em 0;
   margin: 0 0.3em 0 0;
   overflow: visible;
   background: White;
   /*-moz-border-radius-topleft: 1.5em;
     -moz-border-radius-topright: 2.0em;
   border-radius-topleft: 2.0em;
   border-radius-topright: 0.5em; */

}


  1. p-cactions li.selected {
   color: #EBB805;
   background-color: #ffffff;
   border-color: #EBB805;
   padding: 0 0 0.2em 0;

}

/* background-color: #ffae95;

  • /
  1. p-cactions li a {
   color: #EBB805;
   background-color: #fff0b9;
   border: none;
   padding: 0 0.8em 0.3em 0.8em;
   text-decoration: none;
   text-transform: lowercase;
   position: relative;
   z-index: 0;
   margin: 0;

}

  1. p-cactions .selected a {
   color: #EBB805;
   /*background-color: #ffffff;*/
   z-index: 3; 

}

  1. p-cactions .new a {
   color: #ff0000;
   background-color: #fff0b9;
   

/* color:#ba0000;

  • /

}

  1. p-cactions li a:hover {
   z-index: 3;
   text-decoration: none;

}

  1. p-cactions h5 { display: none; }
  2. p-cactions li.istalk { margin-right: 0; }
  3. p-cactions li.istalk a { padding-right: 0.5em; }
  4. p-cactions #ca-addsection a {
   padding-left: 0.4em;
   padding-right: 0.4em;

}

</style>

Personal tools
Navigation