XHTML/CSS・トップ | CSSソース・目次


●CSSソース3(pluto.css)





@charset "Shift_JIS";

        body {
          background-color: #000;
          color: #fff;
          margin: 0;
          padding: 0;
          padding-top:1em;
          padding-bottom: 2em;
          letter-spacing: 1px;
        }

        br {
          letter-spacing: normal; /* ← IE6対策 */ 
        }

        a:link {
          color: #d4f3ff;
          background-color: #4b6000;
          padding: 0.1em 0.3em;
          text-decoration: underline;
        }
        a:visited {
          color: #ffffff;
          background-color: #4b6000;
          padding: 0.1em 0.3em;
          text-decoration: underline;
        }
        a:hover {
          color: #ff00ff;
          background-color: #ffffff;
          text-decoration: none;
        }
        a:active {
          color: #ff0000;
          background-color: #000000;
          text-decoration: underline;
        }

        * {
          font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "MS UI Gothic", sans-serif;
        }

        h1, h2, h3, h4, h5, h6, p {
          margin-top: 0;
        }

        h2 {
          background-color: #335f00;
          color: #ffffff;
          font-size: 1.2em;
          border: outset #7aa6bf;
          border-width: 6px 14px;
          padding: 5px 5px 2px; 
          margin: 3% 30% 3% 3%;
        }

        h3 {
          background-color: #335f00;
          color: #ffffff;
          font-size: 1.1em;
          border: inset 5px #7b9bad;
          padding: 2px 4px;
          margin: 2em 30% 1em 5%;
        }

        h4 {
          background-color: #335f00;
          color: #ffffff;
          font-size: 1em;
          border: ridge 4px #8d5bd6;
          padding: 1px 4px;
          margin: 2em 30% 1em 5%;
        }

        p {
          font-size: 1em;
          line-height: 1.5;
          margin-left: 5%;
          margin-right: 30%;
        }

        p.sun {
          font-size: 0.8em;
          margin-left: 5%;
          margin-right: 30%;
        }

        ul, ol, dl { 
          padding: 0;
          margin: 0;
        }

        ul {
          margin-left: 7%;
          margin-right: 30%;
          padding: 0 4px 4px 2px;
          list-style-position: outside;
        }

        li {
          font-size: 0.9em;
          padding-bottom: 4px;
        }

        dl {
          margin-left: 7%;
          margin-right: 30%;
          padding: 0 4px 4px 2px;
        }

        dt, dd {
          font-size: 0.9em;
          padding-bottom: 4px;
        }

        table {
          background-color: #ffffff;
          color: #000000;
          border-collapse: collapse;
          border-style: none;
        }

        th {
          border: 2px solid #996600;
        }
        td {
          border: 1px solid #0000ff;
        }
        th, td {
          font-size: 0.8em;
          padding: 0.3em;
        }

        #yoko {
          padding-bottom: 2em;
          border-bottom: 4px solid #bbff02;
          margin-bottom: 2em;
        }

        .saturn {
          background-color: #696900;
          color: #ffffff;
          font-size: 0.9em;
          line-height: 1.4;
          margin: 2em 30% 3em 5%;
        }

        .venus1 {
          text-align: left;
        }
        .venus2 {
          text-align: center;
        }
        .venus3 {
          text-align: right;
        }



XHTML/CSS・目次 | CSSソース・目次