style/main.css

   1
   2 ul.topnav {
   3         overflow: hidden;
   4         margin: 0;
   5         padding: 0;
   6         list-style-type: none;
   7   background-color: #1b2538;
   8 }
   9 ul.topnav li {
  10         float: left;
  11 }
  12 ul.topnav li a {
  13         display: block;
  14         padding: 14px 16px;
  15         text-align: center;
  16         text-decoration: none;
  17         color: white;
  18 }
  19 ul.topnav li a:hover:not(.active) {
  20   /*background-color: #a9bce2;*/
  21   background-color: #1B73BA;
  22 }
  23 ul.topnav li a.active {
  24         background-color: #1B73BA;
  25 }
  26 ul.topnav li.right {
  27         float: right;
  28 }
  29 nav {
  30
  31   margin-bottom: 4%;
  32   border-top: solid 5px #1B73BA;
  33   /*border-bottom: solid 5px #1B73BA;*/
  34   margin-left: -4%;
  35   margin-right: -4%;
  36 }
  37
  38 /*見出し系*/
  39 h2 {
  40   background: #1d1d1d;
  41   border-top: 2px solid #1B73BA;
  42   box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;
  43   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;
  44   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;
  45   box-sizing: border-box;
  46   color: #1B73BA;
  47   font-size: 20px;
  48   font-weight: bold;
  49   margin: 0 0 20px;
  50   padding: 10px 15px 10px;
  51 }
  52 h1 {
  53   color: #1B73BA;
  54   /*
  55   text-shadow: 2px 2px 0 #fff,
  56                -2px 2px 0 #fff,
  57                2px -2px 0 #fff,
  58                -2px -2px 0 #fff;
  59   */
  60   margin-left: -4%;
  61   margin-right: -4%;
  62   margin-top: -3%;
  63 }
  64 h3 {
  65   border-bottom: 2px solid rgb(68, 71, 73);
  66   font-size: 18px;
  67   font-weight: bold;
  68   margin: 0 0 20px;
  69   padding-bottom: 5px;
  70 }
  71 h4 {
  72   border-left: 2px solid #1B73BA;
  73   font-size: 16px;
  74   font-weight: bold;
  75   margin: 0 0 20px;
  76   padding-left: 5px;
  77 }
  78
  79 /*プログラムコード*/
  80 code {
  81   font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
  82   font-size: 14px
  83 }
  84
  85 /* 背景 */
  86 html {
  87   background-color: #191919;
  88 }
  89
  90 body {
  91   background-color: #111111;
  92   margin-left: 10%;
  93   margin-right: 10%;
  94   padding: 3% 3%;
  95   height: 100%;
  96   color: #fff;
  97 }
  98
  99
 100 /* 箇条書き*/
 101 ul li {
 102   line-height: 2
 103 }
 104
 105 /*フッター*/
 106 footer{
 107   background-color: #191919;
 108   margin-left: -4%;
 109   margin-right: -4%;
 110   margin-bottom: -9%;
 111   margin-top: 2%;
 112 }
 113
 114 /*画像サイズ調整*/
 115 img {
 116   max-width: 60%;
 117   height: auto;
 118 }
 119
 120 pre {
 121   max-width: 100%;
 122 }
 123
 124 /*～へ行く*/
 125 .goto {
 126   text-align: center;
 127   max-width: 100%;
 128   margin-left: -4%;
 129   margin-right: -4%;
 130   padding-left: 25%;
 131   padding-right: 25%;
 132 }
 133
 134 /*テーブル*/
 135 table {
 136   border: 1px solid #ddd;
 137   width: 100%;
 138   text-align: left;
 139 }
 140 td, th {
 141   padding: 2px 2px;
 142   text-align: center;
 143 }
 144 thead tr {
 145   background-color: #191919;
 146 }
 147 thead tr th {
 148   color: #1B73BA;
 149   text-align: center;
 150 }
 151 tfoot {
 152   border-top: 1px solid #ddd;
 153 }
 154 tbody tr th {
 155   font-weight: bold;
 156 }
 157 tbody tr:nth-of-type(2n) {
 158   background: #191919;
 159 }
 160
 161 .table {
 162   padding-left: 5%;
 163   padding-right: 5%;
 164 }
 165
 166 /*リンク*/
 167 a {
 168   text-decoration:none;
 169   color: #6EDEFF;
 170 }
 171 a:hover {
 172   text-decoration:underline;
 173 }
 174
 175 a:visited {
 176   text-decoration:none;
 177   color: #6EDEFF;
 178 }