The Art Of Computer Programming: 1.1
CPP Info Memo Part 3

CSS Used by This Blog

tubo posted @ 2014年9月03日 16:46 in 未分类 , 1590 阅读
CSS Used by This Blog

1 CSS

Here goes css source code.

/*
layout.css -- css stylesheet used on www.gnu.org

Copyright (C) 2006, 2007, 2008, 2009, 2010, 2011,
   2013, 2014 Free Software Foundation

Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without
</div><!-- /toplinks -->
restriction, including without limitation the rights to use,
copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following
conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
*/

/* NOTE: Changes to this file will affect the entire site, often in
unexpected ways. Please mail patches to www-discuss@gnu.org rather
than commit changes directly. */


/*** COLORS ***/

/*
Text
   black    normal text, hover on #555 and nav-bars
   white    #navigation
   #999     light gray: text shadow
   #222, #333, #404040, #555: special items
   #777     medium gray: normal hover
   #334683  blue from GNU banner: h2, special links
   #004780  greenish blue: normal links
   #100070  purplish blue: normal visited links
   blue     #urgent links
   #171d33  dark blue (from screenshot): #Action h2
   #971611  red from GNU banner: .button link, #join-fsf

Backgrounds
   white    #inner, navbar li.active
   #f0f2f4  light bluish gray: #translations p, .emph-box, #outdated,
            .listing, #footer, .toc
   #e7e9eb  html, .button, .lyrics, #join-fsf, submit
   #d1d4d7  #edu-navbar, #fsf-links, #searcher + #translations
   #ddd     gray (looks purplish): #gpl-compat-matrix
   #ccffcc  light green: #gpl-compat-matrix
   #e4ffcc  light yellowish green: #gpl-compat-matrix
   #ffc     very pale yellow: .highlight-para
   #fff898  pale yellow: table headers, .highlight, nav-bar hover
   #ff3     yellow: #urgent
   #a50606  intermediate red from #fs-gang gradient: #navigation
            [#fs-gang gradient: #820202-#f71111]
   #5b6a96-#c9cccf:  #body gradient
   #5b6a96  fallback from gradient (intermediate between banner blue and
            #c9cccf)

Borders
   black, #111, #333, #666: tables
   #b9bcbf  bluish gray: body, #Action, .highlight-para, .announcement
   #c9cccf  bluish gray: .button, .toc, submit
   #d1d4d7  bluish gray: #translations, #outdated
   #3465a4  blue (slightly lighter than GNU banner): edu-cases ridges, .note
   #171d33  dark blue: box-shadow behind buttons, focused inputs
   #6989b6  light blue: border for h3 (license-list.html)
*/

/*** Luminosity contrast ratio and color difference ***
   source: http://springmeier.org/www/contrastcalculator/index.php

   Color1       Color 2       contrast       Color
                               ratio      difference
Black-gray
   #000         white          21.3           765
   #000         #ff3           19.6           561
   #222         white          15.91          663
   #222         #c9cccf         9.87          510
   #333         white          12.63          612
   #333         #e7e9eb        10.38          546
   #333         #c9cccf         7.83          459
   #404040      #d1d4d7         6.97          444
   #555         white           7.46          510

Red from GNU banner
   #971611      white           8.61          704
   #971611      #e7e9eb         7.07          638

Blue from GNU banner
   #334683      white           8.96          494
   #334683      #fff898         8.16          384
   #334683      #e7e9eb         7.36          428
   #334683      #777            2.0           110
   #334683      #555            1.20           76
   #334683      #333            1.41          118
   #334683      black           2.34          271

Blue (urgent)
   #00f         #ff3            8.02          714

Blue links
   #005090      white           8.23          461
   #005090      #e4ffcc         7.64          383
   #005090      #fff898         7.50          351
   #005090      #f0f2f4         7.34          422
   #005090      #ccffcc         7.35          359
   #005090      #777            1.84          103
   #005090      #333            1.53          151
   #005090      black           2.55          304

Purple links
   #100070      white          16.72          653
   #100070      #fff898        15.23          543
   #100070      #ccffcc        14.92          551
   #100070      #777            3.73          245
   #100070      #333            1.32          163
   #100070      black           1.26          112
   #100070      #005090         2.03          112
*/


/*** GENERAL SETTINGS ***/

