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