User:Choocolatiah/common.css

/* Template:ContentBox .peco-box { margin:10px 5px 10px 0px; position:relative; display: flex; flex-flow: column; } .peco-box-icon { width:40px; height:40px; border-radius:10px 10px 0px 0px; top:-13px; left:5px; position:absolute; } .peco-box-icon img { position:absolute; bottom:0px; } .peco-box-body { border-radius:0px 15px 0px 15px; border:1px solid #f55291; overflow:hidden; display: flex; flex-flow: column; flex: 1 1 auto; } .peco-box-title { background:#f55291; color:#fff; font-size:16px; height:26px; line-height:26px; font-weight:bold; padding:0px 5px 0px 50px; } .peco-box-content { background:#f5f5f5; flex: 1 1 auto; }

/* Template:News .peco-news { height:100px; overflow:hidden; position:relative; background:#000; } .peco-news-image { width:100%; position:absolute; left:0; filter:blur(2px); z-index:1; opacity:0.7; } .peco-news img { width:100%; height:auto; } .peco-news-title { position:relative; z-index:2; font-size:18px; color:#fff; text-shadow:0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 15px #000; font-weight:bold; letter-spacing: 0.5px; margin:5px 0px 0px 10px; } .peco-news-message { position:relative; z-index:3; color:#fff; font-size:14px; line-height:18px; height:18px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; text-shadow:0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 15px #000; margin:0px 10px 0px 10px; } .peco-news-date { position:relative; z-index:3; color:#fff; font-size:12px; text-shadow:0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 15px #000; margin:0px 0px 0px 10px; color:#ddd; } .peco-news-type { position:absolute; bottom:7px; right:0px; width:70px; height:18px; line-height:18px; background:#f55291; color:#fff; z-index:4; font-size:10px; font-weight:bold; letter-spacing: 1px; padding:0px 0px 0px 5px; box-shadow:1px 1px 3px #555; }