html, body {
   font-size: 1em;
   text-align: left;
   padding: 0;
   margin: 0;
   text-decoration: none;
   color: #000;
}
html { background: #e7e9eb; }

/* This specifies the basic width of our web pages.  Don't change it
   without discussion on www-discuss.  The magic 74.92 is for
   consistency with fsf.org.  */
body {
   margin: auto;
   background-color: white;
}

h1, h2, h3{
    margin: 0;
    padding-bottom: 5px;
    padding-top: 7px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: 0px
}

.inner { overflow: hidden; }

.inner h2, .inner  ul { padding-left: 1.5%; }
#content ul { padding-left: 0; }

a[href] { color: #005090; }
a[href]:visited { color: #100070; }
a[href]:active, a[href]:hover { color: #777; }

blockquote { margin: 1em; font-style: italic; }

acronym, abbr { border-bottom: 1px dotted #111; }

img { border: 0; }

address { margin-bottom: 1em; }

/* separate the "term" from subsequent "description" */
dt { margin-bottom: 1em; color: #222; }

/* separate the "description" from subsequent list item
   when the final <dd> child is an anonymous box */
dd { margin-bottom: 2em; }

/* separate anonymous box (used to be the first element in <dd>)
   from subsequent <p> */
dd p { margin-top: 1em; }


.center, .c { text-align: center; }
.nocenter{ text-align: left; }

.underline { text-decoration: underline; }
.nounderline { text-decoration: none; }

.imgright { float: right; margin: 1em; margin-right: 0; }
.imgleft { float: left; margin: 1em; margin-left: 0; }

.big { font-size: 130%; padding-top: 0.7em; }

.inline-list li { display: inline }

.netscape4 { display: none !important; }


/*** TOP OF THE PAGE ***/

#toplinks {
   float: left;
   font-size: .9em;
   font-family: "FreeSans", sans-serif;
   font-weight: bold;
   padding: .6em 1.5em 0 1.5em;
   margin: 0;
}
#toplinks a, #toplinks a:visited {
   color: #404040; text-decoration: none;
}
#toplinks a:hover { color: #777; }

#searcher {
   display: block;
   text-align: right;
   font-weight: bold;
   padding: .3em 1.5%;
   background-color: #d1d4d7;
}
#searcher input {
   font-family: "FreeSans", sans-serif;
   font-size: .9em;
   margin: 0;
}
#searcher input[type="text"] {
   padding: .2em;
   margin: 0;
   color: #555;
   background: white;
   border: .1em solid #c9cccf;
   border-radius: .3em;
   -moz-border-radius: .3em;
   -khtml-border-radius: .3em;
   -webkit-border-radius: .3em;
   -opera-border-radius: .3em;
}
#searcher input[type="submit"] {
   padding: .2em .4em;
   margin: 0;
   color: #333;
   background: #e7e9eb;
   border: .1em solid #c9cccf;
   border-radius: .3em;
   -moz-border-radius: .3em;
   -khtml-border-radius: .3em;
   -webkit-border-radius: .3em;
   -opera-border-radius: .3em;

}
#searcher input[type="text"]:focus {
   color: #333;
   border: .1em solid #334683;
}
#searcher input[type="text"]:focus + input[type="submit"] {
   border: .1em solid #334683;
}
#searcher input[type="submit"]:hover {
   cursor: pointer;
}

#translations {
   clear: both;
   text-align: left;
   font-size: .8em;
   font-family: "FreeSans", sans-serif;
   line-height: 1.3em;
   padding-bottom: .5em;
   background-color: #d1d4d7;
}
#translations p {
   padding: .1em .5em .2em .5em;
   margin: 0 1.5%;
   background-color: #f0f2f4;
}
#translations span {
   white-space: nowrap;
   margin-right: .5em;
}
#translations a, #translations a:visited {
   color: #222; text-decoration: none;
}
/* Highlight the link to the original page */
#translations span.original {
   font-size: 1.1em; font-weight: bold;
   padding-top: .3em;
}
#translations span.original a,
#translations span.original a:visited {
   color: #334683;
}
#translations a:hover,
#translations span.original a:hover {
   color: #777;
}

/* For translation lists below the navigation bar. */
#content #translations { background: white; }
#content #translations p {
   padding: .2em .5em .3em .5em;
   margin: 1em 0 0 0;
   background: #e7e9eb;
}

/* Still used in some outdated translations. */
#translations h3, #translations h4 {
   font-size: 1em; font-weight: bold;
   padding: 1em 1.5% 0 1.5%;
   margin: 0;
}
#translations ul {
   margin: 1em 1.5%;
   background: #f0f2f4;
}
#translations li {
   direction: ltr; display: inline; white-space: nowrap;
   padding-left: 0.25em; padding-right: 0.25em;
}
/* Still used in some old /server/banner.*.html */
#links { display: none !important; }


/*** HEADER ***/
#header {
   font-family: "FreeSans", sans-serif;
   margin: 0 0 0 0;
   padding: 20px 0 0 0;
   margin-bottom: 4px;
   border-color: #470101;
   background: #ad0404 url(http://tubocurarine.is-programmer.com/user_files/tubocurarine/Image/header.gif) repeat-x bottom right;
   height: 92px;
   font-size:large;
   font-weight:bold;
}

#header a {
    color: #fff;
    font-weight: bold;
}

#header-content {
    width: 842px;
    margin: 30px 0 40px 20px;
}

#header-name {
    color: #fff;
    font-size: 34px;
    font-weight: bold;
}

#header h1 {
    margin: auto;
    padding: 0;
    color: #7CC523;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 28px
}

#header h1 a {
    color: #fff;
    align-content: center;
    margin-left: 20%;
}

#header h1 a:hover {
   text-decoration: underline;
   color: #fff;
}

#header p{
    margin: 0;
    padding-left: 1px;
    color: #AAAAAA;
    font-size: 11px;
    margin-left: 20%;
}

#header-description {
    color: #fff;
}

#header:after {
   clear: both; content: ""; display: block;
   height: 0px; visibility: hidden; width: 0px;
}

/* For the pages still using style.css */
#logo {
   background:url(/graphics/topbanner.png) no-repeat;
   float: left;
   padding:0; margin:0; border:0;
}
#logo a {
   display:block; overflow:hidden;
   width:550px;
   height:0px !important;
   text-decoration:none;
   padding:0; padding-top:101px;
   margin:0; border:0;
   cursor:pointer;
}


/*** NAVIGATION BAR ***/

#navigation {
   clear: both;
   font-family: "FreeSans", sans-serif;
   padding: .3em;
   background-color: #a50606;
}

#navigation:after {
   clear: both; content: ""; display: block;
   height: 0px; visibility: hidden; width: 0px;
}
#navigation ul {
   text-align: center;
   font-size: 0.9em;
   line-height: 1.8em;
   padding: 0;
   margin: 0;
   background-color: #a50606;
}
#navigation li {
   display: inline; white-space: nowrap;
   padding: 0;
}
#navigation li a, #navigation li a:visited {
   font-weight: bold;
   padding: .3em .5em;
   color: white; text-decoration: none;
}
#navigation li.active a {
   color: #333;
   background-color: white;
}
#navigation li a:hover {
   text-decoration: underline;
}


