mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-08 19:21:40 +09:00
b1e32c7948
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@7527 201d5d3c-b55e-5fd7-737f-ddc643e51545
109 lines
5.5 KiB
CSS
109 lines
5.5 KiB
CSS
@charset "utf-8";
|
|
/* Mobile XE */
|
|
body{margin:0;background:#fff;color:#000;word-wrap:break-word}
|
|
body,input,textarea,select,button,table{font-family:Tahoma, Geneva, sans-serif}
|
|
img{border:0}
|
|
em{font-style:normal}
|
|
form{margin:0;padding:0}
|
|
form ul{margin:0;padding:0;list-style:none}
|
|
form li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px dashed #999}
|
|
form li:last-child{border:0}
|
|
form p{margin:0}
|
|
form p.help{color:#666}
|
|
fieldset{border:0;margin:0;padding:0}
|
|
input,textarea,select{font-size:16px}
|
|
button{font-size:12px;cursor:pointer;background:#eee;border:1px solid #666;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;overflow:visible;padding:3px;text-shadow:1px 1px 0 #fff;box-shadow:0 0 2px #666;-moz-box-shadow:0 0 2px #666;-webkit-box-shadow:0 0 2px #666;text-decoration:none;font-weight:normal}
|
|
select{width:90%}
|
|
/* Common Class */
|
|
.fl{float:left}
|
|
.fr{float:right}
|
|
.cb{clear:both}
|
|
.al{text-align:left}
|
|
.ar{text-align:right}
|
|
.ac{text-align:center}
|
|
.itx{border:1px solid #ccc;width:90%;font-size:20px;height:30px;padding:5px 10px}
|
|
.itxx{border:1px solid #ccc;width:90%;font-size:20px;padding:5px 10px;resize:vertical}
|
|
.db{display:block}
|
|
.di{display:inline}
|
|
.fb{font-weight:bold}
|
|
.sn{margin:10px;*zoom:1}
|
|
.sn:after{content:"";display:block;clear:both}
|
|
/* Button */
|
|
.bn{display:inline-block;padding:5px 10px;font-weight:normal;font-size:14px;border:1px solid #333;background:#eee;color:#000;text-shadow:1px 1px 0 #fff;box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;-webkit-box-shadow:0 0 3px #333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none}
|
|
/* Edge = Header/Footer */
|
|
.eg{position:relative;background:#666;*zoom:1}
|
|
.eg:after{content:"";display:block;clear:both}
|
|
.eg a{text-decoration:none}
|
|
/* Header */
|
|
.hd{padding:10px;border-top:3px solid #444}
|
|
.hd .h1{float:left;display:inline;color:#fff;font-size:24px;margin:0;font-weight:bold;text-shadow:0 0 3px #000}
|
|
.hd .h1 a{color:#fff}
|
|
.hd .bn{font-size:12px}
|
|
/* Footer */
|
|
.ft{padding:0 5px;margin:0;list-style:none}
|
|
.ft a{display:inline-block;padding:10px;color:#fff;text-shadow:0 0 2px #000;font-size:14px;font-weight:bold}
|
|
/* Context */
|
|
.cm{margin:0;padding:10px;background:#777;color:#fff;text-align:center;list-style:none;border-top:1px solid #555;*zoom:1}
|
|
.cm:after{content:"";display:block;clear:both}
|
|
.cm .fl{margin:0 5px 0 0}
|
|
.cm .fr{margin:0 0 0 5px}
|
|
/* Copyright */
|
|
.cr{margin:0;padding:5px 15px;text-align:center;background:#444;color:#ccc;text-shadow:0 0 2px #000;font-size:12px;font-weight:bold}
|
|
/* Body */
|
|
.bd{position:relative;overflow:hidden;clear:both}
|
|
.bd .h2{font-size:20px;background:#ccc;border:1px solid #aaa}
|
|
.bd .h3{font-size:16px;background:#eee;border:1px solid #ccc}
|
|
.bd .h2,.bd .h3{position:relative;margin:-1px 0;padding:10px;border:1px solid #aaa;border-left:0;border-right:0;text-shadow:1px 1px #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
|
.bd .h2 em,.bd .h3 em{font-weight:normal;color:#f60;font-size:12px}
|
|
.bd .h2 a,.bd .h3 a{color:#000}
|
|
.bd .h2 .bn{position:absolute;top:8px;right:10px;font-size:12px;margin:0}
|
|
/* GNB */
|
|
.gn,.gn ul{margin:0;padding:0;list-style:none}
|
|
.gn li{margin:-1px 0;border:1px solid #999;border-left:0;border-right:0;vertical-align:top}
|
|
.gn li a{display:block;text-decoration:none;height:45px;line-height:45px;padding:0 10px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
|
.gn li a em{font-weight:normal;color:#f60;font-size:12px}
|
|
.gn li a:visited{color:#666}
|
|
.gn li li a{padding:0 10px 0 20px}
|
|
.gn li li li a{padding:0 10px 0 30px}
|
|
.gn li li li li a{padding:0 10px 0 50px}
|
|
/* Search */
|
|
.sh{position:relative;text-align:center}
|
|
.sh .itx{width:80%;background:none;border:5px solid #333;margin:10px}
|
|
/* List */
|
|
.lt,.lt ul{margin:0;padding:0;list-style:none}
|
|
.lt li{border-bottom:1px solid #999}
|
|
.lt li:last-child{border:0}
|
|
.lt a{display:block;text-decoration:none;padding:10px;color:#000;*zoom:1}
|
|
.lt a:after{content:"";display:block;clear:both}
|
|
.lt a:visited{color:#666}
|
|
.lt .title span{color:#f60}
|
|
.lt .auth{font-size:12px;color:#666}
|
|
.lt .auth em{margin:0 5px 0 0}
|
|
.lt .auth span{border-left:1px solid #ccc;padding:0 0 0 10px}
|
|
.lt .th{float:left;margin:0 10px 0 0;border:1px solid #ccc;width:80px;box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;-webkit-box-shadow:0 0 3px #333}
|
|
.lt p{margin:0 0 10px 0;padding:0 10px;color:#666}
|
|
/* Pagenation */
|
|
.pn{padding:10px 0;text-align:center;border-top:1px solid #999;font-size:12px}
|
|
.pn a,.pn strong{padding:5px 10px;display:inline-block;border:1px solid #ccc;text-decoration:none;background:#f8f8f8;color:#333}
|
|
.pn a:visited{color:#666}
|
|
.pn strong{border:0;background:none}
|
|
/* Read */
|
|
.rd .hx{padding:10px;background:#ddd;border:1px solid #ccc;border-left:0;border-right:0;text-shadow:1px 1px #fff}
|
|
.rd .hx h2{display:inline;font-size:20px}
|
|
.rd .hx em,.rd .hx span{font-size:12px;color:#666}
|
|
.rd .hx span{padding:0 0 0 10px;border-left:1px solid #ccc}
|
|
.rd .hx a{color:#000}
|
|
.rd .co{margin:10px;word-break:break-word;overflow:hidden}
|
|
.rd .tg{position:absolute;top:8px;right:10px;font-size:12px;margin:0}
|
|
.rd .tgo{display:none}
|
|
.rd .tgo.open{display:block}
|
|
.rd .tgo a{color:#333}
|
|
/* Reply */
|
|
.rp{margin:0;padding:0;list-style:none}
|
|
.rp li{border-bottom:1px solid #ccc;padding:10px;overflow:hidden}
|
|
.rp li:last-child{border:0}
|
|
.rp p{display:inline}
|
|
.rp em,.rp span{color:#666;font-size:12px}
|
|
.rp span,.rp .md{padding:0 0 0 5px;border-left:1px solid #ccc}
|
|
.rp em a{text-decoration:none}
|
|
.rp .md{font-size:12px}
|