pagination 관련 css 정리 (2015.1.22)

gistfile1.txt

.pagination { margin: 0;}
.pagination > li.disabled > a, .pagination > li.disabled > span { color: #eee; }

.pagination,
.pagination ~ .rowOption {display: inline-block; margin-left:5px;}
.pagination ~ .rowOption > span {
    float: left;
    position: relative;
    padding: 6px 12px;
    margin-right: 4px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.pagination ~ .rowOption > select {float: left; height: 34px;}
 
@media screen and (max-width: 440px) {
    .pagination ~ .rowOption {
        overflow: hidden;
        display: block;
        width: 100%;
        margin: 5px 0;
    }
    .pagination ~ .rowOption > span {float: left;}
    .pagination ~ .rowOption select {float: right;}
}