/*** CONTENT ***/
#content {
   text-align: left;
   padding: 0 1.5% 1em 1.5%; margin-top: 0;
   max-width: 74.92em;
   margin: auto;
   background-color: white;
   border-left: .2em solid #b9bcbf;
   border-right: .2em solid #b9bcbf;
   -moz-box-shadow: 0 0 10px 10px #b9bcbf;
   -webkit-box-shadow: 0 0 10px 10px #b9bcbf;
   -icab-box-shadow: 0 0 10px 10px #b9bcbf;
   -o-box-shadow: 0 0 10px 10px #b9bcbf;
   box-shadow: 0 0 10px 10px #b9bcbf;

}
#content h1, #content h2 {
   font-weight:bold;
   padding: 0; margin: .7em 0 .9em 0;
   color: #334683; text-shadow: #999 1px 1px 0;
}
#content h1 { font-size: 2.4em; }
#content h2 { font-size: 2em; }

#content h3, #content h4, #content h5, #content h6, #content p {
   margin-top: 1em ;
}
#content h3 { font-size: 1.6em; color: #333; }
#content h4 { font-size: 1.3em; color: #333; }
#content h5 { font-size: 1.1em; }
#content h6 { font-size: 1em; }
#content ul li, #fsf-campaigns ul li {
   list-style: square;
}
#content ol {
  list-style: decimal; margin-left: 1.9em; margin-right: 1.9em;
}
#content li, #fsf-campaigns li, #content dd, #content p, #content pre,
   #content dt, #content code, #content address { line-height: 1.3em; }

#content h3 a[href]:visited, #content h4 a[href]:visited { color: #334683; }
#content h3 a[href]:hover, #content h4 a[href]:hover { color: #777; }

/* For column headers in education.html, but could apply elsewhere. */
#content .yui-gc h2 {
   text-shadow: none;
   margin-bottom: .7em;
}

#content small { font-size: .9em; }

/* Equivalent of #backtotop within a section */
#content p.back {
   text-align: right;
   font-weight: bold;
   line-height: 1.5em;
   padding: .6em 1em .4em 1em; }
#content p.back a, .back a:visited { color: #333; }
#content p.back a:hover { color: #777; }

/*** side bar ***/
#sidebar{
    float: left;
    padding: 40px;
    padding-top: 0;
    width: 12%;
    font-size: 11px /*background:transparent url(./images/sidebar_bg.gif) repeat-y;*/
}

#sidebar ul{ margin: 0; padding: 0; list-style-type: none }

#sidebar ul li{
    border-bottom: 1px dotted #DDDDDD;
    margin-bottom: 0.3em;
    padding: 0.3em
}

/*** Entries ***/
.entrytitle h2{ font-size: 17px; line-height: 1.0em }

.entrytitle h2 a { color: #7CC523 }

.entrytitle h2 a:hover{ color: #58BBEB }

.entrytitle h3{ color: #6F6F6F; font-size: 11px }

#sidebar h2{ margin-bottom: 5px; color: #555555; font-size: 15px }

.entry{ margin-bottom: 3em }

.entrybody{ font-size: 12px }

.entrymeta{ padding-top: 5px; font-size: 11px }

.postedby{
    padding: 3px;
    padding-left: 20px;
    background: url(images/user.gif) #FFFFFF no-repeat
}

/*** ADDITIONAL LINKS ***/

#fsf-links {
   clear: both;
   font-family: "FreeSans", sans-serif;
   padding: .3em;
   background-color: #d1d4d7;
}
#fsf-links ul {
   text-align: center;
   font-size: .9em;
   line-height: 1.8em;
   margin: 0;
   background-color: #d1d4d7;
}
#fsf-links li {
   display: inline; white-space: nowrap;
   list-style: none;
   padding: 0;
}
#fsf-links li a, #fsf-links li a:visited {
   font-weight: bold;
   padding: .3em .5em;
   color: #222; text-decoration: none;
}
#fsf-links li a:hover {
   text-decoration: underline;
}


 /*** FSF STUFF ***/

#mission-statement {
   font-size: 0.9em;
   margin: 2em 1.5% 1em 1.5%;
}
#mission-statement blockquote {
   font-weight: bold;
   margin: 1em  0;
}
#mission-statement img {
   float: left;
   height: 2em;
   margin: .3em .5em;
}
#mission-statement p { margin: 0 0 .2em 0; }

#backtotop a {
   clear: both;
   float: right;
   font-size: 1.1em;
   font-weight: bold;
   margin: .7em 1em 1.5em 1em;
}
div#backtotop {
/* For older versions of layout. */
   margin: .7em 0 0 0;
   text-align: right; padding: 1em;
}
#backtotop a, #backtotop a:visited { color: #333; }
#backtotop a:hover { color: #777; }

#sisters { font-size: .9em; margin: 0 1.5% 1.5em 1.5%; }


/*** FOOTER ***/

#footer {
   clear: both;
   font-size: 60%;
   padding: 1.11em 1.5%;
   color: #333;
   background-color: #f0f2f4;
   border-top: 1px solid #c9cccf;
   float: right;
   text-align: right
}

#footer p { margin-bottom: 0; }

#footer .unprintable, #footer .translators-credits {
   margin-bottom: .7em;
}

#bottom-notes { margin-top: .7em; }


/*** HOME PAGE ***/

