Difference between revisions of "Team:USTC/css/teamstyle"

(Created page with " .ask{ float:left; margin: 10px; color:#ffffff; background-color:#ff6f00; padding:8px; border:1px solid #ff6f00;...")
 
Line 1: Line 1:
−
    .ask{
+
/*teamstyle.css*/
−
       
+
.ask { float: left; margin: 10px; color: #ffffff; background-color: #ff6f00; padding: 8px; border: 1px solid #ff6f00; }
−
        float:left;
+
.answer { float: right; margin: 10px; background-color: #e0e0e0; padding: 8px; border: 1px solid #e0e0e0; }
−
        margin: 10px;
+
.leftb { clear: both; float: left; width: 100%; padding-left: 10px; }
−
        color:#ffffff;
+
.rightb { clear: both; float: right; width: 100%; padding-right: 10px; }
−
        background-color:#ff6f00;
+
.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%; }
−
        padding:8px;
+
.ask:before { content: " "; margin: -9px 0px 0px -24px; border: 10px solid transparent; position: absolute; border-color: #ff6f00 #ff6f00 transparent transparent; }
−
        border:1px solid #ff6f00;
+
.answer:after { content: " "; margin: -10px 0px 0px 8px; border: 10px solid transparent; position: absolute; right: 4px; border-color: #e0e0e0 transparent transparent #e0e0e0; }
−
       
+
−
    }
+
−
 
+
−
    .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;
+
−
}
+

Revision as of 12:27, 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; }