89 lines
2.6 KiB
CSS
89 lines
2.6 KiB
CSS
|
/* Grid
|
|||
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
|||
|
|
|
|||
|
|
.columns {
|
|||
|
|
width: 100%;
|
|||
|
|
float: right;
|
|||
|
|
box-sizing: border-box; }
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* For devices larger than 550px */
|
|||
|
|
@media (min-width: 550px) {
|
|||
|
|
.column,
|
|||
|
|
.columns {
|
|||
|
|
margin-right: 4%; }
|
|||
|
|
.column:first-child,
|
|||
|
|
.columns:first-child {
|
|||
|
|
margin-right: 0; }
|
|||
|
|
|
|||
|
|
.twelve.columns { width: 100%; margin-right: 0; }
|
|||
|
|
|
|||
|
|
.offset-by-one.column,
|
|||
|
|
.offset-by-one.columns { margin-right: 8.66666666667%; }
|
|||
|
|
.offset-by-two.column,
|
|||
|
|
.offset-by-two.columns { margin-right: 17.3333333333%; }
|
|||
|
|
.offset-by-three.column,
|
|||
|
|
.offset-by-three.columns { margin-right: 26%; }
|
|||
|
|
.offset-by-four.column,
|
|||
|
|
.offset-by-four.columns { margin-right: 34.6666666667%; }
|
|||
|
|
.offset-by-five.column,
|
|||
|
|
.offset-by-five.columns { margin-right: 43.3333333333%; }
|
|||
|
|
.offset-by-six.column,
|
|||
|
|
.offset-by-six.columns { margin-right: 52%; }
|
|||
|
|
.offset-by-seven.column,
|
|||
|
|
.offset-by-seven.columns { margin-right: 60.6666666667%; }
|
|||
|
|
.offset-by-eight.column,
|
|||
|
|
.offset-by-eight.columns { margin-right: 69.3333333333%; }
|
|||
|
|
.offset-by-nine.column,
|
|||
|
|
.offset-by-nine.columns { margin-right: 78.0%; }
|
|||
|
|
.offset-by-ten.column,
|
|||
|
|
.offset-by-ten.columns { margin-right: 86.6666666667%; }
|
|||
|
|
.offset-by-eleven.column,
|
|||
|
|
.offset-by-eleven.columns { margin-right: 95.3333333333%; }
|
|||
|
|
|
|||
|
|
.offset-by-one-third.column,
|
|||
|
|
.offset-by-one-third.columns { margin-right: 34.6666666667%; }
|
|||
|
|
.offset-by-two-thirds.column,
|
|||
|
|
.offset-by-two-thirds.columns { margin-right: 69.3333333333%; }
|
|||
|
|
|
|||
|
|
.offset-by-one-half.column,
|
|||
|
|
.offset-by-one-half.columns { margin-right: 52%; }
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Base Styles
|
|||
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
|||
|
|
/* NOTE
|
|||
|
|
html is set to 62.5% so that all the REM measurements throughout Skeleton
|
|||
|
|
are based on 10px sizing. So basically 1.5rem = 15px :) */
|
|||
|
|
|
|||
|
|
|
|||
|
|
body {
|
|||
|
|
direction:rtl;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
label > .label-body {
|
|||
|
|
display: inline-block;
|
|||
|
|
margin-right: .5rem;
|
|||
|
|
font-weight: normal; }
|
|||
|
|
|
|||
|
|
|
|||
|
|
ol, ul {
|
|||
|
|
padding-right: 0;
|
|||
|
|
margin-top: 0; }
|
|||
|
|
|
|||
|
|
/* Tables
|
|||
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
|||
|
|
th,
|
|||
|
|
td {
|
|||
|
|
padding: 12px 15px;
|
|||
|
|
text-align: right;
|
|||
|
|
border-bottom: 1px solid #E1E1E1; }
|
|||
|
|
th:first-child,
|
|||
|
|
td:first-child {
|
|||
|
|
padding-right: 0; }
|
|||
|
|
th:last-child,
|
|||
|
|
td:last-child {
|
|||
|
|
padding-left: 0; }
|
|||
|
|
|