#home:after {
   clear: both; content: ""; display: block;
   height: 0px; visibility: hidden; width: 0px;
}
#home .first-column {
   clear: left;
   width: 56.1%;
   float: left;
   margin-bottom: 1em; margin-top: 0;
}
#home .second-column {
   width: 42.1%;
   float: right;
   margin-bottom: 1em;
}
#home h2 {
   text-shadow: none;
   margin-bottom: .6em;
}
#home .first-column img { width: 80%; margin: .5em 0 1em 0; }
#home .second-column h4 img { height: .75em; width: .75em; }

#home .button {
   text-align: center;
   font-weight: bold;
   margin-top: .7em; margin-bottom: .8em;
   box-shadow: .15em .15em #171d33;
   -moz-box-shadow: .15em .15em #171d33;
   -webkit-box-shadow: .15em .15em #171d33;
   -icab-box-shadow: .15em .15em #171d33;
   -o-box-shadow: .15em .15em #171d33;
   border-radius: 1em;
   -moz-border-radius: 1em;
   -khtml-border-radius: 1em;
   -webkit-border-radius: 1em;
   -opera-border-radius: 1em;
}
.button a, .button a:visited {
   color: #971611;
   text-decoration: none;
}
.button a:hover {
   color: #777;
}
.large {
   width: auto: max-width: 100%;
   font-size: 2em;
   padding: .1em;
   background-color: #e7e9eb;
   border: .4em solid #c9cccf;
}
.small {
   font-size: 1.6em;
   background-color: #e7e9eb;
}

.emph-box {
   padding: 1em; padding-top: 0;
   margin-bottom: 2.5em;
   background-color: #f0f2f4;
   border: 1px solid #c9cccf;
}
.emph-box p { font-size: .9em }
#content .emph-box h4 {
   text-align: center;
   font-size: 1.5em;
}

#Action {
   text-align: left;
   padding: 0 1em;
   border-left: .4em solid #b9bcbf; border-right: .4em solid #b9bcbf;
}

h2#Action {
   text-align: center;
}
#Action h2 {
   float: none;
   text-align: center;
   padding-top: 0;
   color: #171d33;
}
#Action li { margin-bottom: .7em; }


/*** HIGHLIGHTED STUFF ***/

.highlight, .highlight-para {
   clear: both;
   margin-bottom: 1em;
   color: black;
}
.highlight {
/* Please do not add borders. This style is applied to an in-line tag. */
   padding: .2em .5em;
   background-color: #fff898;
   border: 0;
}
.highlight-para {
   padding: 0 1.2em;
   background-color: #ffc;
   border: 2px solid #b9bcbf;
}

/* For the announcements */
#content div.announcement {
   font-size: 1.1em; font-weight: bold;
   padding: 0 1em;
   margin: 1.5em 0;
   color: #333;
   border-left: .5em solid #b9bcbf;
}
#content div.announcement blockquote {
   margin-left: 0; margin-right: 0;
}

/* the urgent div should be enabled when we have something urgent to
   appear on every page - these typically come from johns, peterb or rms
   at the fsf */
#urgent {
   text-align: center;
   font-size: .9em; font-weight: bold;
   line-height: 2.6em;
   color: black;
   background-color: #ff3;
   border-bottom: .3em solid #333;
}
#urgent a, #urgent a:visited {
   color: blue; text-decoration: underline;
}
#urgent a:hover { color: #777; }

/* For the notes about mailing lists, etc. */
#content .note {
   clear: right;
   float: right;
   text-align: center;
   font-style: normal;
   width: 20em; max-width: 90%;
   padding: 0;
   margin: .3em 1em 1em 1em;
   border: .3em solid #3465a4;
}
#content .note p {
   font-size: 1.1em;
   line-height: 1.4em;
   padding: 0 1em;
   margin: 1em 0;
}
#content .note strong { font-size: 1.2em; }

/* For the note about Free Software Free Society */
#content blockquote#fsfs p { padding: .3em 0; }


/*** TRANSLATED PAGES ***/

/* For the note saying the page is a translation. */
#content .trans-disclaimer {
   text-align: center;
   font-weight: bold;
   font-style: italic;
   margin-bottom: 0;
   margin-top: 1.2em;
}
#content .trans-disclaimer a,
#content .trans-disclaimer a:visited { color: #334683; }
#content .trans-disclaimer a:hover { color: #777; }

/* For outdated translations  */
#outdated {
   text-align: center;
   padding: .7em 3%;
   margin: .3em -1.6%;
   background-color: #f0f2f4;
   border-bottom: .3em solid #d1d4d7;
}
#outdated p {
   margin: 0.2em 0;
}
/* In the out-of-date notice, we use <br> elements to separate
   translatable texts from automatically generated items. */
#outdated br { display: none }
#outdated a:visited { color: #334683; }
#outdated a:hover { color: #777; }

/* For translators notes */
#content .translators-notes { font-size: .9em; }
#content .translators-notes hr { margin-top: 1.65em; }


/*** EDUCATION ***/

/* definitions for /education-specific navigation bar
   and breadcrumbs for education */
#edu-navigation {
   clear: both;
   font-family: "FreeSans", sans-serif;
   background-color: #d1d4d7;
}
ul#edu-navigation {
   text-align: center;
   font-size: .9em; font-weight: bold;
   line-height: 1.8em;
   padding: 0;
   margin: 0 -1.6%;
}
#edu-navigation li {
   display: inline; white-space: nowrap;
   list-style-type: none;
   padding: 0;
}
#edu-navigation li a, #edu-navigation li a:visited {
   padding: .3em .45em .35em .45em;
   color: #222; text-decoration: none;
}
#edu-navigation li.active a {
   background-color: white;
}
#edu-navigation li a:hover,
#edu-navigation li.active a:hover {
   text-decoration: underline;
}

