CSS

CSS stands for Cascading Style Sheet and can be :

  • Used to create custom wikidot custom themes
  • Included as part of [[span]] or [[div]] for inline / block level styles

List of CSS Selectors

Selector Tag Description Example
A a <a> a tag (selects all links) a {color:#00A;}
a.newpage <a> Links to uncreated pages a.newpage {color:#F00;}
B body <body> body tag body { background-color:#000;}
C #container <div> contains the entire page
#container-wrap <div> that contains the entire page
H #header <div> contains title banner
#html-body <body> Id of the body tag #html-body {background-color:#00a;}
I input.button <input> Some form buttons input.button {background-color:#00a;}
input.text <input> Text files of some forms input.text {background-color:#ccc;}
N .new-page-box <div> contains the NewPage Module form .new-page-box {border:1px solid #aaa;padding:1em; background-color:#fafafa;}
.new-page-box input.text <input> text box of the NewPage Module .new-page-box input.text { border:1px solid #000; background-color:#eeeefa; }
.new-page-box .button <input> submit button of the NewPage Module .new-page-box .button { background-color:#55b; color:#fff; border:1px solid #000;}
S .search-box <div> contains the entire search box1 of the Search Module .search-box { border:1px solid #aaa; background-color:#fafafe; padding:1em 0em 0em;}
.search-box .query-area <div> contains search box only of the Search Module .query-area { border:1px solid #aaa; }
#search-form <form> form of the Search Module #search-form {border:1px solid #f00;margin:0.5em;
#search-form>div <div> both divs in the #search-form #search-form>div {background-color:#ff0; margin:0.5em;}
#search-form input.button <input type="submit"> search button of the Search Module #search-form input.button {background-color:#f00;}
#search-form input.radio <input type="radio"> all three radio buttons of the Search Module #search-form input.radio {width:50px;}
#search-form input.text <input type="text"> text field of the Search Module #search-form input.text {background-color:#fae;}
#search-top-box <div> contains entire search box #search-top-box {background-color:#f00;padding:0.5em;}
#search-top-box-form <form> search form #search-top-box-form { background-color:#f0f; padding:0.5em;}
#search-top-box-input <input type="text"> text field search-top-box-input { background-color:#0f0; padding:0.2em;}
#search-top-box-form input.button <input type="submit> button #search-top-box-form input.button {background-color:#f0f;}

Colors

  • write me!

Related Pages

Backlinks

Categories: Themes : Wiki Guide : Wiki Identity
page tags: css div span style theme
page_revision: 20, last_edited: 1243811518|%e %b %Y, %H:%M %Z (%O ago)