body { margin:0; height:100%; } #to_top { opacity:0.5; width:100px; padding:5px; position:fixed; bottom:10px; left:10px; display:none; z-index:100; } a, a:hover { text-decoration:none; } a.uh:hover { text-decoration:underline; } .r10 { border-radius:10px; } .wrapper { max-width:1230px; margin:0 auto; box-sizing:border-box; font-size:0; } .column { display:inline-block; box-sizing:border-box; vertical-align:top; } .left { font-size:16px; margin-right:10px; width:calc(100% - 310px); } .right { font-size:15px; width:300px; } .shadow_box_black, .shadow_box_transp_black { -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1); } .shadow_box_blue, .shadow_box_transp_blue:hover { -webkit-box-shadow: 0px 0px 5px 0px rgba(230, 240, 255, 1); -moz-box-shadow: 0px 0px 5px 0px rgba(230, 240, 255, 1); box-shadow: 0px 0px 5px 0px rgba(230, 240, 255, 1); } .post_black { background-color:#1a1a1a; border:1px solid #1a1a1a; margin:10px 0; padding:10px; } .post_black a { color:#fff; } .post_blue { border:1px solid #e6f0ff; margin:10px 0; padding:10px; } .post_img { display:block; max-width:100%; min-width:70%; margin-left:auto; margin-right:auto; } .noselect { -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; } .oval_black { background-color:#000; border-radius:50%; } .oval_blue { background-color:#e6f0ff; border-radius:50%; } .item { display:inline-block; vertical-align:top; margin:16px; position:relative; } .dur_l { background-color:#000; color:#fff; border-radius:5px; font-size:12px; padding:5px; position:absolute; bottom:5px; left:5px; opacity:0.65; } .dur_r { background-color:#000; color:#fff; border-radius:5px; font-size:12px; padding:5px; position:absolute; bottom:5px; right:5px; opacity:0.65; } .slt { background-color:#000; width:300px; max-width:100%; position:relative; } .th:hover { opacity:0.93; } .item_img { border-top-left-radius:10px; border-top-right-radius:10px; width:300px; max-width:100%; } .item_img:hover { opacity:0.93; } .item_black { color:#fff; width:300px; max-width:100%; background-color:#1a1a1a; } .item_black:hover { background-color:#000; } .item_blue { width:300px; max-width:100%; background-color:#fff; } .item_blue:hover { background-color:#e6f0ff; } .for_black, .for_alt_black { color:#fff; } .for_black:hover, .for_alt_black:hover { color:#ff0; text-shadow:1px 1px 3px #ff0; } .for_blue { color:#00f; } .for_alt_blue { color:#000; } .page_black { background-color:#1a1a1a; display:inline-block; color:#fff; font-weight:bold; padding:18px; margin:6px; border: 1px solid #000; } .page_black:hover { background-color:#000; color:#ff0; text-shadow:1px 1px 3px #ff0; } .page_blue { display:inline-block; color:#00f; font-weight:bold; padding:18px; margin:6px; border: 1px solid #00f; } .page_blue:hover { background-color:#e6f0ff; color:#00f; } .go_blog { display:block; margin:6px 0; padding:6px 12px; } .go_galleries { display:inline-block; margin:6px; padding:6px 12px; } .go_black { background-color:#000; color:#fff; } .go_black:hover { background-color:#000; color:#ff0; } .go_blue { color:#00f; } .go_blue:hover { background-color:#e6f0ff; } .post_link_black { background-color:#000; display:inline-block; padding:6px 12px; margin:6px; border: 1px solid #000; } .post_link_black:hover { color:#ff0; text-shadow:1px 1px 3px #ff0; } .post_link_blue { display:inline-block; padding:6px 12px; margin:6px; border: 1px solid #e6f0ff; } .post_link_blue:hover { background-color:#e6f0ff; } .layer_black { background-color:#1a1a1a; padding:20px 0; } .layer_black a { color:#fff; } .layer_blue { padding:20px 0; } .next_black { color:#fff; text-shadow:1px 1px 2px #fff; } .next_black:hover { color:#ff0; text-shadow:1px 1px 2px #ff0; } .next_blue { color:#00f; text-shadow:1px 1px 2px #00f; } .next_blue:hover { color:#000; text-shadow:1px 1px 2px #000; } .w300 { text-align:left; width:300px; max-width:100%; } .tbl { width:990px; max-width:100%; border:0; } .td { width:12%; } .td, .td_main { text-align:center; padding-top:10px; padding-bottom:10px; background-color:#fff; opacity:0.93; -webkit-box-shadow: 0px 0px 5px 0px rgba(230, 240, 255, 1); -moz-box-shadow: 0px 0px 5px 0px rgba(230, 240, 255, 1); box-shadow: 0px 0px 5px 0px rgba(230, 240, 255, 1);} .td, .td_main { border: 1px solid #e6f0ff; } .spin { transition:transform 1s; } .spin:hover { transform:rotate(720deg); } @media only screen and (max-width:480px) { .wrapper, .column { display: block; padding: 0; } .right, .left { font-size:24px; width: 100%; margin-top: 5px; } .item { margin:20px 0; } .m_hide, .td { display:none; } .tbl, .td_main { width:100%; } }