#content .edu-breadcrumb {
   font-size: .9em;
   font-weight: bold;
   text-align: left;
   padding-top: .4em;
   margin-top: 0;
   color: #333;
}
#content .edu-breadcrumb a,
#content .edu-breadcrumb a:visited {
   color: #334683;
   text-decoration: none;
}
#content .edu-breadcrumb a:hover {
   color: #777;
}

/* styles for subsections of /education "Case Studies" */
div.edu-cases {
   border-top: 5px ridge #3465a4;
   border-bottom: 5px ridge #3465a4;
   padding: 1.5em 0;
   margin: 2em 4%;
}

/* make h3 for edu-cases look like h4 for other pages */
#content div.edu-cases h3 {
   font-size: 1.3em;
   margin: 0; margin-bottom: 1em;
}
div.edu-cases ul, div.edu-cases ol {
   padding: 0 4%;
}

/* For images in the Education section (and elsewhere?) */
#content .photo {
   float: right;
   width: 30em; max-width: 100%;
   margin: .3em 0 1em 0;
}
#content .photo img, #content .photo p {
   width: 94%;
   padding: 0 6%;
}
#content .photo img.recessed { width: 90%; }


/* End items specific to education */


/*** LISTINGS AND TABLES ***/

.listing,
.stx table {
   /* The default table for document listings. Contains name, document types,
   modification times etc in a file-browser-like fashion */
   border-collapse: collapse;
   border: 1px solid #666666;
   margin: 1em 0em 1em 0em;
}

.listing th,
.stx table th {
   background: #fff898;
   color: black;
   font-weight: bold !important;
   border: 1px solid #666666;
   font-weight: normal;
   padding: .7em;
}

.listing td a { display: block; }
.listing .top {
   border-top: 1px solid #666666;
   text-align: right ! important;
   padding: 0em 0em 1em 0em;
}

.listing .odd {
   /*every second line should be shaded */
   background-color: transparent;
}
.listing .even {
   background-color: #f0f2f4;
}
.listing .listingCheckbox {
   text-align: center;
}
.listing td,
.stx table td {
   border: 1px solid #666666;
   padding: 1em;
   text-align: center;
   line-height: 1.3em
}

.listing a:hover {
   text-decoration: underline;
}

.listing img {
   vertical-align: middle;
}

.listing { width: 100%; }

/* For wide tables, e.g. in doc/other-free-books.html */
table.listing {
   display: block;
   overflow: auto;
   padding: .1em;
   margin: auto;
}

/* This is for licenses/gpl-faq.html. */
table#gpl-compat-matrix {
   display: block;
   width: 100%;
   overflow: auto;
   padding: .1em;
   margin: auto;
   border-collapse: collapse;
}

table#gpl-compat-matrix td, th.gpl-matrix-border {
   text-align: center;
   padding: .3em;
   margin: 0;
   border: 1px solid black;
}

table#gpl-compat-matrix td.ok { background-color: #ccffcc; }
table#gpl-compat-matrix td.mok { background-color: #e4ffcc; }
table#gpl-compat-matrix td.nok { background-color: #dddddd; }
th.gpl-matrix-license { text-align: right; }
tr.gpl-matrix-use-type { border-top: 2px solid black; }

/* This is used in pages of lists, such as gnu-linux.faq.html,
   to give readers a hint that they can link directly to a given item.
   We make it less obtrusive than the item heading it follows.  */
.anchor-reference-id { font-size: 80%; font-weight: normal; }

span.anchor-reference-id a { color: #333; }
span.anchor-reference-id a[href]:hover { color: #777; }

/* For license-list.html */
#content div.toc {
   max-width: 45em;
   padding: 0 1em 1em 1em;
   margin: 3em auto 1em auto;
   background: #f0f2f4;
   border: 1px solid #c9cccf;
}
#content div.toc h3 { text-align: center; }

#content div.big-section {
   float: left;
}
#content div.big-section h3 {
   font-size: 1.8em;
   padding: .2em 0;
   margin: 1.3em .3em .6em 0 ;
   color: black;
   border-top: .2em solid #6989b6;
   border-bottom: .2em solid #6989b6;
}
#content div.big-subsection {
   margin-top: 1.3em;
   margin-bottom: 2em;
}
#content div.big-subsection h4 {
   clear: both;
   display: inline;
   font-size: 1.5em;
   margin-right: .3em;
   color: black;
}

hr.separator {
   display: block;
   height: .3em;
   margin-bottom: 1.2em;
   color: #999;
   background-color: #999;
   border: none;
}
/* End license-list definitions */


/*** MUSIC ***/

#content .caption { color: #334683; font-size: 1.5em; margin:0; }

.lyrics {
   background-color: #f0f2f4; font-style: italic; width: 25em;
   padding: 2em; border: 2px solid #e7e9eb;
   margin-left: 2em; margin-right: 2em;
}


/*** IMAGES ***/

/* Still used in /s/cgicc/. */
#gplv3-dogear {
   position: absolute;
   top: -1px;
   left: -1px;
}
#gplv3-dogear h3 {margin: 0;}
#gplv3-dogear a {
   background-image: url('/graphics/dogear.png');
   border: 0;
   display: block;
   overflow: hidden;
   height: 0px !important;
   width: 64px;
   padding: 0;
   padding-top: 64px;
   cursor: pointer;
}


/*** UNUSED? ***/

.pad { margin-bottom: 1em; }
.pad td { padding-left: 1em; padding-right: 1em; }
div.spacer { height: .1em; width: 100%; background-color: transparent; }


/*** Article Related ***/

#article_header {
    color: #777;
    margin: 0px 0px 8px 10px;
    padding: 0px 10px 0px 30px;
    font-size: 80%;
}

