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