html,
body {
font-size: 100%;
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
}
.page {
padding: 7px;
}
#pageEmojis #count {
text-align: center;
margin: 14px 14px 0px 14px;
font-size: 80px;
}
#pageEmojis .status {
width: 200px;
margin: 0 auto;
font-size: 12px;
}
#pageEmojis .status table th {
width: 40px;
text-align: right;
}
#pageEmojis .status table td {
width: 160px;
text-align: right;
}
#pageEmojis #emojis {
max-width: 720px;
margin: 14px auto 0 auto;
text-align: center;
}
#pageEmojis #emojis .emoji {
display: inline-block;
position: relative;
border: 1px solid #ccc;
margin: 0 4px;
}
#pageEmojis #emojis .emoji .part {
position: absolute;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#pageRanking h1 {
text-align: center;
margin: 14px 0 0 0;
font-weight: bold;
}
#pageRanking .ranks {
max-width: 720px;
margin: 14px auto 14px auto;
}
#pageRanking .rank {
position: relative;
margin: 0 0 28px 0;
}
#pageRanking .headline {
font-size: 105%;
border-bottom: 1px solid #000;
margin-bottom: 8px;
}
#pageRanking .bars {
position: relative;
}
#pageRanking .bar {
position: relative;
font-size: 11px;
}
#pageRanking .graph {
height: 30px;
background: #ccc;
margin: 0 0 8px 0;
position: relative;
left: 34px;
}
#pageRanking .graph .count {
height: 10px;
width: 30px;
text-align: right;
position: absolute;
right: -36px;
top: 5px;
}
#pageRanking .graph .no {
height: 10px;
position: absolute;
left: 4px;
top: 5px;
}
#pageRanking .image {
position: absolute;
left: 0px;
top: 0px;
width: 30px;
height: 30px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
#pageSort {
width: 900px;
margin: 0 auto;
position: relative;
}
#pageSort .canvas {
z-index: 2;
width: 375px;
height: 375px;
position: relative;
margin: 0 auto;
background-color: #ccc;
background-image: url("bg.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border: 1px solid #ccc;
}
#pageSort .canvas img {
display: block;
position: absolute;
top: 0px;
left: 0px;
}
#pageSort .canvas img#imageDefault {
display: none;
-moz-opacity: 0.5;
opacity: 0.5;
}
#pageSort .canvas img#imageDefaultEye {
display: none;
-moz-opacity: 0.5;
opacity: 0.5;
}
#pageSort .canvas:hover #imagePart {
-moz-opacity: 0.5;
opacity: 0.5;
}
#pageSort .canvas:hover #imageDefaultEye {
-moz-opacity: 0;
opacity: 0;
}
#pageSort .inputer {
z-index: 2;
width: 208px;
position: absolute;
top: 120px;
right: 0px;
font-size: 93%;
}
#pageSort .inputer input {
width: 50px;
text-align: center;
border: 1px solid #000;
font-size: 83.3%;
padding: 2px 0;
}
#pageSort .inputer th,
#pageSort .inputer td {
padding: 4px 1px 4px 0px;
}
#pageSort .inputer th {
text-align: center;
}
#pageSort .categories {
z-index: 1;
width: 900px;
min-height: 49px;
margin: 0 auto;
position: relative;
top: 3px;
}
#pageSort .categories .category {
display: inline-block;
padding: 8px;
cursor: pointer;
position: relative;
}
#pageSort .categories .category .image {
width: 30px;
height: 30px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
#pageSort .categories .category .c,
#pageSort .categories .category .z {
position: absolute;
right: 4px;
top: 4px;
font-size: 74%;
text-shadow: -0.5px -0.5px 0px #fff;
}
#pageSort .categories .category .z {
top: auto;
left: 50%;
width: 30px;
margin-left: -15px;
right: auto;
bottom: -1px;
font-size: 59%;
text-align: center;
}
#pageSort .categories .category.selected {
background-color: #eee;
}
#pageSort .partsWrapper {
z-index: 1;
position: relative;
}
#pageSort .partsWrapper .parts {
width: 900px;
height: 615.78947368421px;
margin: 0 auto;
background-color: #eee;
font-size: 0;
}
#pageSort .partsWrapper .parts .part {
display: inline-block;
width: 42.857142857143px;
height: 47.368421052632px;
position: relative;
cursor: pointer;
}
#pageSort .partsWrapper .parts .part .image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: contain;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
background-repeat: no-repeat;
}
#pageSort .partsWrapper .parts .part .flag {
position: absolute;
top: 0px;
right: 1px;
color: #ff0000;
font-size: 8px;
font-weight: bold;
display: none;
}
#pageSort .partsWrapper .parts .part.new .flag {
display: block;
}
#pageSort .partsWrapper .border {
position: absolute;
background-color: #ccc;
}
#pageSort .partsWrapper .border#border101 {
width: 1px;
left: 4.7619047619048%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border102 {
width: 1px;
left: 9.5238095238095%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border103 {
width: 1px;
left: 14.285714285714%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border104 {
width: 1px;
left: 19.047619047619%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border105 {
width: 1px;
left: 23.809523809524%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border106 {
width: 1px;
left: 28.571428571429%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border107 {
width: 1px;
left: 33.333333333333%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border108 {
width: 1px;
left: 38.095238095238%;
margin-left: -1px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border109 {
width: 1px;
left: 42.857142857143%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border110 {
width: 1px;
left: 47.619047619048%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border111 {
width: 1px;
left: 52.380952380952%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border112 {
width: 1px;
left: 57.142857142857%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border113 {
width: 1px;
left: 61.904761904762%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border114 {
width: 1px;
left: 66.666666666667%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border115 {
width: 1px;
left: 71.428571428571%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border116 {
width: 1px;
left: 76.190476190476%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border117 {
width: 1px;
left: 80.952380952381%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border118 {
width: 1px;
left: 85.714285714286%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border119 {
width: 1px;
left: 90.47619047619%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border120 {
width: 1px;
left: 95.238095238095%;
margin-left: -0.5px;
top: 0px;
bottom: 0px;
}
#pageSort .partsWrapper .border#border201 {
height: 1px;
top: 7.6923076923077%;
margin-top: -0.5px;
right: 0px;
left: 0px;
}
#pageSort .partsWrapper .border#border202 {
height: 1px;
top: 15.384615384615%;
margin-top: -0.5px;
right: 0px;
left: 0px;
}
#pageSort .partsWrapper .border#border203 {
height: 1px;
top: 23.076923076923%;
margin-top: -0.5px;
right: 0px;
left: 0px;
}
#pageSort .partsWrapper .border#border204 {
height: 1px;
top: 30.769230769231%;
margin-top: -0.5px;
right: 0px;
left: 0px;
}
#pageSort .partsWrapper .border#border205 {
height: 1px;
top: 38.461538461538%;
margin-top: -0.5px;
right: 0px;
left: 0px;
}
#pageSort .partsWrapper .border#border206 {
height: 1px;
top: 46.153846153846%;
margin-top: -0.5px;
right: 0px;
left: 0px;
}
#pageSort .partsWrapper .border#border207 {
height: 1px;
top: 53.846153846154%;
margin-top: -0.5px;
right: 0px;
left: 0px;
}
#pageSort .partsWrapper .border#border208 {
height: 1px;
top: 61.538461538462%;
margin-top: -0.5px;
right: 0px;
left: 0px;
}
#pageSort .partsWrapper .border#border209 {
height: 1px;
top: 69.230769230769%;
margin-top: -0.5px;
right: 0px;
left: 0px;
}
#pageSort .partsWrapper .border#border210 {
height: 1px;
top: 76.923076923077%;
margin-top: -0.5px;
right: 0px;
left: 0px;
}
#pageSort .partsWrapper .border#border211 {
height: 1px;
top: 84.615384615385%;
margin-top: -0.5px;
right: 0px;
left: 0px;
}
#pageSort .partsWrapper .border#border212 {
height: 1px;
top: 92.307692307692%;
margin-top: -0.5px;
right: 0px;
left: 0px;
}
#pageSort .menu {
z-index: 2;
position: fixed;
top: 14px;
right: 14px;
padding: 7px;
background-color: rgba(0,0,0,0.65);
border-radius: 5px;
}
#pageSort .menu .row {
text-align: center;
color: #fff;
font-size: 74%;
padding: 7px;
cursor: pointer;
}
#pageSort .menu .row:hover {
background-color: rgba(255,255,255,0.5);
}
#pageSort .modalWrapper {
z-index: 2;
position: fixed;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
display: none;
}
#pageSort .modalWrapper .bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
background-color: rgba(0,0,0,0.65);
}
#pageSort .modalWrapper .modal {
position: absolute;
width: 600px;
height: 400px;
top: 50%;
margin-top: -200px;
left: 50%;
margin-left: -300px;
background-color: #fff;
border-radius: 9px;
}
#pageSort .modalWrapper .modal#modalPart .images {
position: absolute;
border: 1px solid #ccc;
top: 14px;
right: 14px;
left: 14px;
bottom: 66px;
overflow-y: auto;
}
#pageSort .modalWrapper .modal#modalPart .images .row {
height: 60px;
position: relative;
border-bottom: 1px solid #eee;
}
#pageSort .modalWrapper .modal#modalPart .images .row .name {
display: inline-block;
position: absolute;
line-height: 60px;
left: 60px;
width: 200px;
}
#pageSort .modalWrapper .modal#modalPart .images .row .bar {
position: absolute;
height: 50px;
left: 55px;
right: 5px;
top: 5px;
background-color: #eee;
}
#pageSort .modalWrapper .modal#modalPart .images .row .bar .inner {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
background-color: #d8e6f9;
}
#pageSort .modalWrapper .modal#modalPart .images .row canvas {
width: 50px;
height: 50px;
position: absolute;
left: 5px;
top: 5px;
}
#pageSort .modalWrapper .modal#modalPart .images .row .cancel {
font-size: 136%;
position: absolute;
right: 10px;
top: 50%;
line-height: 60px;
margin-top: -30px;
cursor: pointer;
}
#pageSort .modalWrapper .modal#modalPart .images .row .cancel span {
font-size: 47%;
position: relative;
top: -5px;
left: 2px;
}
#pageSort .modalWrapper .modal#modalPart .btn {
position: absolute;
left: 50%;
width: 200px;
margin-left: -100px;
bottom: 14px;
}
#pageSort .modalWrapper .modal#modalCategory,
#pageSort .modalWrapper .modal#modalCategoryEdit {
position: absolute;
width: 500px;
height: 340px;
top: 50%;
margin-top: -170px;
left: 50%;
margin-left: -250px;
background-color: #fff;
border-radius: 9px;
}
#pageSort .modalWrapper .modal#modalCategory .tableWrapper,
#pageSort .modalWrapper .modal#modalCategoryEdit .tableWrapper {
width: 400px;
margin: 0 auto 0 auto;
position: relative;
top: 28px;
}
#pageSort .modalWrapper .modal#modalCategory table,
#pageSort .modalWrapper .modal#modalCategoryEdit table {
width: 100%;
}
#pageSort .modalWrapper .modal#modalCategory table th,
#pageSort .modalWrapper .modal#modalCategoryEdit table th {
text-align: center;
}
#pageSort .modalWrapper .modal#modalCategory table th,
#pageSort .modalWrapper .modal#modalCategory table td,
#pageSort .modalWrapper .modal#modalCategoryEdit table th,
#pageSort .modalWrapper .modal#modalCategoryEdit table td {
font-size: 83.3%;
padding: 7px 2px;
text-align: center;
border-bottom: 1px solid #ccc;
}
#pageSort .modalWrapper .modal#modalCategory table th .image,
#pageSort .modalWrapper .modal#modalCategory table td .image,
#pageSort .modalWrapper .modal#modalCategoryEdit table th .image,
#pageSort .modalWrapper .modal#modalCategoryEdit table td .image {
display: inline-block;
width: 50px;
height: 50px;
background-color: #ccc;
}
#pageSort .modalWrapper .modal#modalCategory table th .image canvas,
#pageSort .modalWrapper .modal#modalCategory table td .image canvas,
#pageSort .modalWrapper .modal#modalCategoryEdit table th .image canvas,
#pageSort .modalWrapper .modal#modalCategoryEdit table td .image canvas {
width: 50px;
height: 50px;
background-color: #fff;
}
#pageSort .modalWrapper .modal#modalCategory table input[type="text"],
#pageSort .modalWrapper .modal#modalCategoryEdit table input[type="text"] {
width: 100px;
text-align: center;
border: 1px solid #000;
font-size: 83.3%;
padding: 2px 0;
}
#pageSort .modalWrapper .modal#modalCategory table label,
#pageSort .modalWrapper .modal#modalCategoryEdit table label {
cursor: pointer;
}
#pageSort .modalWrapper .modal#modalCategory .btn,
#pageSort .modalWrapper .modal#modalCategoryEdit .btn {
position: absolute;
left: 50%;
width: 200px;
margin-left: -100px;
bottom: 14px;
}
#pageSort .modalWrapper .modal#modalCategoryEdit table td .image {
background-color: #fff;
position: relative;
}
#pageSort .modalWrapper .modal#modalCategoryEdit table td .image .thumbnail {
z-index: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#pageSort .modalWrapper .modal#modalCategoryEdit table td .image canvas {
z-index: 1;
position: relative;
}
#pageSort .modalWrapper .modal#modalCategoryEdit .btn {
width: 100px;
margin-left: -50px;
}
#pageSort .modalWrapper .modal#modalCategoryEdit .btn#btnCategoryEdit {
margin-left: 7px;
}
#pageSort .modalWrapper .modal#modalCategoryEdit .btn#btnCategoryDelete {
margin-left: -107px;
background-color: #990000;
}
#pageSort .howto {
font-size: 83.3%;
margin: 14px 7px;
}
#pageSort .howto p {
padding: 4px 0;
}
#pageSort input[type="file"] {
display: none;
}
#pageSort .btn {
background-color: #999;
color: #fff;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
display: inline-block;
border-radius: 6px;
font-size: 83.3%;
cursor: pointer;
}
#commonParts {
height: 144px;
margin: 0 0 14px 0;
}
#commonParts .rows {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
padding: 12px 12px 12px 0;
}
#commonParts .rows .row {
display: inline-block;
width: 120px;
height: 120px;
border: 1px solid #ddd;
border-bottom: 2px solid #ddd;
position: relative;
margin-left: 12px;
border-radius: 5px;
}
#commonParts .rows .row .part {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
background-size: 60% auto;
background-position: center center;
background-repeat: no-repeat;
}
#commonParts .rows .row.v .part {
background-size: auto 60%;
}
#commonParts .rows .row .category {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
top: 4px;
right: 4px;
bottom: auto;
left: auto;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
}
#pageMedia {
padding: 0px;
margin-bottom: 100px;
-webkit-user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-transform: translateZ(0px);
}
#pageMedia #topMenu {
text-align: center;
}
#pageMedia #topMenu .item {
width: 25%;
display: inline-block;
margin: 0 2.5%;
position: relative;
}
#pageMedia #topMenu .item img {
width: 100%;
}
#pageMedia #topMenu #makeNew {
position: absolute;
right: 0px;
top: 0px;
display: none;
}
#pageMedia #topMenu #makeNew img {
width: 25px;
height: 25px;
}
#pageMedia .emojis2 {
padding-right: 4px;
padding-left: 4px;
padding-bottom: 8px;
margin-top: 4px;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0px);
}
#pageMedia .emojis2 .board {
margin: 8px;
padding: 8px;
background-color: #fff;
border-radius: 3px;
position: relative;
width: 60px;
min-height: 60px;
display: inline-block;
border: 1px solid #ddd;
}
#pageMedia .emojis2 .board .emoji {
position: absolute;
width: 60px;
height: 60px;
left: 8px;
top: 8px;
overflow: hidden;
background-image: url(bg_mini.png);
background-size: cover;
}
#pageMedia .emojis2 .board .emoji .part {
position: absolute;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#pageMedia .emojis2 .board .status {
margin: 60px 0 0 0;
position: relative;
text-align: center;
}
#pageMedia .emojis2 .board .status .name {
font-size: 83.3%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#pageMedia .emojis2 .board .status .download {
position: relative;
top: 2px;
font-size: 68%;
-webkit-tap-highlight-color: rgba(0,0,0,0.5);
}
#pageMedia .emojis {
padding-right: 4px;
padding-left: 4px;
padding-bottom: 8px;
margin-top: 4px;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
min-height: 100px;
-webkit-transform: translateZ(0px);
}
#pageMedia .emojis .board {
margin: 8px;
padding: 8px;
background-color: #fff;
border-radius: 3px;
position: relative;
width: 120px;
min-height: 120px;
display: inline-block;
border: 1px solid #ddd;
}
#pageMedia .emojis .board .emoji {
position: absolute;
width: 120px;
height: 120px;
left: 8px;
top: 8px;
overflow: hidden;
background-image: url(bg_mini.png);
background-size: cover;
}
#pageMedia .emojis .board .emoji .part {
position: absolute;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#pageMedia .emojis .board .status {
margin: 120px 0 0 0;
position: relative;
text-align: center;
}
#pageMedia .emojis .board .status .name {
font-size: 83.3%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#pageMedia .emojis .board .status .download {
position: relative;
top: 2px;
font-size: 68%;
-webkit-tap-highlight-color: rgba(0,0,0,0.5);
}
#pageMedia #kumatanEmojis {
padding-right: 4px;
padding-left: 4px;
padding-bottom: 8px;
margin-top: 4px;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
min-height: 100px;
-webkit-transform: translateZ(0px);
}
#pageMedia #kumatanEmojis .board {
margin: 8px;
padding: 8px;
background-color: #fff;
border-radius: 3px;
position: relative;
width: 120px;
min-height: 120px;
display: inline-block;
border: 1px solid #ddd;
}
#pageMedia #kumatanEmojis .board .emoji {
position: absolute;
width: 120px;
height: 120px;
left: 8px;
top: 8px;
overflow: hidden;
background-image: url(bg_mini.png);
background-size: cover;
}
#pageMedia #kumatanEmojis .board .emoji .part {
position: absolute;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#pageMedia #kumatanEmojis .board .status {
margin: 120px 0 0 0;
position: relative;
text-align: center;
}
#pageMedia #kumatanEmojis .board .status .name {
font-size: 83.3%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#pageMedia #kumatanEmojis .board .status .download {
position: relative;
top: 2px;
font-size: 68%;
-webkit-tap-highlight-color: rgba(0,0,0,0.5);
}
#pageMedia .parts {
padding-right: 4px;
padding-left: 4px;
padding-bottom: 8px;
margin-top: 4px;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
min-height: 100px;
-webkit-transform: translateZ(0px);
}
#pageMedia .parts .board {
margin-left: 8px;
margin-top: 8px;
padding: 8px;
background-color: #fff;
border-radius: 3px;
position: relative;
width: 60px;
min-height: 60px;
display: inline-block;
border: 1px solid #ddd;
background: #fcfcfc;
}
#pageMedia .parts .board .part {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
#pageMedia .parts .board .category {
position: absolute;
left: 3px;
top: 3px;
width: 17px;
height: 17px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
#pageMedia .headline {
height: 25px;
line-height: 25px;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 93%;
}
#pageMedia .headline#h1 {
background-color: #fb5b95;
}
#pageMedia .headline#h2 {
background-color: #40b9ba;
margin-top: 18px;
}
#pageMedia .headline#h3 {
background-color: #fbb25b;
}
#pageMedia .headline#h4 {
background-color: #5baafb;
}
#pageMedia .headline#h5 {
background-color: #4f40ba;
}
#pageMedia .headline2 {
height: 20px;
line-height: 20px;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 93%;
background: linear-gradient(-135deg,#a6c4f5,#f3aad1);
}
#pageMedia .banners {
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
margin-bottom: -20px;
padding-bottom: 12px;
}
#pageMedia .banners .banner {
display: inline-block;
width: 94%;
padding-bottom: 60.4%;
background-size: cover;
margin: 12px 3% 0 3%;
background-repeat: no-repeat;
position: relative;
}
#pageMedia .banners .banner .end {
display: none;
background-color: rgba(0,0,0,0.4);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
}
#pageMedia .banners .banner .end img {
position: absolute;
right: 7px;
top: 7px;
width: 25px;
}
#pageMedia .banners .banner.finished .end {
display: block;
}
#pageMedia .desc {
text-align: center;
color: #888;
font-size: 83.3%;
font-weight: bold;
}
#pageMedia .cells {
padding: 10px 12px 15px 0;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
#pageMedia .cells .cell {
display: inline-block;
position: relative;
width: 108px;
height: 151px;
margin-left: 12px;
border-radius: 5px;
overflow: hidden;
}
#pageMedia .cells .cell .bg {
position: absolute;
top: 0px;
right: 0px;
left: 0px;
height: 75px;
}
#pageMedia .cells .cell .header {
position: absolute;
top: 0px;
right: 0px;
left: 0px;
height: 75px;
background-color: #ccc;
background-repeat: no-repeat;
background-size: 50% auto;
background-position: center center;
}
#pageMedia .cells .cell .header .point {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
top: 7px;
right: auto;
bottom: auto;
left: 7px;
width: 18px;
height: 18px;
}
#pageMedia .cells .cell .content {
margin-top: 75px;
width: 100%;
text-align: center;
line-height: 12px;
padding: 5px 0 0 0;
position: relative;
}
#pageMedia .cells .cell .content .text {
position: absolute;
left: 0px;
right: 0px;
top: 8px;
bottom: 0px;
font-size: 62%;
white-space: pre-wrap;
font-weight: bold;
color: #888;
display: block;
text-align: center;
line-height: 14px;
}
#pageMedia .cells .cell .border {
position: absolute;
height: 73px;
right: 0px;
bottom: 1px;
left: 0px;
border: 1px solid #ddd;
border-radius: 0px 0px 5px 5px;
border-top: 0px;
border-bottom: 2px solid #ddd;
}
#pageMedia .cells .cell .btn {
position: absolute;
height: 30px;
line-height: 28px;
left: 0;
right: 0;
bottom: 0;
border-top: 1px dashed #ddd;
text-align: center;
font-weight: bold;
font-size: 83.3%;
}
#pageMedia .cells .cell .btn .text1 {
display: inline;
}
#pageMedia .cells .cell .btn .text2 {
display: none;
}
#pageMedia .cells .cell .end {
display: none;
background-color: rgba(0,0,0,0.4);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
bottom: auto;
height: 75px;
}
#pageMedia .cells .cell .end img {
position: absolute;
right: 7px;
top: 7px;
width: 25px;
}
#pageMedia .cells .cell .timeCover {
display: none;
background-color: rgba(0,0,0,0.6);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
bottom: auto;
height: 75px;
}
#pageMedia .cells .cell .timeCover img {
position: absolute;
right: 7px;
top: 7px;
width: 16px;
}
#pageMedia .cells .cell.finished .btn .text1 {
display: none;
}
#pageMedia .cells .cell.finished .btn .text2 {
display: inline;
}
#pageMedia .cells .cell.finished .end {
display: block;
}
#pageMedia .cells .cell.timer .timeCover {
display: block;
}
#pageMedia .cells .cell.timer .timeCover .time {
font-family: monospace;
color: #fff;
text-align: center;
font-weight: bold;
padding-top: 25%;
}
#pageMedia .cells .cell.line .header {
background-color: #00c300;
}
#pageMedia .cells .cell.line .btn {
color: #00c300;
}
#pageMedia .cells .cell.review .header {
background-color: #5f55d9;
}
#pageMedia .cells .cell.review .btn {
color: #5f55d9;
}
#pageMedia .cells .cell.twitter .header {
background-color: #50abf1;
}
#pageMedia .cells .cell.twitter .btn {
color: #50abf1;
}
#pageMedia .cells .cell.app .header {
background-color: #fb5b95;
}
#pageMedia .cells .cell.app .btn {
color: #fb5b95;
}
#pageMedia .cells .cell.invite .header {
background-color: #fb5b95;
}
#pageMedia .cells .cell.invite .btn {
color: #fb5b95;
}
#pageMedia .cells .cell.show .header {
background-color: #fb5b95;
}
#pageMedia .cells .cell.show .btn {
color: #fb5b95;
}
#pageMedia .cells .cell.facebook .header {
background-color: #3b5998;
}
#pageMedia .cells .cell.facebook .btn {
color: #3b5998;
}
#pageMedia .cells .cell.letter .header {
background-color: #fb5b95;
}
#pageMedia .cells .cell.letter .btn {
color: #fb5b95;
}
#pageMedia .cells .cell.rank_share .header {
background-color: #fb5b95;
}
#pageMedia .cells .cell.rank_share .btn {
color: #fb5b95;
}
#pageMedia .cells .cell.rank_share2 .header {
background-color: #fb5b95;
}
#pageMedia .cells .cell.rank_share2 .btn {
color: #fb5b95;
}
#pageMedia .cells .cell.rank .header {
background-color: #fb5b95;
}
#pageMedia .cells .cell.rank .btn {
color: #fb5b95;
}
#pageMedia .cells .cell.try .header {
background-color: #fb5b95;
}
#pageMedia .cells .cell.try .btn {
color: #fb5b95;
}
#pageMedia .cells .cell.video .header {
background-color: #68babc;
}
#pageMedia .cells .cell.video .btn {
color: #68babc;
}
#pageMedia .cells .cell.random .header {
background-color: #68babc;
}
#pageMedia .cells .cell.random .btn {
color: #68babc;
}
#pageMedia .cells .cell.keyboard .header {
background-color: #efc300;
}
#pageMedia .cells .cell.keyboard .btn {
color: #efc300;
}
#pageMedia .cells .cell.book .header {
background-color: #efc300;
}
#pageMedia .cells .cell.book .btn {
color: #efc300;
}
#pageMedia .cells .cell.deco .header {
background-color: #efc300;
}
#pageMedia .cells .cell.deco .btn {
color: #efc300;
}
#pageMedia .cells .cell.finished .btn {
color: #888888 !important;
}
#pageMedia .cells .cell.random2 .header,
#pageMedia .cells .cell#parts200 .header {
background-color: transparent;
}
#pageMedia .cells .cell.random2 .btn,
#pageMedia .cells .cell#parts200 .btn {
color: #efc300;
}
#pageMedia .cells .cell.random2 .bg,
#pageMedia .cells .cell#parts200 .bg {
background-image: url(bg_golden.png);
background-size: cover;
}
#pageMedia #qr {
position: relative;
margin: 0 10%;
overflow: hidden;
text-align: center;
vertical-align: middle;
}
#pageMedia #qr img {
width: 100%;
vertical-align: bottom;
position: relative;
}
#pageMedia #qr .text {
position: absolute;
height: 20%;
right: 9%;
left: 20%;
color: #fb5b95;
}
@media screen and (min-width: 375px) {
#pageMedia #qr .text {
top: 14%;
}
}
@media screen and (max-width: 375px) {
#pageMedia #qr .text {
top: 11.5%;
}
}
@media screen and (max-width: 320px) {
#pageMedia #qr .text {
top: 11%;
}
}
#pageMedia #qr .text span {
position: relative;
font-size: 83.3%;
font-weight: bold;
}
#pageMedia .terms {
text-align: right;
border-top: 1px solid #ccc;
}
#pageMedia .terms a {
font-size: 74%;
padding: 6px;
}
#pageMedia .app {
position: relative;
white-space: nowrap;
display: inline-block;
border: 1px solid #ddd;
border-bottom: 2px solid #ddd;
border-radius: 5px;
padding: 8px;
margin-right: 6px;
margin-left: 6px;
margin-top: 12px;
margin-bottom: 12px;
}
#pageMedia .app .icon {
width: 32px;
height: 32px;
background-color: #ccc;
border-radius: 9px;
background-position: center center;
background-size: cover;
display: inline-block;
}
#pageMedia .app .user {
display: inline-block;
position: relative;
top: -10px;
font-weight: bold;
color: #666;
}
#imageKumatan img {
width: 90%;
padding: 14px 0;
}
#imageVell {
text-align: center;
padding-top: 12px;
padding-bottom: 8px;
}
#imageVell img {
width: 320px;
}
#imagePata {
text-align: center;
padding-top: 12px;
padding-bottom: 8px;
}
#imagePata img {
width: 320px;
overflow: hidden;
border-radius: 4px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
}
#pageAward .header,
#pageAward .searchbar,
#pageUser .header,
#pageUser .searchbar,
#pageEmoji .header,
#pageEmoji .searchbar,
#pageEmojiPart .header,
#pageEmojiPart .searchbar,
#pageFollowers .header,
#pageFollowers .searchbar {
background-color: #fff;
position: fixed;
top: 0px;
right: 0px;
left: 0px;
height: 44px;
white-space: nowrap;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
#pageAward .header .row,
#pageAward .searchbar .row,
#pageUser .header .row,
#pageUser .searchbar .row,
#pageEmoji .header .row,
#pageEmoji .searchbar .row,
#pageEmojiPart .header .row,
#pageEmojiPart .searchbar .row,
#pageFollowers .header .row,
#pageFollowers .searchbar .row {
display: inline-block;
margin-right: 6px;
margin-left: 6px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#pageAward .header .row .inner,
#pageAward .searchbar .row .inner,
#pageUser .header .row .inner,
#pageUser .searchbar .row .inner,
#pageEmoji .header .row .inner,
#pageEmoji .searchbar .row .inner,
#pageEmojiPart .header .row .inner,
#pageEmojiPart .searchbar .row .inner,
#pageFollowers .header .row .inner,
#pageFollowers .searchbar .row .inner {
line-height: 28px;
margin-top: 8px;
margin-bottom: 8px;
padding-right: 14px;
padding-left: 14px;
font-size: 93%;
border-radius: 8px;
}
#pageAward .header .row.selected .inner,
#pageAward .searchbar .row.selected .inner,
#pageUser .header .row.selected .inner,
#pageUser .searchbar .row.selected .inner,
#pageEmoji .header .row.selected .inner,
#pageEmoji .searchbar .row.selected .inner,
#pageEmojiPart .header .row.selected .inner,
#pageEmojiPart .searchbar .row.selected .inner,
#pageFollowers .header .row.selected .inner,
#pageFollowers .searchbar .row.selected .inner {
background-color: #fb5b95;
color: #fff;
font-weight: bold;
}
#pageAward .searchbar,
#pageUser .searchbar,
#pageEmoji .searchbar,
#pageEmojiPart .searchbar,
#pageFollowers .searchbar {
text-align: center;
}
#pageAward .searchbar input,
#pageUser .searchbar input,
#pageEmoji .searchbar input,
#pageEmojiPart .searchbar input,
#pageFollowers .searchbar input {
padding-right: 4px;
padding-left: 4px;
position: relative;
top: 6px;
font-size: 83.3%;
border-color: #ccc;
}
#pageAward .searchbar input[type="text"],
#pageUser .searchbar input[type="text"],
#pageEmoji .searchbar input[type="text"],
#pageEmojiPart .searchbar input[type="text"],
#pageFollowers .searchbar input[type="text"] {
width: 70%;
height: 30px;
}
#pageAward .footer,
#pageUser .footer,
#pageEmoji .footer,
#pageEmojiPart .footer,
#pageFollowers .footer {
background-color: #fff;
position: fixed;
right: 0px;
bottom: 0px;
left: 0px;
height: 58px;
white-space: nowrap;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#pageAward .footer .row,
#pageUser .footer .row,
#pageEmoji .footer .row,
#pageEmojiPart .footer .row,
#pageFollowers .footer .row {
display: inline-block;
text-align: center;
width: 20%;
height: 46px;
padding-top: 12px;
-moz-opacity: 0.8;
opacity: 0.8;
color: #666;
line-height: 120%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#pageAward .footer .row.selected,
#pageUser .footer .row.selected,
#pageEmoji .footer .row.selected,
#pageEmojiPart .footer .row.selected,
#pageFollowers .footer .row.selected {
background-color: #eee;
-moz-opacity: 1.0;
opacity: 1.0;
}
#pageAward .footer .row span,
#pageUser .footer .row span,
#pageEmoji .footer .row span,
#pageEmojiPart .footer .row span,
#pageFollowers .footer .row span {
font-size: 59%;
}
#pageAward .content,
#pageUser .content,
#pageEmoji .content,
#pageEmojiPart .content,
#pageFollowers .content {
position: absolute;
top: 44px;
right: 0px;
bottom: 58px;
left: 0px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
background-color: #f0f0f0;
display: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-transform: translateZ(0px);
}
#pageAward .content#contentMyEmojis,
#pageUser .content#contentMyEmojis,
#pageEmoji .content#contentMyEmojis,
#pageEmojiPart .content#contentMyEmojis,
#pageFollowers .content#contentMyEmojis {
top: 0px;
border-top: 1px solid #ccc;
}
#pageAward .content .board,
#pageUser .content .board,
#pageEmoji .content .board,
#pageEmojiPart .content .board,
#pageFollowers .content .board {
margin: 8px;
padding: 8px;
background-color: #fff;
border-radius: 3px;
position: relative;
min-height: 120px;
}
#pageAward .content .board .emoji,
#pageUser .content .board .emoji,
#pageEmoji .content .board .emoji,
#pageEmojiPart .content .board .emoji,
#pageFollowers .content .board .emoji {
position: absolute;
width: 120px;
height: 120px;
left: 8px;
top: 8px;
overflow: hidden;
background-image: url(bg_mini.png);
background-size: cover;
}
#pageAward .content .board .emoji .part,
#pageUser .content .board .emoji .part,
#pageEmoji .content .board .emoji .part,
#pageEmojiPart .content .board .emoji .part,
#pageFollowers .content .board .emoji .part {
position: absolute;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#pageAward .content .board .status,
#pageUser .content .board .status,
#pageEmoji .content .board .status,
#pageEmojiPart .content .board .status,
#pageFollowers .content .board .status {
margin-left: 128px;
}
#pageAward .content .board .num,
#pageUser .content .board .num,
#pageEmoji .content .board .num,
#pageEmojiPart .content .board .num,
#pageFollowers .content .board .num {
font-size: 68%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#pageAward .content .board .name,
#pageUser .content .board .name,
#pageEmoji .content .board .name,
#pageEmojiPart .content .board .name,
#pageFollowers .content .board .name {
margin-top: 4px;
margin-bottom: 4px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#pageAward .content .board .point,
#pageUser .content .board .point,
#pageEmoji .content .board .point,
#pageEmojiPart .content .board .point,
#pageFollowers .content .board .point {
font-size: 68%;
}
#pageAward .content .board .point > span,
#pageUser .content .board .point > span,
#pageEmoji .content .board .point > span,
#pageEmojiPart .content .board .point > span,
#pageFollowers .content .board .point > span {
padding-right: 10px;
}
#pageAward .content .board .label,
#pageUser .content .board .label,
#pageEmoji .content .board .label,
#pageEmojiPart .content .board .label,
#pageFollowers .content .board .label {
position: absolute;
right: 4px;
top: 4px;
padding-right: 4px;
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
font-size: 62%;
background-color: #efefef;
border-radius: 3px;
}
#pageAward .content .board .rater,
#pageUser .content .board .rater,
#pageEmoji .content .board .rater,
#pageEmojiPart .content .board .rater,
#pageFollowers .content .board .rater {
line-height: 30px;
}
#pageAward .content .board .rater .star,
#pageUser .content .board .rater .star,
#pageEmoji .content .board .rater .star,
#pageEmojiPart .content .board .rater .star,
#pageFollowers .content .board .rater .star {
padding-right: 2px;
cursor: pointer;
}
#pageAward .content .board .rater .star.on,
#pageUser .content .board .rater .star.on,
#pageEmoji .content .board .rater .star.on,
#pageEmojiPart .content .board .rater .star.on,
#pageFollowers .content .board .rater .star.on {
font-size: 136%;
display: none;
}
#pageAward .content .board .rater .star.off,
#pageUser .content .board .rater .star.off,
#pageEmoji .content .board .rater .star.off,
#pageEmojiPart .content .board .rater .star.off,
#pageFollowers .content .board .rater .star.off {
font-size: 136%;
display: inline;
color: #bbb;
}
#pageAward .content .board .rater.rate1 .on.star1,
#pageUser .content .board .rater.rate1 .on.star1,
#pageEmoji .content .board .rater.rate1 .on.star1,
#pageEmojiPart .content .board .rater.rate1 .on.star1,
#pageFollowers .content .board .rater.rate1 .on.star1 {
display: inline;
}
#pageAward .content .board .rater.rate1 .off.star1,
#pageUser .content .board .rater.rate1 .off.star1,
#pageEmoji .content .board .rater.rate1 .off.star1,
#pageEmojiPart .content .board .rater.rate1 .off.star1,
#pageFollowers .content .board .rater.rate1 .off.star1 {
display: none;
}
#pageAward .content .board .rater.rate2 .on.star1,
#pageAward .content .board .rater.rate2 .on.star2,
#pageUser .content .board .rater.rate2 .on.star1,
#pageUser .content .board .rater.rate2 .on.star2,
#pageEmoji .content .board .rater.rate2 .on.star1,
#pageEmoji .content .board .rater.rate2 .on.star2,
#pageEmojiPart .content .board .rater.rate2 .on.star1,
#pageEmojiPart .content .board .rater.rate2 .on.star2,
#pageFollowers .content .board .rater.rate2 .on.star1,
#pageFollowers .content .board .rater.rate2 .on.star2 {
display: inline;
}
#pageAward .content .board .rater.rate2 .off.star1,
#pageAward .content .board .rater.rate2 .off.star2,
#pageUser .content .board .rater.rate2 .off.star1,
#pageUser .content .board .rater.rate2 .off.star2,
#pageEmoji .content .board .rater.rate2 .off.star1,
#pageEmoji .content .board .rater.rate2 .off.star2,
#pageEmojiPart .content .board .rater.rate2 .off.star1,
#pageEmojiPart .content .board .rater.rate2 .off.star2,
#pageFollowers .content .board .rater.rate2 .off.star1,
#pageFollowers .content .board .rater.rate2 .off.star2 {
display: none;
}
#pageAward .content .board .rater.rate3 .on.star1,
#pageAward .content .board .rater.rate3 .on.star2,
#pageAward .content .board .rater.rate3 .on.star3,
#pageUser .content .board .rater.rate3 .on.star1,
#pageUser .content .board .rater.rate3 .on.star2,
#pageUser .content .board .rater.rate3 .on.star3,
#pageEmoji .content .board .rater.rate3 .on.star1,
#pageEmoji .content .board .rater.rate3 .on.star2,
#pageEmoji .content .board .rater.rate3 .on.star3,
#pageEmojiPart .content .board .rater.rate3 .on.star1,
#pageEmojiPart .content .board .rater.rate3 .on.star2,
#pageEmojiPart .content .board .rater.rate3 .on.star3,
#pageFollowers .content .board .rater.rate3 .on.star1,
#pageFollowers .content .board .rater.rate3 .on.star2,
#pageFollowers .content .board .rater.rate3 .on.star3 {
display: inline;
}
#pageAward .content .board .rater.rate3 .off.star1,
#pageAward .content .board .rater.rate3 .off.star2,
#pageAward .content .board .rater.rate3 .off.star3,
#pageUser .content .board .rater.rate3 .off.star1,
#pageUser .content .board .rater.rate3 .off.star2,
#pageUser .content .board .rater.rate3 .off.star3,
#pageEmoji .content .board .rater.rate3 .off.star1,
#pageEmoji .content .board .rater.rate3 .off.star2,
#pageEmoji .content .board .rater.rate3 .off.star3,
#pageEmojiPart .content .board .rater.rate3 .off.star1,
#pageEmojiPart .content .board .rater.rate3 .off.star2,
#pageEmojiPart .content .board .rater.rate3 .off.star3,
#pageFollowers .content .board .rater.rate3 .off.star1,
#pageFollowers .content .board .rater.rate3 .off.star2,
#pageFollowers .content .board .rater.rate3 .off.star3 {
display: none;
}
#pageAward .content .board .rater.rate4 .on.star1,
#pageAward .content .board .rater.rate4 .on.star2,
#pageAward .content .board .rater.rate4 .on.star3,
#pageAward .content .board .rater.rate4 .on.star4,
#pageUser .content .board .rater.rate4 .on.star1,
#pageUser .content .board .rater.rate4 .on.star2,
#pageUser .content .board .rater.rate4 .on.star3,
#pageUser .content .board .rater.rate4 .on.star4,
#pageEmoji .content .board .rater.rate4 .on.star1,
#pageEmoji .content .board .rater.rate4 .on.star2,
#pageEmoji .content .board .rater.rate4 .on.star3,
#pageEmoji .content .board .rater.rate4 .on.star4,
#pageEmojiPart .content .board .rater.rate4 .on.star1,
#pageEmojiPart .content .board .rater.rate4 .on.star2,
#pageEmojiPart .content .board .rater.rate4 .on.star3,
#pageEmojiPart .content .board .rater.rate4 .on.star4,
#pageFollowers .content .board .rater.rate4 .on.star1,
#pageFollowers .content .board .rater.rate4 .on.star2,
#pageFollowers .content .board .rater.rate4 .on.star3,
#pageFollowers .content .board .rater.rate4 .on.star4 {
display: inline;
}
#pageAward .content .board .rater.rate4 .off.star1,
#pageAward .content .board .rater.rate4 .off.star2,
#pageAward .content .board .rater.rate4 .off.star3,
#pageAward .content .board .rater.rate4 .off.star4,
#pageUser .content .board .rater.rate4 .off.star1,
#pageUser .content .board .rater.rate4 .off.star2,
#pageUser .content .board .rater.rate4 .off.star3,
#pageUser .content .board .rater.rate4 .off.star4,
#pageEmoji .content .board .rater.rate4 .off.star1,
#pageEmoji .content .board .rater.rate4 .off.star2,
#pageEmoji .content .board .rater.rate4 .off.star3,
#pageEmoji .content .board .rater.rate4 .off.star4,
#pageEmojiPart .content .board .rater.rate4 .off.star1,
#pageEmojiPart .content .board .rater.rate4 .off.star2,
#pageEmojiPart .content .board .rater.rate4 .off.star3,
#pageEmojiPart .content .board .rater.rate4 .off.star4,
#pageFollowers .content .board .rater.rate4 .off.star1,
#pageFollowers .content .board .rater.rate4 .off.star2,
#pageFollowers .content .board .rater.rate4 .off.star3,
#pageFollowers .content .board .rater.rate4 .off.star4 {
display: none;
}
#pageAward .content .board .rater.rate5 .on.star1,
#pageAward .content .board .rater.rate5 .on.star2,
#pageAward .content .board .rater.rate5 .on.star3,
#pageAward .content .board .rater.rate5 .on.star4,
#pageAward .content .board .rater.rate5 .on.star5,
#pageUser .content .board .rater.rate5 .on.star1,
#pageUser .content .board .rater.rate5 .on.star2,
#pageUser .content .board .rater.rate5 .on.star3,
#pageUser .content .board .rater.rate5 .on.star4,
#pageUser .content .board .rater.rate5 .on.star5,
#pageEmoji .content .board .rater.rate5 .on.star1,
#pageEmoji .content .board .rater.rate5 .on.star2,
#pageEmoji .content .board .rater.rate5 .on.star3,
#pageEmoji .content .board .rater.rate5 .on.star4,
#pageEmoji .content .board .rater.rate5 .on.star5,
#pageEmojiPart .content .board .rater.rate5 .on.star1,
#pageEmojiPart .content .board .rater.rate5 .on.star2,
#pageEmojiPart .content .board .rater.rate5 .on.star3,
#pageEmojiPart .content .board .rater.rate5 .on.star4,
#pageEmojiPart .content .board .rater.rate5 .on.star5,
#pageFollowers .content .board .rater.rate5 .on.star1,
#pageFollowers .content .board .rater.rate5 .on.star2,
#pageFollowers .content .board .rater.rate5 .on.star3,
#pageFollowers .content .board .rater.rate5 .on.star4,
#pageFollowers .content .board .rater.rate5 .on.star5 {
display: inline;
}
#pageAward .content .board .rater.rate5 .off.star1,
#pageAward .content .board .rater.rate5 .off.star2,
#pageAward .content .board .rater.rate5 .off.star3,
#pageAward .content .board .rater.rate5 .off.star4,
#pageAward .content .board .rater.rate5 .off.star5,
#pageUser .content .board .rater.rate5 .off.star1,
#pageUser .content .board .rater.rate5 .off.star2,
#pageUser .content .board .rater.rate5 .off.star3,
#pageUser .content .board .rater.rate5 .off.star4,
#pageUser .content .board .rater.rate5 .off.star5,
#pageEmoji .content .board .rater.rate5 .off.star1,
#pageEmoji .content .board .rater.rate5 .off.star2,
#pageEmoji .content .board .rater.rate5 .off.star3,
#pageEmoji .content .board .rater.rate5 .off.star4,
#pageEmoji .content .board .rater.rate5 .off.star5,
#pageEmojiPart .content .board .rater.rate5 .off.star1,
#pageEmojiPart .content .board .rater.rate5 .off.star2,
#pageEmojiPart .content .board .rater.rate5 .off.star3,
#pageEmojiPart .content .board .rater.rate5 .off.star4,
#pageEmojiPart .content .board .rater.rate5 .off.star5,
#pageFollowers .content .board .rater.rate5 .off.star1,
#pageFollowers .content .board .rater.rate5 .off.star2,
#pageFollowers .content .board .rater.rate5 .off.star3,
#pageFollowers .content .board .rater.rate5 .off.star4,
#pageFollowers .content .board .rater.rate5 .off.star5 {
display: none;
}
#pageAward .content .board .delete,
#pageAward .content .board .download,
#pageAward .content .board .download2,
#pageAward .content .board .tweet,
#pageAward .content .board .tweet2,
#pageAward .content .board .comment,
#pageAward .content .board .comment2,
#pageUser .content .board .delete,
#pageUser .content .board .download,
#pageUser .content .board .download2,
#pageUser .content .board .tweet,
#pageUser .content .board .tweet2,
#pageUser .content .board .comment,
#pageUser .content .board .comment2,
#pageEmoji .content .board .delete,
#pageEmoji .content .board .download,
#pageEmoji .content .board .download2,
#pageEmoji .content .board .tweet,
#pageEmoji .content .board .tweet2,
#pageEmoji .content .board .comment,
#pageEmoji .content .board .comment2,
#pageEmojiPart .content .board .delete,
#pageEmojiPart .content .board .download,
#pageEmojiPart .content .board .download2,
#pageEmojiPart .content .board .tweet,
#pageEmojiPart .content .board .tweet2,
#pageEmojiPart .content .board .comment,
#pageEmojiPart .content .board .comment2,
#pageFollowers .content .board .delete,
#pageFollowers .content .board .download,
#pageFollowers .content .board .download2,
#pageFollowers .content .board .tweet,
#pageFollowers .content .board .tweet2,
#pageFollowers .content .board .comment,
#pageFollowers .content .board .comment2 {
position: absolute;
right: 8px;
bottom: 4px;
font-size: 68%;
text-align: right;
-webkit-tap-highlight-color: rgba(0,0,0,0.5);
}
#pageAward .content .board .tweet,
#pageUser .content .board .tweet,
#pageEmoji .content .board .tweet,
#pageEmojiPart .content .board .tweet,
#pageFollowers .content .board .tweet {
right: 48px;
}
#pageAward .content .board .tweet2,
#pageUser .content .board .tweet2,
#pageEmoji .content .board .tweet2,
#pageEmojiPart .content .board .tweet2,
#pageFollowers .content .board .tweet2 {
right: 64px;
}
#pageAward .content .board .download2,
#pageUser .content .board .download2,
#pageEmoji .content .board .download2,
#pageEmojiPart .content .board .download2,
#pageFollowers .content .board .download2 {
right: 104px;
}
#pageAward .content .board .comment,
#pageUser .content .board .comment,
#pageEmoji .content .board .comment,
#pageEmojiPart .content .board .comment,
#pageFollowers .content .board .comment {
right: 118px;
}
#pageAward .content .board .comment2,
#pageUser .content .board .comment2,
#pageEmoji .content .board .comment2,
#pageEmojiPart .content .board .comment2,
#pageFollowers .content .board .comment2 {
right: 160px;
}
#pageAward .content .add,
#pageAward .content .more,
#pageAward .content .loader,
#pageUser .content .add,
#pageUser .content .more,
#pageUser .content .loader,
#pageEmoji .content .add,
#pageEmoji .content .more,
#pageEmoji .content .loader,
#pageEmojiPart .content .add,
#pageEmojiPart .content .more,
#pageEmojiPart .content .loader,
#pageFollowers .content .add,
#pageFollowers .content .more,
#pageFollowers .content .loader {
display: block;
margin: 8px;
padding: 8px;
font-weight: bold;
font-size: 83.3%;
text-align: center;
background-color: #fff;
border-radius: 3px;
-webkit-tap-highlight-color: rgba(0,0,0,0.2);
}
#pageAward .content .profile,
#pageUser .content .profile,
#pageEmoji .content .profile,
#pageEmojiPart .content .profile,
#pageFollowers .content .profile {
margin: 8px;
padding: 8px;
background-color: #fff;
border-radius: 3px;
position: relative;
min-height: 120px;
text-align: center;
}
#pageAward .content .profile .emoji,
#pageUser .content .profile .emoji,
#pageEmoji .content .profile .emoji,
#pageEmojiPart .content .profile .emoji,
#pageFollowers .content .profile .emoji {
position: absolute;
width: 120px;
height: 120px;
left: 8px;
top: 8px;
overflow: hidden;
background-image: url(bg_mini.png);
background-size: cover;
}
#pageAward .content .profile .emoji .part,
#pageUser .content .profile .emoji .part,
#pageEmoji .content .profile .emoji .part,
#pageEmojiPart .content .profile .emoji .part,
#pageFollowers .content .profile .emoji .part {
position: absolute;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#pageAward .content .profile .status,
#pageUser .content .profile .status,
#pageEmoji .content .profile .status,
#pageEmojiPart .content .profile .status,
#pageFollowers .content .profile .status {
margin-left: 128px;
}
#pageAward .content .profile .num,
#pageUser .content .profile .num,
#pageEmoji .content .profile .num,
#pageEmojiPart .content .profile .num,
#pageFollowers .content .profile .num {
font-size: 68%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#pageAward .content .profile .name,
#pageUser .content .profile .name,
#pageEmoji .content .profile .name,
#pageEmojiPart .content .profile .name,
#pageFollowers .content .profile .name {
margin-top: 4px;
margin-bottom: 4px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#pageAward .content .profile .point,
#pageUser .content .profile .point,
#pageEmoji .content .profile .point,
#pageEmojiPart .content .profile .point,
#pageFollowers .content .profile .point {
font-size: 68%;
}
#pageAward .content .profile .point > span,
#pageUser .content .profile .point > span,
#pageEmoji .content .profile .point > span,
#pageEmojiPart .content .profile .point > span,
#pageFollowers .content .profile .point > span {
padding-right: 10px;
}
#pageAward .content .profile .label,
#pageUser .content .profile .label,
#pageEmoji .content .profile .label,
#pageEmojiPart .content .profile .label,
#pageFollowers .content .profile .label {
position: absolute;
right: 4px;
top: 4px;
padding-right: 4px;
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
font-size: 62%;
background-color: #efefef;
border-radius: 3px;
}
#pageAward .content .profile .rater,
#pageUser .content .profile .rater,
#pageEmoji .content .profile .rater,
#pageEmojiPart .content .profile .rater,
#pageFollowers .content .profile .rater {
line-height: 30px;
}
#pageAward .content .profile .rater .star,
#pageUser .content .profile .rater .star,
#pageEmoji .content .profile .rater .star,
#pageEmojiPart .content .profile .rater .star,
#pageFollowers .content .profile .rater .star {
padding-right: 2px;
cursor: pointer;
}
#pageAward .content .profile .rater .star.on,
#pageUser .content .profile .rater .star.on,
#pageEmoji .content .profile .rater .star.on,
#pageEmojiPart .content .profile .rater .star.on,
#pageFollowers .content .profile .rater .star.on {
font-size: 136%;
display: none;
}
#pageAward .content .profile .rater .star.off,
#pageUser .content .profile .rater .star.off,
#pageEmoji .content .profile .rater .star.off,
#pageEmojiPart .content .profile .rater .star.off,
#pageFollowers .content .profile .rater .star.off {
font-size: 136%;
display: inline;
color: #bbb;
}
#pageAward .content .profile .rater.rate1 .on.star1,
#pageUser .content .profile .rater.rate1 .on.star1,
#pageEmoji .content .profile .rater.rate1 .on.star1,
#pageEmojiPart .content .profile .rater.rate1 .on.star1,
#pageFollowers .content .profile .rater.rate1 .on.star1 {
display: inline;
}
#pageAward .content .profile .rater.rate1 .off.star1,
#pageUser .content .profile .rater.rate1 .off.star1,
#pageEmoji .content .profile .rater.rate1 .off.star1,
#pageEmojiPart .content .profile .rater.rate1 .off.star1,
#pageFollowers .content .profile .rater.rate1 .off.star1 {
display: none;
}
#pageAward .content .profile .rater.rate2 .on.star1,
#pageAward .content .profile .rater.rate2 .on.star2,
#pageUser .content .profile .rater.rate2 .on.star1,
#pageUser .content .profile .rater.rate2 .on.star2,
#pageEmoji .content .profile .rater.rate2 .on.star1,
#pageEmoji .content .profile .rater.rate2 .on.star2,
#pageEmojiPart .content .profile .rater.rate2 .on.star1,
#pageEmojiPart .content .profile .rater.rate2 .on.star2,
#pageFollowers .content .profile .rater.rate2 .on.star1,
#pageFollowers .content .profile .rater.rate2 .on.star2 {
display: inline;
}
#pageAward .content .profile .rater.rate2 .off.star1,
#pageAward .content .profile .rater.rate2 .off.star2,
#pageUser .content .profile .rater.rate2 .off.star1,
#pageUser .content .profile .rater.rate2 .off.star2,
#pageEmoji .content .profile .rater.rate2 .off.star1,
#pageEmoji .content .profile .rater.rate2 .off.star2,
#pageEmojiPart .content .profile .rater.rate2 .off.star1,
#pageEmojiPart .content .profile .rater.rate2 .off.star2,
#pageFollowers .content .profile .rater.rate2 .off.star1,
#pageFollowers .content .profile .rater.rate2 .off.star2 {
display: none;
}
#pageAward .content .profile .rater.rate3 .on.star1,
#pageAward .content .profile .rater.rate3 .on.star2,
#pageAward .content .profile .rater.rate3 .on.star3,
#pageUser .content .profile .rater.rate3 .on.star1,
#pageUser .content .profile .rater.rate3 .on.star2,
#pageUser .content .profile .rater.rate3 .on.star3,
#pageEmoji .content .profile .rater.rate3 .on.star1,
#pageEmoji .content .profile .rater.rate3 .on.star2,
#pageEmoji .content .profile .rater.rate3 .on.star3,
#pageEmojiPart .content .profile .rater.rate3 .on.star1,
#pageEmojiPart .content .profile .rater.rate3 .on.star2,
#pageEmojiPart .content .profile .rater.rate3 .on.star3,
#pageFollowers .content .profile .rater.rate3 .on.star1,
#pageFollowers .content .profile .rater.rate3 .on.star2,
#pageFollowers .content .profile .rater.rate3 .on.star3 {
display: inline;
}
#pageAward .content .profile .rater.rate3 .off.star1,
#pageAward .content .profile .rater.rate3 .off.star2,
#pageAward .content .profile .rater.rate3 .off.star3,
#pageUser .content .profile .rater.rate3 .off.star1,
#pageUser .content .profile .rater.rate3 .off.star2,
#pageUser .content .profile .rater.rate3 .off.star3,
#pageEmoji .content .profile .rater.rate3 .off.star1,
#pageEmoji .content .profile .rater.rate3 .off.star2,
#pageEmoji .content .profile .rater.rate3 .off.star3,
#pageEmojiPart .content .profile .rater.rate3 .off.star1,
#pageEmojiPart .content .profile .rater.rate3 .off.star2,
#pageEmojiPart .content .profile .rater.rate3 .off.star3,
#pageFollowers .content .profile .rater.rate3 .off.star1,
#pageFollowers .content .profile .rater.rate3 .off.star2,
#pageFollowers .content .profile .rater.rate3 .off.star3 {
display: none;
}
#pageAward .content .profile .rater.rate4 .on.star1,
#pageAward .content .profile .rater.rate4 .on.star2,
#pageAward .content .profile .rater.rate4 .on.star3,
#pageAward .content .profile .rater.rate4 .on.star4,
#pageUser .content .profile .rater.rate4 .on.star1,
#pageUser .content .profile .rater.rate4 .on.star2,
#pageUser .content .profile .rater.rate4 .on.star3,
#pageUser .content .profile .rater.rate4 .on.star4,
#pageEmoji .content .profile .rater.rate4 .on.star1,
#pageEmoji .content .profile .rater.rate4 .on.star2,
#pageEmoji .content .profile .rater.rate4 .on.star3,
#pageEmoji .content .profile .rater.rate4 .on.star4,
#pageEmojiPart .content .profile .rater.rate4 .on.star1,
#pageEmojiPart .content .profile .rater.rate4 .on.star2,
#pageEmojiPart .content .profile .rater.rate4 .on.star3,
#pageEmojiPart .content .profile .rater.rate4 .on.star4,
#pageFollowers .content .profile .rater.rate4 .on.star1,
#pageFollowers .content .profile .rater.rate4 .on.star2,
#pageFollowers .content .profile .rater.rate4 .on.star3,
#pageFollowers .content .profile .rater.rate4 .on.star4 {
display: inline;
}
#pageAward .content .profile .rater.rate4 .off.star1,
#pageAward .content .profile .rater.rate4 .off.star2,
#pageAward .content .profile .rater.rate4 .off.star3,
#pageAward .content .profile .rater.rate4 .off.star4,
#pageUser .content .profile .rater.rate4 .off.star1,
#pageUser .content .profile .rater.rate4 .off.star2,
#pageUser .content .profile .rater.rate4 .off.star3,
#pageUser .content .profile .rater.rate4 .off.star4,
#pageEmoji .content .profile .rater.rate4 .off.star1,
#pageEmoji .content .profile .rater.rate4 .off.star2,
#pageEmoji .content .profile .rater.rate4 .off.star3,
#pageEmoji .content .profile .rater.rate4 .off.star4,
#pageEmojiPart .content .profile .rater.rate4 .off.star1,
#pageEmojiPart .content .profile .rater.rate4 .off.star2,
#pageEmojiPart .content .profile .rater.rate4 .off.star3,
#pageEmojiPart .content .profile .rater.rate4 .off.star4,
#pageFollowers .content .profile .rater.rate4 .off.star1,
#pageFollowers .content .profile .rater.rate4 .off.star2,
#pageFollowers .content .profile .rater.rate4 .off.star3,
#pageFollowers .content .profile .rater.rate4 .off.star4 {
display: none;
}
#pageAward .content .profile .rater.rate5 .on.star1,
#pageAward .content .profile .rater.rate5 .on.star2,
#pageAward .content .profile .rater.rate5 .on.star3,
#pageAward .content .profile .rater.rate5 .on.star4,
#pageAward .content .profile .rater.rate5 .on.star5,
#pageUser .content .profile .rater.rate5 .on.star1,
#pageUser .content .profile .rater.rate5 .on.star2,
#pageUser .content .profile .rater.rate5 .on.star3,
#pageUser .content .profile .rater.rate5 .on.star4,
#pageUser .content .profile .rater.rate5 .on.star5,
#pageEmoji .content .profile .rater.rate5 .on.star1,
#pageEmoji .content .profile .rater.rate5 .on.star2,
#pageEmoji .content .profile .rater.rate5 .on.star3,
#pageEmoji .content .profile .rater.rate5 .on.star4,
#pageEmoji .content .profile .rater.rate5 .on.star5,
#pageEmojiPart .content .profile .rater.rate5 .on.star1,
#pageEmojiPart .content .profile .rater.rate5 .on.star2,
#pageEmojiPart .content .profile .rater.rate5 .on.star3,
#pageEmojiPart .content .profile .rater.rate5 .on.star4,
#pageEmojiPart .content .profile .rater.rate5 .on.star5,
#pageFollowers .content .profile .rater.rate5 .on.star1,
#pageFollowers .content .profile .rater.rate5 .on.star2,
#pageFollowers .content .profile .rater.rate5 .on.star3,
#pageFollowers .content .profile .rater.rate5 .on.star4,
#pageFollowers .content .profile .rater.rate5 .on.star5 {
display: inline;
}
#pageAward .content .profile .rater.rate5 .off.star1,
#pageAward .content .profile .rater.rate5 .off.star2,
#pageAward .content .profile .rater.rate5 .off.star3,
#pageAward .content .profile .rater.rate5 .off.star4,
#pageAward .content .profile .rater.rate5 .off.star5,
#pageUser .content .profile .rater.rate5 .off.star1,
#pageUser .content .profile .rater.rate5 .off.star2,
#pageUser .content .profile .rater.rate5 .off.star3,
#pageUser .content .profile .rater.rate5 .off.star4,
#pageUser .content .profile .rater.rate5 .off.star5,
#pageEmoji .content .profile .rater.rate5 .off.star1,
#pageEmoji .content .profile .rater.rate5 .off.star2,
#pageEmoji .content .profile .rater.rate5 .off.star3,
#pageEmoji .content .profile .rater.rate5 .off.star4,
#pageEmoji .content .profile .rater.rate5 .off.star5,
#pageEmojiPart .content .profile .rater.rate5 .off.star1,
#pageEmojiPart .content .profile .rater.rate5 .off.star2,
#pageEmojiPart .content .profile .rater.rate5 .off.star3,
#pageEmojiPart .content .profile .rater.rate5 .off.star4,
#pageEmojiPart .content .profile .rater.rate5 .off.star5,
#pageFollowers .content .profile .rater.rate5 .off.star1,
#pageFollowers .content .profile .rater.rate5 .off.star2,
#pageFollowers .content .profile .rater.rate5 .off.star3,
#pageFollowers .content .profile .rater.rate5 .off.star4,
#pageFollowers .content .profile .rater.rate5 .off.star5 {
display: none;
}
#pageAward .content .profile .delete,
#pageAward .content .profile .download,
#pageAward .content .profile .download2,
#pageAward .content .profile .tweet,
#pageAward .content .profile .tweet2,
#pageAward .content .profile .comment,
#pageAward .content .profile .comment2,
#pageUser .content .profile .delete,
#pageUser .content .profile .download,
#pageUser .content .profile .download2,
#pageUser .content .profile .tweet,
#pageUser .content .profile .tweet2,
#pageUser .content .profile .comment,
#pageUser .content .profile .comment2,
#pageEmoji .content .profile .delete,
#pageEmoji .content .profile .download,
#pageEmoji .content .profile .download2,
#pageEmoji .content .profile .tweet,
#pageEmoji .content .profile .tweet2,
#pageEmoji .content .profile .comment,
#pageEmoji .content .profile .comment2,
#pageEmojiPart .content .profile .delete,
#pageEmojiPart .content .profile .download,
#pageEmojiPart .content .profile .download2,
#pageEmojiPart .content .profile .tweet,
#pageEmojiPart .content .profile .tweet2,
#pageEmojiPart .content .profile .comment,
#pageEmojiPart .content .profile .comment2,
#pageFollowers .content .profile .delete,
#pageFollowers .content .profile .download,
#pageFollowers .content .profile .download2,
#pageFollowers .content .profile .tweet,
#pageFollowers .content .profile .tweet2,
#pageFollowers .content .profile .comment,
#pageFollowers .content .profile .comment2 {
position: absolute;
right: 8px;
bottom: 4px;
font-size: 68%;
text-align: right;
-webkit-tap-highlight-color: rgba(0,0,0,0.5);
}
#pageAward .content .profile .tweet,
#pageUser .content .profile .tweet,
#pageEmoji .content .profile .tweet,
#pageEmojiPart .content .profile .tweet,
#pageFollowers .content .profile .tweet {
right: 48px;
}
#pageAward .content .profile .tweet2,
#pageUser .content .profile .tweet2,
#pageEmoji .content .profile .tweet2,
#pageEmojiPart .content .profile .tweet2,
#pageFollowers .content .profile .tweet2 {
right: 64px;
}
#pageAward .content .profile .download2,
#pageUser .content .profile .download2,
#pageEmoji .content .profile .download2,
#pageEmojiPart .content .profile .download2,
#pageFollowers .content .profile .download2 {
right: 104px;
}
#pageAward .content .profile .comment,
#pageUser .content .profile .comment,
#pageEmoji .content .profile .comment,
#pageEmojiPart .content .profile .comment,
#pageFollowers .content .profile .comment {
right: 118px;
}
#pageAward .content .profile .comment2,
#pageUser .content .profile .comment2,
#pageEmoji .content .profile .comment2,
#pageEmojiPart .content .profile .comment2,
#pageFollowers .content .profile .comment2 {
right: 160px;
}
#pageAward .content .profile .emoji,
#pageUser .content .profile .emoji,
#pageEmoji .content .profile .emoji,
#pageEmojiPart .content .profile .emoji,
#pageFollowers .content .profile .emoji {
margin: 8px auto;
width: 90px;
height: 90px;
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#pageAward .content .profile .status,
#pageUser .content .profile .status,
#pageEmoji .content .profile .status,
#pageEmojiPart .content .profile .status,
#pageFollowers .content .profile .status {
display: block;
width: 100%;
margin: 0px;
margin-top: 12px;
}
#pageAward .content .profile .status .row,
#pageUser .content .profile .status .row,
#pageEmoji .content .profile .status .row,
#pageEmojiPart .content .profile .status .row,
#pageFollowers .content .profile .status .row {
display: inline-block;
width: 23%;
}
#pageAward .content .profile .status .row .lbl,
#pageUser .content .profile .status .row .lbl,
#pageEmoji .content .profile .status .row .lbl,
#pageEmojiPart .content .profile .status .row .lbl,
#pageFollowers .content .profile .status .row .lbl {
font-size: 74%;
}
#pageAward .content .profile .status .row .value,
#pageUser .content .profile .status .row .value,
#pageEmoji .content .profile .status .row .value,
#pageEmojiPart .content .profile .status .row .value,
#pageFollowers .content .profile .status .row .value {
font-size: 123%;
position: relative;
top: 4px;
}
#pageAward .content .profile .edit,
#pageUser .content .profile .edit,
#pageEmoji .content .profile .edit,
#pageEmojiPart .content .profile .edit,
#pageFollowers .content .profile .edit {
position: absolute;
top: 4px;
right: 4px;
font-size: 123%;
}
#pageAward .modal .emoji,
#pageUser .modal .emoji,
#pageEmoji .modal .emoji,
#pageEmojiPart .modal .emoji,
#pageFollowers .modal .emoji {
width: 200px;
height: 200px;
margin: 14px auto;
position: relative;
}
#pageAward .modal .emoji .part,
#pageUser .modal .emoji .part,
#pageEmoji .modal .emoji .part,
#pageEmojiPart .modal .emoji .part,
#pageFollowers .modal .emoji .part {
position: absolute;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#pageAward .modal .name,
#pageUser .modal .name,
#pageEmoji .modal .name,
#pageEmojiPart .modal .name,
#pageFollowers .modal .name {
font-size: 123%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#pageAward #userComments,
#pageUser #userComments,
#pageEmoji #userComments,
#pageEmojiPart #userComments,
#pageFollowers #userComments {
margin: 8px;
padding: 8px;
background-color: #fff;
border-radius: 3px;
position: relative;
overflow-y: hidden;
overflow-x: scroll;
display: none;
background-color: #f9ffff;
}
#pageAward #userComments .inner,
#pageUser #userComments .inner,
#pageEmoji #userComments .inner,
#pageEmojiPart #userComments .inner,
#pageFollowers #userComments .inner {
width: 10000px;
}
#pageAward #userComments .row,
#pageUser #userComments .row,
#pageEmoji #userComments .row,
#pageEmojiPart #userComments .row,
#pageFollowers #userComments .row {
display: inline-block;
width: 280px;
height: 90px;
overflow: hidden;
border-right: 1px dashed #ccc;
position: relative;
}
#pageAward #userComments .row:first-child,
#pageUser #userComments .row:first-child,
#pageEmoji #userComments .row:first-child,
#pageEmojiPart #userComments .row:first-child,
#pageFollowers #userComments .row:first-child {
margin-left: -8px;
}
#pageAward #userComments .row > .emoji,
#pageUser #userComments .row > .emoji,
#pageEmoji #userComments .row > .emoji,
#pageEmojiPart #userComments .row > .emoji,
#pageFollowers #userComments .row > .emoji {
position: absolute;
width: 90px;
height: 90px;
top: 0;
right: 0;
left: 8px;
bottom: 0;
overflow: hidden;
background-image: url(bg_mini.png);
background-size: cover;
}
#pageAward #userComments .row > .emoji .part,
#pageUser #userComments .row > .emoji .part,
#pageEmoji #userComments .row > .emoji .part,
#pageEmojiPart #userComments .row > .emoji .part,
#pageFollowers #userComments .row > .emoji .part {
position: absolute;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#pageAward #userComments .row .text,
#pageUser #userComments .row .text,
#pageEmoji #userComments .row .text,
#pageEmojiPart #userComments .row .text,
#pageFollowers #userComments .row .text {
position: absolute;
left: 104px;
top: 26px;
right: 8px;
font-size: 83.3%;
height: 100px;
overflow: hidden;
}
#pageAward #userComments .row .name,
#pageUser #userComments .row .name,
#pageEmoji #userComments .row .name,
#pageEmojiPart #userComments .row .name,
#pageFollowers #userComments .row .name {
position: absolute;
left: 104px;
top: 0px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#pageAward #userComments .row .name .emoji,
#pageUser #userComments .row .name .emoji,
#pageEmoji #userComments .row .name .emoji,
#pageEmojiPart #userComments .row .name .emoji,
#pageFollowers #userComments .row .name .emoji {
position: absolute;
width: 24px;
height: 24px;
top: 0px;
right: 0;
left: 0px;
bottom: 0;
overflow: hidden;
}
#pageAward #userComments .row .name .emoji .part,
#pageUser #userComments .row .name .emoji .part,
#pageEmoji #userComments .row .name .emoji .part,
#pageEmojiPart #userComments .row .name .emoji .part,
#pageFollowers #userComments .row .name .emoji .part {
position: absolute;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#pageAward #userComments .row .name .user,
#pageUser #userComments .row .name .user,
#pageEmoji #userComments .row .name .user,
#pageEmojiPart #userComments .row .name .user,
#pageFollowers #userComments .row .name .user {
margin-left: 26px;
font-size: 83.3%;
}
#pageAward #userComments .row .name .time,
#pageUser #userComments .row .name .time,
#pageEmoji #userComments .row .name .time,
#pageEmojiPart #userComments .row .name .time,
#pageFollowers #userComments .row .name .time {
padding-left: 6px;
font-size: 68%;
color: #999;
}
#pageUser,
#pageEmojiPart,
#pageFollowers {
padding: 0px;
margin: 0px;
}
#pageUser .content,
#pageEmojiPart .content,
#pageFollowers .content {
top: 0px;
border-top: 1px solid #ccc;
display: block;
bottom: 0px;
-webkit-user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-transform: translateZ(0px);
}
#pageUser .content .profile,
#pageEmojiPart .content .profile,
#pageFollowers .content .profile {
margin-bottom: 0px;
}
#pageUser #btnFollow,
#pageEmojiPart #btnFollow,
#pageFollowers #btnFollow {
position: absolute;
right: 8px;
top: 8px;
border: 1px solid #ccc;
border-radius: 5px;
padding-right: 8px;
padding-left: 8px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 83.3%;
}
#pageUser #btnFollow span.follow,
#pageEmojiPart #btnFollow span.follow,
#pageFollowers #btnFollow span.follow {
display: inline;
}
#pageUser #btnFollow span.following,
#pageEmojiPart #btnFollow span.following,
#pageFollowers #btnFollow span.following {
display: none;
color: #fff;
}
#pageUser #btnFollow.follow,
#pageEmojiPart #btnFollow.follow,
#pageFollowers #btnFollow.follow {
background-color: #40b9ba;
border: 1px solid #2facad;
}
#pageUser #btnFollow.follow span.follow,
#pageEmojiPart #btnFollow.follow span.follow,
#pageFollowers #btnFollow.follow span.follow {
display: none;
}
#pageUser #btnFollow.follow span.following,
#pageEmojiPart #btnFollow.follow span.following,
#pageFollowers #btnFollow.follow span.following {
display: inline;
}
#pageUser #btnFollow.clicked,
#pageEmojiPart #btnFollow.clicked,
#pageFollowers #btnFollow.clicked {
top: 10px;
}
#pageEmoji .content {
top: 0px;
border-top: 1px solid #ccc;
display: block;
-webkit-user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-transform: translateZ(0px);
}
#pageEmoji #contentComments {
margin: 8px;
padding: 8px;
background-color: #fff;
border-radius: 3px;
position: relative;
}
#pageEmoji #contentComments .row {
border-bottom: 1px dashed #ccc;
padding-top: 8px;
padding-bottom: 8px;
position: relative;
}
#pageEmoji #contentComments .row .emoji {
position: absolute;
width: 50px;
height: 50px;
left: 0px;
top: 6px;
overflow: hidden;
}
#pageEmoji #contentComments .row .emoji .part {
position: absolute;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#pageEmoji #contentComments .row .name {
margin-left: 56px;
font-size: 68%;
}
#pageEmoji #contentComments .row .time {
padding-left: 6px;
}
#pageEmoji #contentComments .row .text {
margin-left: 56px;
}
#pageEmoji #contentComments .row .delete {
position: absolute;
top: 6px;
right: 0px;
color: #999;
}
#pageEmoji #contentComments .more,
#pageEmoji #contentComments .loader {
margin-bottom: 0px;
}
#pageEmoji .footer {
text-align: center;
position: absolute;
}
#pageEmoji .footer .input {
border: 1px solid #999;
border-radius: 2px;
position: absolute;
top: 8px;
right: 100px;
bottom: 8px;
left: 8px;
padding-right: 6px;
padding-left: 6px;
}
#pageEmoji .footer .input input {
border: none;
height: 100%;
width: 100%;
font-size: 93%;
}
#pageEmoji .footer .btn {
position: absolute;
top: 8px;
right: 00px;
bottom: 8px;
width: 100px;
}
#pageEmoji .footer .btn input {
position: relative;
top: 6px;
}
#pageFollowers #contentUsers {
margin: 8px;
padding: 8px;
background-color: #fff;
border-radius: 3px;
position: relative;
}
#pageFollowers #contentUsers .row {
border-bottom: 1px dashed #ccc;
padding-top: 8px;
padding-bottom: 8px;
position: relative;
min-height: 43px;
}
#pageFollowers #contentUsers .row .emoji {
position: absolute;
width: 50px;
height: 50px;
left: 0px;
top: 6px;
overflow: hidden;
}
#pageFollowers #contentUsers .row .emoji .part {
position: absolute;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#pageFollowers #contentUsers .row .name {
margin-left: 56px;
font-size: 68%;
}
#pageFollowers #contentUsers .row .time {
padding-left: 6px;
}
#pageFollowers #contentUsers .row .text {
margin-left: 56px;
}
#pageFollowers #contentUsers .row .delete {
position: absolute;
top: 6px;
right: 0px;
color: #999;
}
#pageFollowers #contentUsers .more,
#pageFollowers #contentUsers .loader {
margin-bottom: 0px;
}
#pageMessage .image,
#pagePopup .image {
margin: 0 auto;
text-align: center;
}
#pageMessage .image img,
#pagePopup .image img {
width: 90%;
border: 1px solid #ccc;
}
#pageMessage p,
#pagePopup p {
font-weight: bold;
padding: 0 5%;
}
#pagePopup {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#pagePopup .deco {
margin: 0 auto;
text-align: center;
border: 2px solid #40b9ba;
margin-right: 24px;
margin-left: 24px;
margin-top: 14px;
padding-top: 14px;
padding-bottom: 14px;
border-radius: 5px;
position: relative;
}
#pagePopup .deco img {
width: 100px;
}
#pageBook,
#pageEmojiPart {
padding: 0px;
margin: 0px;
}
#pageBook .content,
#pageEmojiPart .content {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
overflow-y: scroll;
border-top: 1px solid #ccc;
-webkit-user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-transform: translateZ(0px);
-webkit-overflow-scrolling: touch;
}
#pageBook .year,
#pageEmojiPart .year {
color: #fff;
text-align: center;
font-weight: bold;
padding: 2px;
}
#pageBook .year.c1,
#pageEmojiPart .year.c1 {
background-color: #fb5b95;
}
#pageBook .year.c2,
#pageEmojiPart .year.c2 {
background-color: #40b9ba;
}
#pageBook .rows .row,
#pageEmojiPart .rows .row {
margin: 8px;
padding: 8px;
padding-left: 84px;
background-color: #fff;
border-radius: 3px;
position: relative;
border: 1px solid #ddd;
min-height: 60px;
}
#pageBook .rows .row .point,
#pageEmojiPart .rows .row .point {
display: inline-block;
position: absolute;
left: 84px;
top: 8px;
width: 16px;
height: 16px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
#pageBook .rows .row .day,
#pageEmojiPart .rows .row .day {
display: inline-block;
font-size: 47%;
position: absolute;
right: 4px;
top: 4px;
}
#pageBook .rows .row .name,
#pageEmojiPart .rows .row .name {
padding-top: 2px;
}
#pageBook .rows .row .image,
#pageEmojiPart .rows .row .image {
position: absolute;
left: 8px;
top: 8px;
width: 60px;
height: 60px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
#pageBook .rows .row .arrow,
#pageEmojiPart .rows .row .arrow {
position: absolute;
right: 6px;
top: 50%;
margin-top: -13px;
font-weight: bold;
color: #999;
}
#pageBook .rows .row .desc,
#pageEmojiPart .rows .row .desc {
margin-top: 20px;
margin-left: -80px;
border-top: 1px dashed #ccc;
font-size: 93%;
padding: 6px;
line-height: 24px;
}
#pageBook .rows .row .letter,
#pageEmojiPart .rows .row .letter {
position: absolute;
top: 16px;
right: 4px;
}
#pageBook .rows .row .no,
#pageEmojiPart .rows .row .no {
font-size: 83.3%;
padding-left: 20px;
}
#pageBook .img,
#pageEmojiPart .img {
margin-right: 14px;
margin-left: 14px;
padding-top: 8px;
}
#pageBook .img img,
#pageEmojiPart .img img {
width: 100%;
height: auto;
}
#pageApp #storeInfo {
position: absolute;
top: 50%;
width: 30%;
text-align: center;
}
#pageApp #storeInfo .icon {
margin-left: -1%;
}
#pageApp #storeInfo .icon img {
width: 40%;
}
#pageApp #storeInfo .logo {
margin-top: -3%;
}
#pageApp #storeInfo .logo img {
width: 35%;
}
#pageApp #storeInfo .title {
font-size: 123%;
color: #fff;
padding-bottom: 5%;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
#pageApp #storeInfo .image {
cursor: pointer;
}
#pageApp #storeInfo .image img {
width: 35%;
}
#pageApp #iphone {
position: absolute;
left: 38%;
top: 50%;
}
#pageApp #iphone img {
width: 100%;
}
#pageApp.sp #storeInfo {
position: static;
width: 100%;
}
#pageApp.sp #storeInfo .icon {
margin-left: -6px;
}
#pageApp.sp #iphone {
position: static;
text-align: center;
padding-top: 14px;
}
#pageApp.sp #iphone img {
width: 90%;
}
#pageAd {
padding: 0px;
margin: 0px;
height: 140px;
width: 100%;
position: relative;
}
#pageAd .rows {
width: 100%;
}
#pageAd .rows .row {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding: 0px;
margin: 0px;
padding-top: 10px;
}
#pageAd .rows .row img {
width: 320px;
}
#pageAd #imageVell {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding: 0px;
margin: 0px;
padding-top: 10px;
}
#pageAd #imageVell img {
width: 320px;
}
#pageUserComments .container {
max-width: 780px;
margin: 0 auto;
}
#pageUserComments table {
margin-top: 8px;
width: 100%;
}
#pageUserComments th,
#pageUserComments td {
border: 1px solid #ccc;
text-align: center;
font-size: 47%;
padding: 4px;
}
#pageUserComments th.no,
#pageUserComments td.no {
width: 30px;
}
#pageUserComments th.name,
#pageUserComments td.name {
width: 60px;
}
#pageUserComments th.status,
#pageUserComments td.status {
width: 20px;
}
#pageUserComments th.date,
#pageUserComments td.date {
width: 50px;
}
.a-center {
text-align: center;
}
.a-left {
text-align: left;
}
.a-right {
text-align: right;
}
.none {
display: none;
}
.block {
display: block;
}
.inline {
display: inline;
}
.iblock {
display: inline-block;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.static {
position: static;
}
.cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
}
.contain {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: contain;
}
.pointer {
cursor: pointer;
}
.bold {
font-weight: bold;
}
.normal {
font-weight: normal;
}
.ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.td-none {
text-decoration: none;
}
.td-underline {
text-decoration: underline;
}
.no-shadow {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.ma-0 {
margin: 0px;
}
.ma-2 {
margin: 2px;
}
.ma-4 {
margin: 4px;
}
.ma-6 {
margin: 6px;
}
.ma-8 {
margin: 8px;
}
.ma-10 {
margin: 10px;
}
.ma-12 {
margin: 12px;
}
.ma-14 {
margin: 14px;
}
.mv-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.mv-2 {
margin-top: 2px;
margin-bottom: 2px;
}
.mv-4 {
margin-top: 4px;
margin-bottom: 4px;
}
.mv-6 {
margin-top: 6px;
margin-bottom: 6px;
}
.mv-8 {
margin-top: 8px;
margin-bottom: 8px;
}
.mv-10 {
margin-top: 10px;
margin-bottom: 10px;
}
.mv-12 {
margin-top: 12px;
margin-bottom: 12px;
}
.mv-14 {
margin-top: 14px;
margin-bottom: 14px;
}
.mh-0 {
margin-right: 0px;
margin-left: 0px;
}
.mh-2 {
margin-right: 2px;
margin-left: 2px;
}
.mh-4 {
margin-right: 4px;
margin-left: 4px;
}
.mh-6 {
margin-right: 6px;
margin-left: 6px;
}
.mh-8 {
margin-right: 8px;
margin-left: 8px;
}
.mh-10 {
margin-right: 10px;
margin-left: 10px;
}
.mh-12 {
margin-right: 12px;
margin-left: 12px;
}
.mh-14 {
margin-right: 14px;
margin-left: 14px;
}
.mh-0 {
margin-right: 0px;
margin-left: 0px;
}
.mh-2 {
margin-right: 2px;
margin-left: 2px;
}
.mh-4 {
margin-right: 4px;
margin-left: 4px;
}
.mh-6 {
margin-right: 6px;
margin-left: 6px;
}
.mh-8 {
margin-right: 8px;
margin-left: 8px;
}
.mh-10 {
margin-right: 10px;
margin-left: 10px;
}
.mh-12 {
margin-right: 12px;
margin-left: 12px;
}
.mh-14 {
margin-right: 14px;
margin-left: 14px;
}
.mt-0 {
margin-top: 0px;
}
.mt-2 {
margin-top: 2px;
}
.mt-4 {
margin-top: 4px;
}
.mt-6 {
margin-top: 6px;
}
.mt-8 {
margin-top: 8px;
}
.mt-10 {
margin-top: 10px;
}
.mt-12 {
margin-top: 12px;
}
.mt-14 {
margin-top: 14px;
}
.mr-0 {
margin-right: 0px;
}
.mr-2 {
margin-right: 2px;
}
.mr-4 {
margin-right: 4px;
}
.mr-6 {
margin-right: 6px;
}
.mr-8 {
margin-right: 8px;
}
.mr-10 {
margin-right: 10px;
}
.mr-12 {
margin-right: 12px;
}
.mr-14 {
margin-right: 14px;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-2 {
margin-bottom: 2px;
}
.mb-4 {
margin-bottom: 4px;
}
.mb-6 {
margin-bottom: 6px;
}
.mb-8 {
margin-bottom: 8px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-12 {
margin-bottom: 12px;
}
.mb-14 {
margin-bottom: 14px;
}
.ml-0 {
margin-left: 0px;
}
.ml-2 {
margin-left: 2px;
}
.ml-4 {
margin-left: 4px;
}
.ml-6 {
margin-left: 6px;
}
.ml-8 {
margin-left: 8px;
}
.ml-10 {
margin-left: 10px;
}
.ml-12 {
margin-left: 12px;
}
.ml-14 {
margin-left: 14px;
}
.pa-0 {
padding: 0px;
}
.pa-2 {
padding: 2px;
}
.pa-4 {
padding: 4px;
}
.pa-6 {
padding: 6px;
}
.pa-8 {
padding: 8px;
}
.pa-10 {
padding: 10px;
}
.pa-12 {
padding: 12px;
}
.pa-14 {
padding: 14px;
}
.pv-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.pv-2 {
padding-top: 2px;
padding-bottom: 2px;
}
.pv-4 {
padding-top: 4px;
padding-bottom: 4px;
}
.pv-6 {
padding-top: 6px;
padding-bottom: 6px;
}
.pv-8 {
padding-top: 8px;
padding-bottom: 8px;
}
.pv-10 {
padding-top: 10px;
padding-bottom: 10px;
}
.pv-12 {
padding-top: 12px;
padding-bottom: 12px;
}
.pv-14 {
padding-top: 14px;
padding-bottom: 14px;
}
.ph-0 {
padding-right: 0px;
padding-left: 0px;
}
.ph-2 {
padding-right: 2px;
padding-left: 2px;
}
.ph-4 {
padding-right: 4px;
padding-left: 4px;
}
.ph-6 {
padding-right: 6px;
padding-left: 6px;
}
.ph-8 {
padding-right: 8px;
padding-left: 8px;
}
.ph-10 {
padding-right: 10px;
padding-left: 10px;
}
.ph-12 {
padding-right: 12px;
padding-left: 12px;
}
.ph-14 {
padding-right: 14px;
padding-left: 14px;
}
.pt-0 {
padding-top: 0px;
}
.pt-2 {
padding-top: 2px;
}
.pt-4 {
padding-top: 4px;
}
.pt-6 {
padding-top: 6px;
}
.pt-8 {
padding-top: 8px;
}
.pt-10 {
padding-top: 10px;
}
.pt-12 {
padding-top: 12px;
}
.pt-14 {
padding-top: 14px;
}
.pr-0 {
padding-right: 0px;
}
.pr-2 {
padding-right: 2px;
}
.pr-4 {
padding-right: 4px;
}
.pr-6 {
padding-right: 6px;
}
.pr-8 {
padding-right: 8px;
}
.pr-10 {
padding-right: 10px;
}
.pr-12 {
padding-right: 12px;
}
.pr-14 {
padding-right: 14px;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-2 {
padding-bottom: 2px;
}
.pb-4 {
padding-bottom: 4px;
}
.pb-6 {
padding-bottom: 6px;
}
.pb-8 {
padding-bottom: 8px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-12 {
padding-bottom: 12px;
}
.pb-14 {
padding-bottom: 14px;
}
.pl-0 {
padding-left: 0px;
}
.pl-2 {
padding-left: 2px;
}
.pl-4 {
padding-left: 4px;
}
.pl-6 {
padding-left: 6px;
}
.pl-8 {
padding-left: 8px;
}
.pl-10 {
padding-left: 10px;
}
.pl-12 {
padding-left: 12px;
}
.pl-14 {
padding-left: 14px;
}
.font-base {
font-size: 75%;
}
.font-7s {
font-size: 47%;
}
.font-6s {
font-size: 59%;
}
.font-5s {
font-size: 62%;
}
.font-4s {
font-size: 68%;
}
.font-3s {
font-size: 74%;
}
.font-2s {
font-size: 83.3%;
}
.font-s {
font-size: 93%;
}
.font-m {
font-size: 100%;
}
.font-l {
font-size: 105%;
}
.font-2l {
font-size: 115%;
}
.font-3l {
font-size: 123%;
}
.font-4l {
font-size: 136%;
}
.font-5l {
font-size: 145%;
}
.font-6l {
font-size: 154%;
}
.font-7l {
font-size: 160%;
}
.font-8l {
font-size: 170%;
}
.font-9l {
font-size: 177%;
}
.font-10l {
font-size: 185%;
}
.font-mincho {
font-family: '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Meiryo', 'Tahoma', 'Verdana', 'Arial', 'sans-serif';
}
.font-default {
font-family: Meiryo, Tahoma, Verdana, Arial, sans-serif;
}
.z-0 {
z-index: 0;
}
.z-1 {
z-index: 1;
}
.z-2 {
z-index: 2;
}
.z-10 {
z-index: 10;
}
.z-11 {
z-index: 11;
}
.z-12 {
z-index: 12;
}
.z-100 {
z-index: 100;
}
.z-101 {
z-index: 101;
}
.z-102 {
z-index: 102;
}
.z-1000 {
z-index: 1000;
}
.z-1001 {
z-index: 1001;
}
.z-1002 {
z-index: 1002;
}
.z-10000 {
z-index: 10000;
}
.z-10001 {
z-index: 10001;
}
.z-10002 {
z-index: 10002;
}
.radius-0 {
border-radius: 0px;
}
.radius-1 {
border-radius: 1px;
}
.radius-2 {
border-radius: 2px;
}
.radius-3 {
border-radius: 3px;
}
.radius-4 {
border-radius: 4px;
}
.radius-5 {
border-radius: 5px;
}
.radius-6 {
border-radius: 6px;
}
.radius-7 {
border-radius: 7px;
}
.radius-8 {
border-radius: 8px;
}
.radius-9 {
border-radius: 9px;
}
.radius-10 {
border-radius: 10px;
}
.mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
overflow: hidden;
}
.mask > div {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
}
.mask > div {
opacity: 0;
}
.mask > div {
content: '';
position: absolute;
pointer-events: none;
top: -210%;
left: -210%;
width: 200%;
height: 200%;
opacity: 0;
}
.shine > div {
transform: rotate(30deg);
}
.shine > div {
background: linear-gradient(to right,rgba(255,255,255,0.13) 0%,rgba(255,255,255,0.13) 77%,rgba(255,255,255,0.5) 92%,rgba(255,255,255,0) 100%);
}
.animation_btn {
-webkit-animation: a_btn 0.4s ease-in-out;
-moz-animation: a_btn 0.4s ease-in-out;
-ms-animation: a_btn 0.4s ease-in-out;
animation: a_btn 0.4s ease-in-out;
}
@keyframes a_btn {
0% {
-ms-transform: scale(1.0,1.0);
-webkit-transform: scale(1.0,1.0);
transform: scale(1.0,1.0);
}
50% {
-ms-transform: scale(0.8,0.8);
-webkit-transform: scale(0.8,0.8);
transform: scale(0.8,0.8);
}
100% {
-ms-transform: scale(1.0,1.0);
-webkit-transform: scale(1.0,1.0);
transform: scale(1.0,1.0);
}
}