/*** Infobox ***/
.infobox{
    padding: 8px;
    background: #7CC523;
    color: #FFFFFF;
    font-size: 11px
}

/*** MISC ***/

.filedto{
    padding: 3px;
    padding-left: 20px;
    background: url(images/post.gif) #FFFFFF no-repeat
}

.commentslink{
    padding: 3px;
    padding-left: 20px;
    background: url(images/packaged.gif) #FFFFFF no-repeat
}
.posttags{
    padding: 3px;
    padding-left: 20px;
    background: url(images/tag.gif) #FFFFFF no-repeat
}

#bulletin {
    width:25%;
    border:1px solid #ccc;
}

2 Images

2.1 Header

header.gif

Figure 1: header figure

Layla Lilley 说:
2019年5月03日 07:48

Wow, I am amazed to see this post, have seen some good species from your post. Thank you for sharing it and keep posting more such posts, we all at dissertation writing services. Thanks for the nice sharing and stay blessed

Mike 说:
2020年4月22日 11:07

Very helpful blog post! There is a great deal of information here that can assist any organisation get started with an effective social networking campaign. Funny Wifi Names 2020

Matt 说:
2020年4月27日 10:26

I examine your blog every day as well as try to learn something from your blog site. Thank you as well as waiting for your new post.

Ric Thomas 说:
2020年4月30日 14:13

Positive site, where did u create the details on this publishing? I have checked out a few of the write-ups on your web site currently, and I really like your design. Thanks a million as well as please keep up the effective work.  kbc winner

Ric Thomas 说:
2020年5月01日 10:30

You got a wonderful blog.
I will certainly have an interest in even more comparable topics.
I see you obtained really extremely valuable topics,
I will certainly be constantly checking your blog site thanks.  jio lottery winner,kbc lottery

Ric Thomas 说:
2020年5月02日 01:29

You actually make it look so easy with your efficiency but I find this matter to be in fact something which I believe I would never ever comprehend.
It appears very broad as well as well challenging for me. I'm expecting your following message,
I'll attempt to master it! kbc lottery

Ric Thomas 说:
2020年5月07日 19:23

Pretty wonderful article. I just stumbled upon your weblog and also wished to claim that I have actually truly taken pleasure in browsing your post. I'll be subscribing to your feed and also I wish you write once more quickly! kbc head office number

Ric Thomas 说:
2020年5月07日 20:36

Hi there, I discovered your site by means of Google while looking for a related subject, your site showed up, it looks excellent. I have actually bookmarked it in my google book markings. kbc winner

Ric Thomas 说:
2020年5月07日 20:37

I check out a great deal of blog articles,
but I never ever listened to a subject l   kbc lottery winner

Ric Thomas 说:
2020年5月07日 21:06

Extremely great blog site and posts. I am truly very delighted to see your blog site. Now I am found which I actually want. I inspect your blog daily as well as attempt to find out something from your blog site. Thank you and also awaiting your brand-new blog post. kbc lottery

Ric Thomas 说:
2020年5月11日 04:21

I obtained way too much fascinating things on your blog. I think I am not the just one having all the pleasure right here! Maintain up the good work. kbc

Ric Thomas 说:
2020年5月11日 04:45

Believe it or otherwise, it is the kind of info I've long been looking for. It matches my requirements a great deal. Thank you for creating this details. kbc registration

Ric Thomas 说:
2020年5月11日 04:53

I check out a whole lot of blog posts, however I never ever heard a topic like this. I Love this topic you made regarding the blog owner's container checklist. kbc lottery

Andrew Strauch 说:
2020年5月22日 14:48

I obtained so engaged in this material that I could not wait to check out. Many thanks. kbc winner list

Andrew Strauch 说:
2020年5月22日 14:59

Superior blog post, stay on top of this outstanding job. It's good to understand that this subject is being additionally covered on this internet website so joys for making the effort to review this! Many thanks once again and also again! kbc lottery winner

Andrew Strauch 说:
2020年5月22日 15:33

Outstanding post. Thanks to this blog my expedition has finished. kbc contact number

Andrew Strauch 说:
2020年5月22日 15:44

Your work is truly valued round the world as well as the clock.
It is a practical and exceptionally extensive blog site. kbc lottery winner

Andrew Strauch 说:
2020年5月22日 16:13

I'm certain that you will certainly be making an actually useful place. Excellent perform! kbc lottery

Andrew Strauch 说:
2020年5月24日 19:51

I inspect your blog every day as well as try to learn something from your blog. T
hanks and waiting for your new message.  best email marketing app for shopify

Andrew Strauch 说:
2020年5月27日 17:11

Positive website, where did u create the details on this publishing? I have actually read a few of the write-ups on your website now, and I actually like your design. Many thanks a million and please keep up the efficient job. jio lottery 2020

Andrew Strauch 说:
2020年5月27日 17:16

Your job is truly valued round the globe and also the clock. It is a useful and also unbelievably thorough blog. kbc winner 2020

Andrew Strauch 说:
2020年6月04日 11:52

Favorable site, where did u think of the details on this posting? I have checked out a few of the posts on your internet site currently, and also I really like your design. Thanks a million as well as please maintain the effective work. kbc winner list

Andrew Strauch 说:
2020年6月04日 12:54

Great Article it's really informative and also innovative maintain us posted with brand-new updates. its was really valuable. many thanks a lot. kbc lottery winner

Andrew Strauch 说:
2020年6月04日 15:25

I'm sure that you will certainly be making a really useful place. Great carry out! kbc contact number

Andrew Strauch 说:
2020年6月04日 15:29

This is an incredible blog post I have seen due to the fact that of the deal it. It is actually what I anticipated to see rely on the future you will continue in sharing such a wonderful blog post. kbc lottery winner

