Line 13: | Line 13: | ||
h2 { | h2 { | ||
− | + | display:block; | |
− | + | font-size: 42px; | |
− | + | font-family: 'Oswald', Arial, sans-serif; | |
− | + | color:#333; | |
− | + | padding-top:-10px; | |
− | + | margin-left:10%; | |
} | } | ||
Line 24: | Line 24: | ||
h3 { | h3 { | ||
− | + | display:block; | |
− | + | font-size: 27px; | |
− | + | font-family: 'Oswald', Arial, sans-serif; | |
− | + | color:#333; | |
− | + | padding-top:1%; | |
− | + | margin-left:10%; | |
} | } | ||
h4 { | h4 { | ||
− | + | display:block; | |
− | + | font-size: 20px; | |
− | + | font-family: 'Oswald', Arial, sans-serif; | |
− | + | padding-top:1%; | |
− | + | margin-left:10%; | |
} | } | ||
h5 { | h5 { | ||
− | + | display:block; | |
− | + | font-size: 30px; | |
− | + | color:#17A3B5; | |
− | + | font-family: 'Oswald', Arial, sans-serif; | |
− | + | padding-top:1%; | |
− | + | margin-left:10%; | |
} | } | ||
Line 132: | Line 132: | ||
strong { | strong { | ||
− | + | font-weight: bold; | |
} | } | ||
Line 138: | Line 138: | ||
table { | table { | ||
− | + | background: #f5f5f5; | |
− | + | border-collapse: separate; | |
− | + | box-shadow: inset 0 1px 0 #fff; | |
− | + | font-size: 12px; | |
− | + | line-height: 24px; | |
− | + | margin: 30px auto; | |
− | + | text-align: left; | |
− | + | width: 400px; | |
− | } | + | } |
th { | th { | ||
− | + | background: linear-gradient(#777, #444); | |
− | + | border-left: 1px solid #555; | |
− | + | border-right: 1px solid #777; | |
− | + | border-top: 1px solid #555; | |
− | + | border-bottom: 1px solid #333; | |
− | + | box-shadow: inset 0 1px 0 #999; | |
− | + | color: #fff; | |
font-weight: bold; | font-weight: bold; | ||
− | + | padding: 10px 15px; | |
− | + | position: relative; | |
− | + | text-shadow: 0 1px 0 #000; | |
+ | text-align : center; | ||
} | } | ||
th:after { | th:after { | ||
− | + | background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08)); | |
− | + | content: ''; | |
− | + | display: block; | |
− | + | height: 25%; | |
− | + | left: 0; | |
− | + | margin: 1px 0 0 0; | |
− | + | position: absolute; | |
− | + | top: 25%; | |
− | + | width: 100%; | |
+ | text-align : center; | ||
} | } | ||
th:first-child { | th:first-child { | ||
− | + | border-left: 1px solid #777; | |
− | + | box-shadow: inset 1px 1px 0 #999; | |
} | } | ||
th:last-child { | th:last-child { | ||
− | + | box-shadow: inset -1px 1px 0 #999; | |
} | } | ||
td { | td { | ||
− | + | border-right: 1px solid #fff; | |
− | + | border-left: 1px solid #e8e8e8; | |
− | + | border-top: 1px solid #fff; | |
− | + | border-bottom: 1px solid #e8e8e8; | |
− | + | padding: 10px 15px; | |
− | + | position: relative; | |
− | + | transition: all 300ms; | |
} | } | ||
td:first-child { | td:first-child { | ||
− | + | box-shadow: inset 1px 0 0 #fff; | |
− | } | + | } |
td:last-child { | td:last-child { | ||
− | + | border-right: 1px solid #e8e8e8; | |
− | + | box-shadow: inset -1px 0 0 #fff; | |
− | } | + | } |
tr:nth-child(odd) td { | tr:nth-child(odd) td { | ||
− | + | background: #f1f1f1 ; | |
} | } | ||
Line 217: | Line 219: | ||
</style> | </style> | ||
+ | |||
+ | |||
<body> | <body> | ||
<div> | <div> |