Hello,
I don't know why, but after I customized font size of index and refreshed my website, my whole website layout is getting weird.
sujungchang.com
(you can see how much it is weird)
Almost all index menus font color is changed into white from black, and if you click the 'a dog dream' index, the layout is very weird.
I don't know why, and don't know how to solve this…..
Is that better to copy paste my style.css?
/**
* CSS
*
* @version 2.0
* @author Vaska
*
* There are also some obscure rules in base.css
*/
body {
font-size: 13px;
font-family: BatangChe;
background: #ffffff;
color: #000;
line-height: 1.3em;
/* font-weight: 300; */
}
/* link scheme */
/* you can customize links further down the page too */
a:link { text-decoration: none; color: #000; }
a:active { text-decoration: line-through; color: #000; }
a:visited { text-decoration: line-through; color: #000; }
a:hover { text-decoration: none; }
a img { border: none; }
/* general styles */
small { font-size: 9px; }
code { font-family: monospace; }
blockquote { padding-left: 9px; }
/* headings */
h1 { font-size: 13px; margin-bottom: 1em; font-weight: bold; }
h2 { font-size: 13px; margin-bottom: 1em; font-weight: bold; }
h3 { font-size: 13px; margin-bottom: 1em; }
h4 { font-size: 13px; margin-bottom: 1em; }
/* paragraph width */
#index p { margin-bottom: 1em; }
#exhibit p, code, blockquote { width: 450px; margin-bottom: 1em; /* line-height: 1.3em; */ }
/* highlighter style - maybe you want to change colors? */
.highlight { background: #ccff00; color: #000; }
/* never adjust the margin or padding here unless you seriously know what you are doing */
/* think #index .container and #exhibit .container for only padding adjustments */
#index { width: 300px; background: #ffffff; /* line-height: 1.3em; */ }
#exhibit { margin: 0 0 0 215px; }
/* styling the index */
#index ul { list-style: none; margin: 0; }
#index ul.section { margin-bottom: 1em; }
#index ul.subsection { }
/* the follow rules for index are not required */
/* they are mostly for complex customization */
/* for tag display */
#index ul#all_tags { list-style-type: none; margin-bottom: 1em; }
#index ul#all_tags li { display: inline; margin-right: 3px; }
#index ul#all_tags li a { }
/* active section title */
#index span.active_section_title,
#index span.active_section_title a { font-weight: none; }
/* active exhibit title parts */
li.active a:link, li a.active, li.active a:hover, li a.active, li.active a:active, li a.active,
li.active a:visited, li a.active, li span.active, #index ul.section li.active a:link,
#index ul.section li.active a:hover, #index ul.section li.active a:active, #index ul.section li.active a:visited
{ font-weight: none; }
/* additional #index options */
#index ul li .password a { /* background: url(../img/locked.gif) right center no-repeat; padding-right: 18px; */ }
/* the "new" indicator */
#index ul li sup { color: #0c0; font-weight: bold; text-transform: uppercase; font-size: 8px; vertical-align: top; }
/* end styling for index */
/* links styles only for the #index region */
#index a:link { }
#index a:hover { }
#index a:active { text-decoration: line-through }
#index a:visited { text-decoration: line-through }
/* links styles only for the #exhibit region */
#exhibit a:link { }
#exhibit a:hover { }
#exhibit a:active { }
#exhibit a:visited { }
/* this is where you adjust your paddings for #index and #exhibit together */
.container { padding: 27px 9px 25px 27px; }
/* this is where you pad them separately */
#index .container { }
#exhibit .container { }
please help me..
I don't want to loss all I have done so far on my website..
thank you..