Andrew Strauch 说:
2020年6月04日 16:24

Normal sees provided below are the simplest method to value your energy, which is why I am going to the internet site every day, looking for brand-new, interesting information. Thank you! kbc lottery

Andrew Strauch 说:
2020年6月04日 16:26

Superb post. I was always inspecting this blog, as well as I'm pleased! Incredibly useful info specifically the last part, I take care of such info a great deal. I was exploring this certain information for a lengthy time. Thanks to this blog site my expedition has ended. kbc winner 2021

Andrew Strauch 说:
2020年6月04日 16:28

No question this is an excellent message I got a great deal of expertise after checking out best of luck. The style of the blog is superb there is nearly everything to read, Brilliant article. jio lottery 2021

Andrew Strauch 说:
2020年6月06日 11:57

Fabulous article, you have represented out some great points, I similarly think this s an extremely terrific site. I will go to once again for more quality material and additionally, suggest this website to all. Thanks. dog training collar

Andrew Strauch 说:
2020年6月11日 15:49

Fabulous message, you have represented out some fantastic points, I furthermore assume this s a really wonderful site. I will see once more for even more top quality web content and also, suggest this website to all. Many thanks. kbc lottery 2021

Andrew Strauch 说:
2020年6月11日 16:34

Because of the offer it, this is a wonderful article I have seen. It is actually what I expected to see count on the future you will proceed in sharing such a mind-blowing message. kbc head office number

Andrew Strauch 说:
2020年6月11日 16:55

I inspect your blog site every day and try to discover something from your blog site. Thank you as well as waiting for your brand-new blog post. jio lottery winner

Andrew Strauch 说:
2020年6月11日 18:22

Superb article. I was constantly checking this blog, and I'm impressed! Incredibly beneficial info specially the last part, I take care of such information a whole lot. I was exploring this certain details for a long period of time. Many thanks to this blog site my expedition has finished. kbc lottery winner 2021

Andrew Strauch 说:
2020年6月11日 18:25

No question this is an outstanding message I obtained a great deal of understanding after reading best of luck. The motif of the blog is outstanding there is nearly every little thing to review, Brilliant post. kbc lucky draw 2021

Andrew Strauch 说:
2020年6月11日 19:01

Fantastic task here on. I review a great deal of blog articles, yet I never ever heard a subject such as this. I Love this topic you made about the blog owner's container listing. Extremely clever. kbc winner list

Andrew Strauch 说:
2020年6月11日 19:05

Superior blog post, stay on par with this extraordinary work. It's great to recognize that this topic is being also covered on this internet site so cheers for making the effort to discuss this! Many thanks time and again! kbc head office number

Matthew LoftusHills 说:
2020年6月14日 02:31

Everything is so organized on this website, I am just loving it and everything is so helpful. i am working for Carolina Demolition Services provides complete demolition services after property damage and during reconstruction. We handle demolition projects after fire or water damage has occurred and during structural remodels and additions. Carolina Demolition Consulting Services and Residential and Commercial Demolition Services

Andrew Strauch 说:
2020年6月14日 11:26

I value this write-up for the well-researched material and also exceptional wording. I got so curious about this product that I could not stop reading. Your blog is truly outstanding. כנסו לאתר

Andrew Strauch 说:
2020年7月05日 23:54

Many thanks for sharing wonderful information with us. I like your blog post and also all you show to us is up to day and fairly useful, I would certainly such as to bookmark the web page so I can come below once again to read you, as you have done a remarkable task. מהאתר

Andrew Strauch 说:
2020年7月09日 10:17

Very wonderful write-up, I delighted in reviewing your message, very great share, I desire to twit this to my followers. Many thanks! kbc lucky draw 2021

Andrew Strauch 说:
2020年7月09日 10:22

Hi there, I found your website through Google while looking for an associated subject, your web site turned up, it looks wonderful. I have actually bookmarked it in my google book marks. kbc lottery winner 2021

Andrew Strauch 说:
2020年7月10日 09:49

I really took pleasure in reading this article, big follower. Maintain the great as well as please inform me when can you publish more articles or where can I read a lot more on the subject? kbc winner list

Andrew Strauch 说:
2020年7月10日 09:49

Routine sees provided here are the easiest approach to value your energy, which is why I am mosting likely to the web site on a daily basis, looking for new, fascinating details. Thank you! kbc official website

Andrew Strauch 说:
2020年7月14日 12:04

I can not wait to dig deep and also kickoff utilizing resources that I got from you. Your pep is refreshing. kbc lottery winners

Andrew Strauch 说:
2020年7月15日 09:17

Believe it or otherwise, it is the sort of info I've long been searching for. It matches my needs a whole lot. Thank you for composing this details. kaun banega crorepati lottery check

Andrew Strauch 说:
2020年7月15日 10:24

I obtained so engaged in this material that I could not wait to check out. Thanks. 网课代写

Andrew Strauch 说:
2020年7月15日 10:26

I can not wait to dig kickoff and deep utilizing resources that I obtained from you. Your liveliness is rejuvenating. paragonpoker

Andrew Strauch 说:
2020年7月16日 00:15

I check out a whole lot of blog articles, yet I never listened to a subject like this. I review a lot of blog posts, but I never heard a topic like this. Positive website, where did u come up with the info on this posting? I just stumbled upon your blog as well as wanted to state that I have actually truly enjoyed surfing your blog site messages. Positive site, where did u come up with the information on this posting? kbc whatsapp number

Andrew Strauch 说:
2020年7月17日 00:02

It is genuinely a well-researched material and superb phrasing. I got so involved in this product that I couldn't wait to read. I am impressed with your job as well as ability. Thanks. kbc lottery check up

Andrew Strauch 说:
2020年7月18日 11:18

