Difference between revisions of "Template:USTC/css/teamstyle"
(Created page with "→reset.css: #bodyContent h1, #bodyContent h2 {margin-bottom:initial;} #bodyContent a[href ^="https://"] {padding-right:0px;} #bodyContent a[href ^="mailto:"] {padding-right:...") |
|||
Line 1: | Line 1: | ||
− | /* | + | /*teamstyle.css*/ |
− | + | .ask { float: left; margin: 10px; color: #ffffff; background-color: #ff6f00; padding: 8px; border: 1px solid #ff6f00; } | |
− | + | .answer { float: right; margin: 10px; background-color: #e0e0e0; padding: 8px; border: 1px solid #e0e0e0; } | |
− | # | + | .leftb { clear: both; float: left; width: 100%; padding-left: 10px; } |
− | + | .rightb { clear: both; float: right; width: 100%; padding-right: 10px; } | |
− | + | .card .card-image .card-title { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); padding: 10px; width: 100%; } | |
− | + | .ask:before { content: " "; margin: -9px 0px 0px -24px; border: 10px solid transparent; position: absolute; border-color: #ff6f00 #ff6f00 transparent transparent; } | |
− | + | .answer:after { content: " "; margin: -10px 0px 0px 8px; border: 10px solid transparent; position: absolute; right: 4px; border-color: #e0e0e0 transparent transparent #e0e0e0; } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + |
Latest revision as of 15:14, 18 September 2015
/*teamstyle.css*/ .ask { float: left; margin: 10px; color: #ffffff; background-color: #ff6f00; padding: 8px; border: 1px solid #ff6f00; } .answer { float: right; margin: 10px; background-color: #e0e0e0; padding: 8px; border: 1px solid #e0e0e0; } .leftb { clear: both; float: left; width: 100%; padding-left: 10px; } .rightb { clear: both; float: right; width: 100%; padding-right: 10px; } .card .card-image .card-title { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); padding: 10px; width: 100%; } .ask:before { content: " "; margin: -9px 0px 0px -24px; border: 10px solid transparent; position: absolute; border-color: #ff6f00 #ff6f00 transparent transparent; } .answer:after { content: " "; margin: -10px 0px 0px 8px; border: 10px solid transparent; position: absolute; right: 4px; border-color: #e0e0e0 transparent transparent #e0e0e0; }