www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/039/css/short-code.css
@charset "utf-8"; /* CSS Document */ /*Short Code*/ blockquote{ padding:10px 10px 10px 20px; border-left:5px solid #C41D23; border-bottom:1px solid #e6e6e6; border-right:1px solid #FFF; border-top:1px solid #FFF; font-style:italic; background:#fafafa; display:block; clear:both; margin:10px 0; overflow:hidden; } blockquote p{ } .clear{ clear:both !important; } code{ display:block; font-family:"Courier New", Courier, monospace; font-style:normal; } div .first{ margin-left:0px; clear:left; } .one-half,.one-third,.one-fourth,.one-fifth,.two-third,.two-fourth,.two-fifth,.three-fourth,.three-fifth,.four-fifth{ float:left; margin-left:4%; display:block !important; position:relative; /*overflow:hidden;*/ /*background:#FFF*/ } .one-half{ width: 48%; } .one-third{ width:30.65%; } .one-fourth{ width: 22%; *width: 21.8%; } .one-fifth{ width: 16.8%; *width: 16.78%; } .two-third{ width:65.35% } .two-fourth{ width:48% } .two-fifth{ width:37.6% } .three-fourth{ width:74%; } .three-fifth{ width:58.4%; } .four-fifth{ width:79.2% } .drop-cap{ width:40px; height:40px; margin:5px 15px 10px 0; float:left; background:#454545; text-align:center; color:#FFF; font-size:25px; font-weight:bold; line-height:40px; box-shadow:0px 1px 0px #FFF } .drop-cap.circle{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .drop-cap.rounded{ border-radius:10%; -moz-border-radius:10%; -webkit-border-radius:10%; } span.quote{ background:url(../images/sprite.png) -917px -97px; display:block; width:24px; height:18px; text-indent:-9999px; float:left; margin:5px 20px 10px 0 } /*==========================Tabs and Toggles===============================*/ /*Toggle & Accordion*/ .m-simple-accordion dt,.m-simple-toggle dt{ padding:8px 10px; cursor:pointer; background:#fafafa; border:1px solid #E5E5E5; background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* IE10+ */ box-shadow:inset 1px 1px 0 #FFF,inset -1px -1px 0 #FFF; -moz-box-shadow:inset 1px 1px 0 #FFF,inset -1px -1px 0 #FFF; -webkit-box-shadow:inset 1px 1px 0 #FFF,inset -1px -1px 0 #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-transform:uppercase; text-shadow:0 1px 0 #FFF; margin-top:3px; font-size:10px; position:relative; text-indent:25px } .m-simple-accordion dd,.m-simple-toggle dd{ padding:10px; background:#fafafa; border:1px solid #E5E5E5; border-top-width:0; clear:both; box-shadow:inset 1px 1px 0 #FFF,inset -1px -1px 0 #FFF,0px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow:inset 1px 1px 0 #FFF,inset -1px -1px 0 #FFF,0px 1px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 #FFF,inset -1px -1px 0 #FFF,0px 1px 0px rgba(0,0,0,0.05); -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .m-simple-accordion dt.active,.m-simple-toggle dt.active{ color:#C41D23; } .m-simple-accordion dt .sign,.m-simple-toggle dt .sign{ display:block; width:20px; height:21px; float:left; margin-right:30px; position:absolute; top:4px; left:5px; text-indent:-999px; background:url(../images/sprite-shortcode.png) no-repeat 0 -20px; } /*.m-simple-accordion dt .sign:before,.m-simple-toggle dt .sign:before{ content:""; position: absolute; width:25px; height:21px; top:0px; left:0px; border-right:1px solid #d9d9d9 }*/ .m-simple-accordion dt.active .sign,.m-simple-toggle dt.active .sign{ background-position:0 0 } /*Tabs*/ .m-simple-tabs{ position:relative; } .m-simple-tabs dt{ padding:8px 10px; cursor:pointer; background:#fafafa; border:1px solid #E5E5E5; background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* IE10+ */ box-shadow:inset 1px 1px 0 #FFF,inset -1px -1px 0 #FFF; -moz-box-shadow:inset 1px 1px 0 #FFF,inset -1px -1px 0 #FFF; -webkit-box-shadow:inset 1px 1px 0 #FFF,inset -1px -1px 0 #FFF; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; text-transform:uppercase; text-shadow:0 1px 0 #FFF; font-size:10px; float:left; display:inline; margin-left:5px; border-bottom-width:0; position:relative; } .m-simple-tabs dt:first-child{ margin-left:0; } .m-simple-tabs dd{ position:absolute; left:0; padding:10px; background:#fafafa; border:1px solid #E5E5E5; box-shadow:inset 1px 1px 0 #FFF,inset -1px -1px 0 #FFF,0px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow:inset 1px 1px 0 #FFF,inset -1px -1px 0 #FFF,0px 1px 0px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 1px 0 #FFF,inset -1px -1px 0 #FFF,0px 1px 0px rgba(0,0,0,0.05); -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; z-index:1 } .m-simple-tabs dt.active{ color:#C41D23; background:#fafafa; box-shadow:inset 1px 1px 0 #FFF,inset -1px 0 0 #FFF; -moz-box-shadow:inset 1px 1px 0 #FFF,inset -1px 0 0 #FFF; -webkit-box-shadow:inset 1px 1px 0 #FFF,inset -1px 0 0 #FFF; z-index:2 !important } /*Typography*/ ol.ordered-list li a,ul.unordered-list li a{ color:#787878 } ol.ordered-list li,ul.unordered-list li{ padding: 0 0 10px; } ul.unordered-list li{ background:url(../images/bullet_red_alt.png) no-repeat left -2px; padding-left:25px } ol.ordered-list li{ list-style: decimal inside; } .align-right{ float:right; margin-left:20px; } .align-left{ float:left; margin-right:20px; } .align-none,.align-left,.align-right{ margin-bottom:15px; } /*table*/ table.m-table{ background:#FAFAFA; border-radius:5px; } table.m-table td, table th{ padding:15px ; text-align:center } table.m-table thead tr th.first-child{ -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } table.m-table tbody tr th.first-child{ -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } table.m-table thead tr th.last-child{ -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; } table.m-table tbody tr th.last-child{ -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; } table.m-table tbody tr td{ background:#FFF; border-bottom:1px solid #E5E5E5; border-right: 1px solid #E5E5E5; box-shadow:inset 0 1px 0 #FFF; -webkit-box-shadow:inset 0 1px 0 #FFF; -moz-box-shadow:inset 0 1px 0 #FFF; } table.m-table tbody tr td.first-child{ border-left: 1px solid #E5E5E5; } table.m-table{ -moz-box-shadow:0 2px 0 rgba(0,0,0,0.05); box-shadow:0 2px 0 rgba(0,0,0,0.05); -webkit-box-shadow:0 2px 0 rgba(0,0,0,0.05); } table.m-table thead th,table.m-table tbody tr th{ background: #565656; /* Old browsers */ background: -moz-linear-gradient(top, #565656 0%, #454545 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#454545)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #565656 0%,#454545 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #565656 0%,#454545 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #565656 0%,#454545 100%); /* IE10+ */ background: linear-gradient(top, #565656 0%,#454545 100%); /* W3C */ color:#FFF; font-weight:bold; box-shadow:inset 0 1px 0 #000,inset 0 2px 0 rgba(255,255,255,0.1); -webkit-box-shadow:inset 0 1px 0 #000,inset 0 2px 0 rgba(255,255,255,0.1); -moz-box-shadow:inset 0 1px 0 #000,inset 0 2px 0 rgba(255,255,255,0.1); } table.m-table thead th{ padding:20px 15px; } table.m-table thead th{ padding:15px; } table.m-table tbody tr.alternate > td{ background:#FAFAFA; } /*Nortification*/ .maxx-notification { position:relative !important; border:1px solid; background-position:10px 11px !important; background-repeat:no-repeat !important; font-size:13px; margin:0 0 15px; padding:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); } .maxx-notification.attention { background:#fffbcc url(../images/icons/exclamation.png); border-color:#e6db55; } .maxx-notification.information { background:#dbe3ff url(../images/icons/information.png); border-color:#a2b4ee; } .maxx-notification.success { background:#d5ffce url(../images/icons/tick_circle.png); border-color:#9adf8f; } .maxx-notification.error { background:#ffcece url(../images/icons/cross_circle.png); border-color:#df8f8f; } .maxx-notification.light { background:#fafafa url(../images/icons/cross_circle.png); border-color:#BCBCBC } .maxx-notification div { display:block; font-style:normal; line-height:18px; padding:10px 10px 10px 40px; } .maxx-notification .close { text-indent:-9999px; font-size:0; position:absolute; right:5px; top:5px; width:10px; height:10px; display:block; background:url(../images/icons/cross_grey_small.png) no-repeat; } /*Button*/ .maxx-button{ background-image:url(../images/button-light.png); background-color: #f2f2f2; border-color: #d3d3d3; background-repeat: repeat-x; background-position: 0 0; padding:0 10px; font-size: 12px; text-decoration: none; display:inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-style: solid; border-width: 1px; line-height: 28px; text-shadow:0 1px 0 rgba(255,255,255,1); position: relative; font-weight:bold; margin:5px 3px; box-shadow:0px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1); } .maxx-button:active{ box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background:none; } a.maxx-button{ color:#787878; } .maxx-button.light{ } .grey,.red,.orange,.green,.blue,.purple,.aqua,.teal{ text-shadow:0 1px 0 rgba(255,255,255,.5); } .maxx-button.grey{ background-color:#b3b3b3; border-color:#8f8f8f; color:#555555 } .maxx-button.red{ background-color:#f56c7e; border-color:#d55061; color:#903844 } .maxx-button.orange{ background-color:#fec151; border-color:#d6982f; color:#996633 } .maxx-button.green{ background-color:#a1f983; border-color:#7ce558; color:#567d49 } .maxx-button.blue{ background-color:#7ad2f4; border-color:#63abc7; color:#42788e } .maxx-button.purple{ background-color:#d89dd2; border-color:#a1799d; color:#7b5777 } .maxx-button.aqua{ background-color:#9be9ec; border-color:#65b6ba; color:#437b7d } .maxx-button.teal{ background-color:#92a9ba; border-color:#6f818f; color:#515f6a } .maxx-button.dark{ background-color:#484848; border-color:#1f1f1f; color:#FFF; text-shadow:0 1px 0 rgba(0,0,0,0.8); } .maxx-button:hover{ text-decoration:none; } .maxx-button img.align-left{ float:left; margin:6px 10px 0 0 } .maxx-button img.align-right{ float:right; margin:6px 0 0 10px } .maxx-button.medium{ padding:5px 15px; } .maxx-button.large{ padding:10px 20px; font-size:14px; }