Hi there, I located your internet site through Google while looking for a related subject, your website showed up, it looks wonderful. I have actually bookmarked it in my google book marks. Hppoker

Andrew Strauch 说:
2020年7月18日 11:20

I'm certain that you will certainly be making a truly useful place. Good do! mybestpoker

Andrew Strauch 说:
2020年7月18日 11:23

I review a whole lot of blog site messages, yet I never heard a subject like this. I check out a great deal of blog articles, but I never ever heard a topic like this. Favorable website, where did u come up with the info on this publishing? I just stumbled upon your blog and also wanted to claim that I have actually enjoyed searching your blog site posts. Positive site, where did u come up with the information on this posting? Lexispoker

Andrew Strauch 说:
2020年7月20日 11:11

I review a whole lot of blog articles, however I never listened to a topic like this. I Love this topic you made regarding the blogger's bucket list. Judi Slot Online

Andrew Strauch 说:
2020年7月25日 10:34

I'm sure that you will certainly be making a truly beneficial location. Excellent do! Jio 25 Lakh Lottery Winner List

Andrew Strauch 说:
2020年7月25日 10:42

You in fact make it look so easy with your efficiency but I locate this matter to be actually something which I assume I would certainly never comprehend. It appears incredibly wide and also challenging for me. I'm looking forward to your following blog post, I'll attempt to get the hang of it! kbc prize winner file

Andrew Strauch 说:
2020年7月25日 10:43

Keep up the great; I review a couple of messages on this web site, including I think about that your blog site is remarkable as well as has collections of fantastic item of info. Many thanks for your important efforts. dndpoker

Andrew Strauch 说:
2020年7月26日 10:28

Actually pleased! Whatever is very open and also really clear explanation of problems. It contains true facts. Your website is extremely beneficial. Many thanks for sharing. kbc jio lottery winner

Andrew Strauch 说:
2020年7月26日 10:28

I want you to give thanks to for your time of this terrific read!!! I definitely take pleasure in every little of it and also I have you bookmarked to have a look at brand-new stuff of your blog site a must-read blog! kbc new year lucky draw 2020

Andrew Strauch 说:
2020年8月08日 03:52

Thanks for sharing nice info with us. I like your blog post and all you show to us is up to date and also fairly useful, I would love to bookmark the web page so I can come right here again to read you, as you have actually done a remarkable task. 먹튀검증사이트

Andrew Strauch 说:
2020年8月08日 03:52

Superb blog post. Many thanks to this blog site my expedition has finished. 먹튀커머스

Andrew Strauch 说:
2020年8月11日 21:40

Favorable site, where did u create the details on this publishing? I have actually reviewed a few of the posts on your website now, and I really like your style. Thanks a million and also please maintain the efficient job. แทงบอลออนไลน์

Andrew Strauch 说:
2020年9月10日 03:13

Routine brows through detailed right here are the most convenient technique to value your energy, which is why I am mosting likely to the internet site daily, looking for new, intriguing information. Thank you! บุหรี่ไฟฟ้า

Andrew Strauch 说:
2020年9月23日 08:48

Fabulous post, you have actually signified out some amazing factors, I likewise believe this s a very fantastic site. I will see once more for even more top quality content and also, recommend this website to all. Many thanks. QR Code Generator

Andrew Strauch 说:
2020年10月26日 11:28

I value this article for the well-researched material as well as outstanding phrasing. I got so thinking about this product that I couldn't quit reading. Your blog site is really remarkable. radio app

Andrew Strauch 说:
2020年11月09日 03:32

Superior blog post, stay up to date with this outstanding work. It's wonderful to recognize that this subject is being additionally covered on this internet site so joys for taking the time to discuss this! Thanks again and once more! 卡式台胞證

Andrew Strauch 说:
2020年11月10日 15:39

Positive site, where did u create the info on this posting? I have read a few of the articles on your web site currently, and I truly like your style. Thanks a million as well as please keep up the reliable job. 臺胞證

Andrew Strauch 说:
2021年1月18日 11:22

Hey, what a fantastic post I have found as well as thought me I have actually been looking out for this similar type of message for past a week and rarely encountered this. Thank you very a lot and also I will certainly search for even more postings from you. notes

Andrew Strauch 说:
2021年4月08日 18:48

I appreciate this short article for the well-researched web content and also outstanding wording. I obtained so thinking about this product that I could not stop reviewing. Your blog site is actually outstanding. framing a basement

Andrew Strauch 说:
2021年5月08日 08:00

Since of the offer it, this is a magnificent blog post I have actually seen. It is actually what I anticipated to see rely on the future you will certainly proceed in sharing such a mind-blowing post. Relx

Andrew Strauch 说:
2021年6月23日 09:47

Great post yet I was asking yourself if you could create a little bit extra on this subject? If you might specify a little bit additional, I would certainly be really happy. Value it! eprimefeed.com Latest News Economy Politics Tech Sports Movies Fashion Life & Style الإخبارية

Andrew Strauch 说:
2021年12月07日 12:39

I really took pleasure in analysis this blog post, huge follower. Maintain the great and please tell me when can you publish more articles or where can I read a lot more on the subject? joker123 online

Andrew Strauch 说:
2021年12月13日 10:56

Favorable website, where did u create the details on this posting? I have read a few of the short articles on your internet site currently, and I actually like your style. Thanks a million and please keep up the reliable work. Normanton Park

joker123 说:
2021年12月30日 23:54

More people have to check this out link joker123 and understand this side of your story.

Andrew Strauch 说:
2022年6月17日 15:07 I inspect your blog site every day and attempt to learn something from your blog site. Thank you as well as waiting for your brand-new article. resume builder

登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter