For Firefox Users there is more safe way to switch layout of this page than allowing
Cookies and JavaScript.
You can
install Firefox Add-on "Stylish" and load style for this site into it.
Note: Cookies and JavaScript are potentially dangerous - they can send info about you, the can reveal your passwords or wathever else - so another handy addons are
NoScript and
CookieSafe.
Perhaps I could use installer for that but it would use JavaScript so you need to do it manually: Go to
"Tools" -> "Add-ons manager"
(or however it's called in your local FF language)
-> "Stylish" -> "Options". Click
"Options" and then in window that pop-ups click
"Write" (new style). (Alternatively just click Stylish icon in the Firefox window - it's located at the bottom). Now all you need to do is
copy and paste the code bellow, write something in
Description (e.g. "that shitty blog") and
click "Save" - some warning pop-ups - don't care just click
"Use the code as is" and you are done. If it' s not working make sure that new style is "Enabled" in stylish.
If you'll make this right, my blog should look something
like this
And don't forget, if you came to my page and something look wrong first of all disable this user style - when I make some changes into the html code this userstyle may need to update.
"How to" in Images (80 kb)
Step 1.
Step 2.
Into Stylish Insert This code:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("rs2-test.blogspot.com") {
/* Variable definitions
====================
*/
body {
background: #fff !important;
color:#333 !important;
margin:0 !important;
font: x-small Verdana, Arial, sans-serif !important;
font-size: 11px !important;
text-align: center !important;
}
a:link {
color:#470d19 !important;
text-decoration:none !important;
}
a:visited {
color:#999999 !important;
text-decoration:none !important;
}
a:hover {
color:#cb184d !important;
text-decoration:underline !important;
}
a img {
border-width:0px !important;
}
/* Header
-----------------------------------------------
*/
#twocol {
width:384px !important;
background: transparent !important;
float:left !important;
margin: 0px auto 0 auto !important;
padding:0px !important;
}
#header-wrapper {
float:left !important;
width: 846px !important;
background: #fff !important;
margin: 0 auto !important;
}
#header {
float:left !important;
width: 846px !important;
margin: 0 auto !important;
background: #fff url('http://members.chello.cz/rs2/graphic/alt-head.gif') top no-repeat !important;
line-height: 1.6em !important;
text-transform:none !important;
letter-spacing:.1em !important;
text-align: center !important;
}
/* Content
-----------------------------------------------
*/
#main, #twocol, #sidebar, #sidebar2 {
word-wrap: break-word !important;
overflow: hidden !important;
}
#main {
background: transparent !important;
width:440px !important;
float:right !important;
padding: 0px 0 0 6px !important;
margin: -12px 6px 0 0px !important;
text-align: left !important;
}
#container{
background:#fff !important;
margin: 0 auto 0 auto !important;
width:846px !important;
border-left: 0px solid #333333 !important;
border-right: 0px solid #333333 !important;
padding: 0px !important;
}
#sidebar{
float:right !important;
font-size: 11px !important;
width:185px !important;
margin: 0px auto !important;
padding: 0 0px 0 5px !important;
text-align: left !important;
}
#sidebar2{
float:left !important;
width:183px !important;
padding: 0px !important;
margin: 0px auto 0 5px !important;
text-align: left !important;
}
/*Search
----------------------------------------------- */
#max {
width: 155px !important;
height: 25px !important;
float:left !important;
margin:0 3px 0 0 !important;
word-wrap: break-word !important;
overflow: hidden !important;
}
/* Menu
----------------------------------------------- */
#navcontainer ul {
width: 384px !important;
height: 24px !important;
float:left !important;
list-style-type: none !important;
padding: 0px 0px 0px 0px !important;
margin: 2px 0 5px 10px !important;
text-align: left !important;
word-wrap: break-word !important;
overflow: hidden !important;
}
#navcontainer ul li
{
float: left !important;
display: block !important;
width: 179px !important;
text-align: center !important;
padding: 0px 0 0px 0 !important;
margin: 0px 2px 0 0px !important;
border: 1px solid #999 !important;
}
#navcontainer ul li a
{
position:relative !important;
display: block !important;
color: #777777 !important;
margin: 0px 0 0px 0px !important;
padding: 0px 0px 0px 0px !important;
text-decoration: none !important;
font-family: Verdana, Arial, sans serif !important;
letter-spacing: .1em !important;
font-size: 10px !important;
background: #fff !important;
}
#navcontainer ul li a:hover {
color: #930 !important;
background: #f5d7b4 !important;
}
/* Style Switch */
#default, #alternate {
width: 100px !important;
position:relative !important;
display: block !important;
margin: 0px 0 0px 0px !important;
padding: 2px 0px 2px 0px !important;
text-decoration: none !important;
text-align: center !important;
}
#default {
background: #333 !important;
color: #fff !important;
border: 1px solid #999999 !important;
}
#alternate {
background: #fff !important;
color: #333 !important;
border-left: 1px solid #999999 !important;
border-right: 1px solid #999999 !important;
border-bottom: 1px solid #999999 !important;
}
#default a:visited {
color: #fff !important;
}
/* Links
----------------------------------------------- */
#tlacitko
{
width: 170px !important;
padding: 0 !important;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif !important;
font-size: 10px !important;
}
#tlacitko ul
{
list-style: none !important;
margin: 0px !important;
padding: 0px !important; /***kolemè***/
border: none !important;
}
#tlacitko li
{
border-top: 1px solid #333 !important;
padding: 0px 0px 0px 3px !important; /***ora***/
margin: 0x 0px 0px 0px !important;
}
#tlacitko li a
{
display: block !important;
padding: 3px 3px 3px 3px !important;
background-color: #333 !important;
color: #fff !important;
text-decoration: none !important;
width: 100% !important;
}
html>body #tlacitko li a { width: auto !important; }
#tlacitko li a:hover
{
background-color: #666 !important;
color: #fff !important;
}
#tlacitko li
{
border-top: 0px solid #333333 !important;
margin: 0 !important;
}
#tlacitko li li a
{
display: block !important;
padding: 3px 3px 3px 3px !important;
background-color: #fff !important;
color: #333 !important;
text-decoration: none !important;
width: 100% !important;
}
#tlacitko li li a:hover
{
background-color: #eb5d5d !important;
color: #fff !important;
}
/* RSS
----------------------------------------------- */
#rss li {
list-style-type:none !important;
}
#rss li a {
background-image:url('http://members.chello.cz/rs2/graphic/rss-bg.gif') !important;
background-repeat:no-repeat !important;
padding:2px 125px !important;
margin:0 0 0 20px !important;
color:#333333 !important;
border: 0px !important;
}
#rss li a.bookmark {background-position:0px 0px !important;}
#rss li a:hover.bookmark {background-position:0px -18px !important;}
#rss li a.rss {background-position:0px -36px !important;}
#rss li a:hover.rss {background-position:0px -54px !important;}
#rss li a.xml {background-position:0px -72px !important;}
#rss li a:hover.xml {background-position:0px -90px !important;}
/* Labels and Archive
----------------------------------------------- */
#ArchiveList, #labels-style {
margin: 0 0 0 0px !important;
}
#labels-style li a:visited {
color: #333333 !important;
}
#labels-style li a:hover {
color: #eb5d5d !important;
text-decoration:none !important;
}
#labels-style li {
color: #eb5d5d !important;
}
/*
#ArchiveList a:link, a:visited {
color: #fff !important;
}
#ArchiveList a:hover, a:active {
color: #eb5d5d !important;
text-decoration:none !important;
}*/
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em !important;
font-size: 11px !important;
font-family: Verdana !important;
letter-spacing: 0.1em !important;
line-height: 1.4em !important;
text-transform:none !important;
color:$sidebarcolor !important;
}
/* Posts
----------------------------------------------- */
h2.date-header {
margin: 1.5em 0 0 10px !important;
padding: 0 0 0 0px !important;
font-size: 11px !important;
}
.post {
border-bottom: 1px dashed #EB5D5D !important;
padding: 0 5px .5em 10px !important;
}
.post h3 {
margin:.25em 0 0 !important;
padding:0px 8px 4px 0px !important;
font-weight:normal !important;
line-height:1.4em !important;
color:$titlecolor !important;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block !important;
background: #333 !important;
padding: 0px 5px !important;
text-decoration:none !important;
color:white !important;
font-weight:normal !important;
}
.post h3 strong, .post h3 a:hover {
color:$titlecolor !important;
background: #81bbd5 !important;
text-decoration: none !important;
}
.post p {
margin:0 0 .75em !important;
line-height:1.6em !important;
padding: 0 10px 0 0 !important;
}
.post-footer {
margin: 10px 0 0px 0px !important;
color:$sidebarcolor !important;
text-transform:none !important;
font: $postfooterfont !important;
line-height: 1.4em !important;
}
.comment-link {
margin-left:.6em !important;
}
.post blockquote {
margin:1em 20px !important;
}
.post blockquote p {
margin:.75em 0 !important;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0 0 8px !important;
font-weight: bold !important;
line-height: 1.4em !important;
text-transform:none !important;
letter-spacing:.2em !important;
color: $sidebarcolor !important;
}
#comments-block {
margin:1em 0 1.5em 8px !important;
line-height:1.6em !important;
}
#comments-block .comment-author {
margin:.5em 0 0 8px !important;
}
#comments-block .comment-body {
margin:.25em 0 0 8px !important;
}
#comments-block .comment-footer {
margin:-.25em 0 2em 8px !important;
line-height: 1.4em !important;
text-transform:none !important;
letter-spacing:.1em !important;
}
#comments-block .comment-body p {
margin:0 0 .75em 8px !important;
}
.deleted-comment {
font-style:italic !important;
color:gray !important;
}
#blog-pager-newer-link {
float: right !important;
padding:0px 0px 0px 0px !important;
margin: 25px 0 0px 0 !important;
}
#blog-pager-older-link {
float: left !important;
padding:0px 0 10px 0px !important;
margin: 25px 0 0 0 !important;
}
#blog-pager {
text-align: center !important;
padding: 10px !important;
}
.feed-links {
clear: both !important;
line-height: 2.5em !important;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor !important;
line-height: 1.5em !important;
}
.sidebar ul {
list-style:none !important;
margin:0 0 0 !important;
padding:0 0 0 !important;
}
.sidebar li {
margin:0 !important;
padding:0 0 .25em 0px !important;
text-indent: 0px !important;
line-height:1.5em !important;
}
.sidebar .widget, .main .widget {
margin:0px 0px 10px 0px !important;
padding:0px 0px 0px 0px !important;
border-bottom: 0px solid #999999 !important;
}
.main .Blog {
border-bottom-width: 0 !important;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left !important;
margin: 0 5px 5px 0 !important;
padding: 4px !important;
border: 1px solid $bordercolor !important;
}
.profile-data {
margin:0 !important;
text-transform:none !important;
letter-spacing:.1em !important;
font: $postfooterfont !important;
color: $sidebarcolor !important;
font-weight: bold !important;
line-height: 1.6em !important;
}
.profile-datablock {
margin:.5em 0 .5em !important;
}
.profile-textblock {
margin: 0.5em 0 !important;
line-height: 1.6em !important;
}
.profile-link {
font: $postfooterfont !important;
text-transform: uppercase !important;
letter-spacing: .1em !important;
}
/* Footer
----------------------------------------------- */
#footer-wrapper {
width:100% !important;
background-color: #fff !important;
clear:both !important;
margin: 0 auto !important;
padding-top:0px !important;
}
#footer {
width:846px !important;
height:50px !important;
background-color: #fff !important;
clear:both !important;
margin: 1.8em auto 0 auto !important;
padding-top:5px !important;
line-height: 1.6em !important;
text-transform:none !important;
letter-spacing:.1em !important;
text-align: center !important;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px !important;
margin-right: 0px !important;
}
#navbar-iframe {
height:0px !important;
visibility:hidden !important;
display:none !important;
}
}