#navi-bar,
#navi-bar-shadow,
#header,
#side-bar,
#page-title,
#breadcrumbs,
.page-tags,
#page-info,
.page-watch-options,
.page-options-bottom,
#footer,
#license-area,
#footer-bar {display: none !important;}
#main-content {
margin: 0;
padding: 0;
width: 100%;
}
#action-area h1,
#edit-page-form .wd-editor-toolbar-panel,
#edit-page-form .change-textarea-size,
#edit-page-form .edit-help-34,
#edit-page-form .note-block p,
#edit-page-form .row-0,
#edit-page-form .edit-page-bottomtable,
#edit-cancel-button,
#edit-diff-button,
#edit-preview-button,
#edit-save-continue-button {
display: none;
}
#edit-page-form .note-block {
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
#edit-page-form .note-block,
#edit-page-form .buttons {
display: inline-block;
}
#edit-page-form .note-block h3 {
margin: 0 auto;
}
/* Following designed by bcammo */
p {margin: 7px 0;line-height: 1.46em;}
a {color: #2191d1;text-decoration: none;}
a.newpage {color: #b30000;}
a:hover {color: #222;background-color: transparent;}
h1, h2, h3, h4, h5, h6 {
color: #222;
font-weight: normal;
font-family: 'Fontin', Helvetica, Arial, sans-serif;
line-height: 1.2em;
margin: 16px 0;
}
h1 {font-size: 200%;}
h2 {font-size: 180%; color: #444;}
h3 {font-size: 170%;}
h4 {font-size: 140%;}
h5 {font-size: 120%;}
h6 {font-size: 115%;}
input[type=text],input[type=password], textarea {
margin: 0;
padding: 7px 5px;
background: #fff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fff), color-stop(.2,#fff));
background-image: -moz-linear-gradient(top,#f5f5f5, #fff, #fff 60%);
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
border: 1px solid #3198dd;
outline: none;
}
/*----- BUTTONS ----------------------------------------------*/
div.buttons input, input.button, button, file, a.button,
.button-bar a, #new-post-button, .rate-points, .rateup a,
.ratedown a, .cancel a, .pager a, .pager .current, div.new-post a,
.owindow .button-bar a {
height: auto;
padding: 6px 10px;
font: bold 13px Arial, sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: f3f3f3;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#f3f3f3));
background-image: -moz-linear-gradient(top,#f9f9f9, #f3f3f3);
background-image: -o-linear-gradient(top,#f9f9f9, #f3f3f3);
border: 1px solid #d4d4d4;
color: #616161;
margin: 0 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
div.buttons input:hover, input.button:hover, button:hover,
file:hover, a.button:hover, .button-bar a:hover, #new-post-button:hover,
.rateup a:hover, .ratedown a:hover, .cancel a:hover, .pager a:hover,
div.new-post a:hover, .owindow .button-bar a:hover {
color: #515151;
border: 1px solid #2191d1;
text-decoration: none;
cursor: pointer;
}
/* Owindows */
.odialog-shader {
background-color: #222;
filter: alpha(opacity=0);
opacity: 0;
}
.owindow.owait, .owindow.osuccess {
color: #fff;
border: none;
padding: 0;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
box-shadow: 0 0 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
display: block;
width: 60px;
height: 60px;
background: rgba(0,0,0,0.75) url(http://bmcenterprises.wdfiles.com/local--files/images/ajax-loader-white6.gif) no-repeat center center;
}
.owindow.owait .content, .owindow.osuccess .content {display: none;}
.owindow.osuccess {background: rgba(0,0,0,0.75) url(http://bmcenterprises.wdfiles.com/local--files/images/emotion_smile.png) no-repeat center center;}
/* preloads the spinner so that there is no lag when .owait pops up */
#extrac-div-1 {background: transparent url(http://bmcenterprises.wdfiles.com/local--files/images/ajax-loader-white6.gif) no-repeat right center;visibility: hidden;}
#extrac-div-2 {background: transparent url(http://bmcenterprises.wdfiles.com/local--files/images/emotion_smile.png) no-repeat right center;visibility: hidden;}
This is a really simple and clean theme. Thanks for that.
how can give some padding to the right and left of the page as a the text stays some distance from the border?
PS: I don't know how to edit the CSS.
Hey talegari,
Try something like this:
How to install:
If you ever want to change back to the old theme, just access the page history and revert the changes ;-)
Note: The theme on this page ("Just Content") hides the top-bar, so when you change themes you won't have these menus any more:
If you want to keep them, you'll have to modify the CSS to display the #top-bar as well, and position it where you want it.
~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, backup tool (in development)