CSS

CSS

This page contains the css code for the custom theme of filesharing.wikidot.com

To Do List

  1. no wrap for the menus at the top
  2. extra spacing above headings

code

.page-tags, #page-info, .page-options-bottom, page-options-area-bottom
{
    padding-left    : 1em;
    padding-right    : 1em;
    margin-left    : 0;
    margin-right    : 0;
}

/* Give headings a proper spacing */

h1, h2, h3, h4, h5
{
    margin-top: 3em;
}

h2
{
    text-align     : right;
    padding         : 0.2em;
    margin-left    : 0px;
    margin-right    : 0px;
    border        : 1px solid #BBB;
}

hr
{
    width        : 100%;
    margin-left    : 0;
}

blockquote
{
    margin-top    : 3em;
    margin-bottom : 3em;
}

/* justified alignment */

p
{
    text-align: justify;
}

div.alignRight *
{
    text-align: right;
}

/* Turn links to unexisting pages visible (red) */

a:link, a:hover, a:active, a:visited
{
    text-decoration: none;
}

a.newpage:link
{
    color: #A03321;
}

/* put some spacing on the footnotes */

div.footnotes-footer
{
    margin-top    : 3em;
    margin-bottom    : 2em;
}

/* Create a layout for comparison tables */

table.compareTable
{
    width    : 100%;
}

table.compareTable a
{
    color        : #2c7d00;
}

table.compareTable  tr.tableHeader
{
    font-weight        : bold;
    font-weight        : bold;
    font-size            : x-small;
    color                : #ffffff;
    background-color    : #666666;
}

table.compareTable > tbody > tr
{
    background-color    : #f2f4f4;
}

table.compareTable > tbody > tr > td
{
    padding            : 3px;
}

/*===========================*/
/* Create tooltips for the hosters table */
/*===========================*/

table.hostersTable td span
{
    display    : none;
    position            : absolute;
    margin             : 3em 0 0 3em;
    padding            : 0.3em 0.4em 0.3em 0.2em;
    border            : 1px solid #fff09a;
    background-color    : #ffffe1;
    color                : #000;
    text-align            : center;
    font-weight            : normal !important;
}

table.hostersTable td span:first-letter
{
    color : #ffffe1;
}

table.hostersTable td:hover span
{
    display            : block;
}

table.hostersTable td:hover:first-child span:after
{
    content    : "Web Host";
}

table.hostersTable td:first-child + td:hover span:after
{
    content    : "Language";
}

table.hostersTable td:first-child + td + td:hover span:after
{
    content    : "Max. file size";
}

table.hostersTable td:first-child + td + td + td:hover span:after
{
    content    : "Waiting time";
}

table.hostersTable td:first-child + td + td + td + td:hover span:after
{
    content    : "Download limits";
}

table.hostersTable td:first-child + td + td + td + td + td:hover span:after
{
    content    : "File expiration";
}

table.hostersTable td:first-child + td + td + td + td + td + td:hover span:after
{
    content    : "Misc. notes";
}

table.hostersTable td:first-child + td + td + td + td + td + td + td:hover span:after
{
    content    : "Signup needed";
}

table.hostersTable td:first-child + td + td + td + td + td + td + td + td:hover span:after
{
    content    : "Remote upl.";
}

table.hostersTable td:first-child + td + td + td + td + td + td + td + td + td:hover span:after
{
    content    : "Rewards program";
}

table.hostersTable td:first-child + td + td + td + td + td + td + td + td + td + td:hover span:after
{
    content    : "Delete possible";
}

/*=============================================*/
/* Remove margins on list pages module for pages by category*/
/*=============================================*/

div.list-pages-box table
{
    border-collapse:collapse;
}

div.list-pages-box tr:first-child
{
    border-bottom: 1px solid silver;    
}

div.list-pages-box td + td
{
    padding-left: 5em;
}

/* Top header  */

#header {

    padding            :1em 0; 
    margin            :0;
    text-align            :left;
    background-image    :url(http://filesharing.wikidot.com/local--files/admin:css/poppy.jpg); 
    background-repeat    :no-repeat; 
    background-position:right top;
    height            : 6em;
}

/* Top bar style */
#top-bar p
{
    display        : inline;
    height        : 100%;
}

#top-bar .wiki-standalone-button
{
    float            : right;
    text-align        : right;
    display        : block;
    height        : 100%;
    padding        : 0.2em 20px 0.2em 0.2em;
}

#top-bar .wiki-standalone-button + .wiki-standalone-button 
{
    margin-right    : 1em;
}

#top-bar > ul > li > a
{
    padding        : 0.2em 1em
}

#top-bar ul ul
{
    background-color     : #777;
    border            : 1px solid #555;
    border-top            : none;
}

#top-bar ul ul li
{
    margin             : 1px 0px;
    background-color    : #999;
}

#top-bar a.newpage:hover
{
    text-decoration        : none;
    background-color    : #A03321;
    color                : #FFFFFF;
    margin            : 0px;
}

/* Create buttons for printing, discussing etc...*/

/* tabview adjustments */

.yui-content
{
    background-color    : #666666 !important;
    color             : #F5F5F5;
}

.yui-content a
{
    color             : #5fe119 !important;
}

.yui-content div.pages-list-item > div
{
    color             : #F5F5F5 !important;
}

.yui-content div.pages-list-item:hover > div
{
    color             : #666666 !important;
}

.yui-content div.pages-list-item:hover a
{
    color    : #4da020  !important;
}

/*================================================*/
/*      Template code                                                                               */
/*================================================*/

div.socialBookmarking
{
    border-top    : 1px dashed #666666;
    margin-top     : 8em;
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License