Custom CSS

以下是本 Blog 的 CSS 設定,歡迎大家參閱。 XD

/*  The percentage of font size settings in body is to adjust the default font 
    size to 12pt, due to some factors to the blogspot platform and blog theme
    setting. The correct percentage setting may need some test to acquire.
*/

body {
    font-size: 92%;  /* adjust to 12pt 16px */
    font-family: sans-serif;
}

/*  header font size according to default HTML5 CSS setting
    http://www.w3schools.com/tags/tag_hn.asp
*/
/*  on common desktop display 96ppi
    length = 12pt = 12/72in
    pixel = 12/72*96px = 16px
    length *4/3 px/pt = pixel *3/4 pt/px
    
    The em is simply the font size.
    For desktop display, it's recommended to set 1em = 16px (12pt)
*/
    
h1 { 
    display: block;
    font-size: 2.000em;  /* 24.0pt 32px */
    margin-top: 0.67em;
    margin-bottom: 0.67em;
}
h2 {
    display: block;
    font-size: 1.500em;  /* 18.0pt 24px */
    margin-top: 0.83em;
    margin-bottom: 0.83em;
}
h3 { 
    display: block;
    font-size: 1.170em;  /* 14.0pt 18px */
    margin-top: 1em;
    margin-bottom: 1em;
}
h4 { 
    display: block;
    font-size: 1.000em;  /* 12.0pt 16px */
    margin-top: 1.33em;
    margin-bottom: 1.33em;
}
h5 { 
    display: block;
    font-size: 0.830em;  /* 10.0pt 13px */
    margin-top: 1.67em;
    margin-bottom: 1.67em;
}
h6 { 
    display: block;
    font-size: 0.670em;  /* 7.5pt 10px */
    margin-top: 2.33em;
    margin-bottom: 2.33em;
}
p {
    display: block;
    font-size: 1.000em;  /* 12.0pt 16px */
    line-height: 150%;
    font-family: sans-serif;
    margin-top: 1.0em;
    margin-bottom: 1.0em;
    margin-left: 0;
    margin-right: 0;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 120%;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    font-family: serif;
    color: #202020;
}

/*  The followings are settings for my current blogger theme, it may not work
    and not needed at other theme or blog platform.
*/

.date-header {
    font-size: 0.830em;  /* 10.0pt 13px */
}
#navbar {
    display: none;
}
.titlewrapper {
    padding: 0px 0px 0px 0px !important;
}
.descriptionwrapper {

}

strong { color: #1D6498; }
em { color: #164D74; }
.font-sans-serif { font-family: sans-serif; }
.font-serif { font-family: serif; }
.font-monospace { font-family: monospace; }
.font-arial { font-family: Arial; }
.font-times { font-family: Times; }

code, samp, kbd {
    font-family: Consolas, "Courier New", Courier, monospace, sans-serif;
    text-align: left;
    color: #555555;
}
pre code {
    line-height: 1.5em;
    font-size: 1.0em;
}
pre {
    padding: 0em 0.5em 0em 0.7em;   /* Top Right Bottom Left */
    border-left: 0.7em solid #CCCCCC;
    margin: 0.5em 0.3em 0.5em 0.3em;
    overflow: auto;
}