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