candy
Version:
a micro bbs system based on duoshuo.com apis
94 lines (83 loc) • 4.6 kB
text/less
/* Global */
#ds-ssr {
display:none ;
}
#ds-reset {
* {
.box-sizing(content-box);
}
input[type=button], input[type=submit], input[type=reset], button {
.box-sizing(border-box);
}
// 我们不修改用户的默认字体，保持和网页原有字体一致。font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: @font-size-base;
font-size-adjust: none;
color: @text-color;
line-height: 1;
text-align: left;
div, ul, ol, li, ul li, ol li, iframe, h1, h2, h3, h4, h5, h6, p, img, blockquote, a, span, pre, code, strong, sub, sup, fieldset, form, label, input, textarea, select {
border: 0;
padding: 0;
margin: 0;
vertical-align: baseline;
font: inherit; // 这样一般都能覆盖掉网页原来对某类标签的font定义, 而采用我们对当前元素或者父级标签的定义
line-height:inherit;
background : none; // for compatible
//background-color : transparent; // for compatible
//background-image : none; // for compatible
width : auto; // for compatible
float: none;
overflow: visible; // for compatible
transition : none; // for compatible http://www.uisdc.com/clippingmagic
}
strong {
font-weight:bold; // inherit 覆盖了原生的粗体效果
}
p{
text-indent: 0; // for compatible http://www.97507.net/no-one-dont-laugh.html
clear:none; // for compatible http://www.18touch.com/pnm.html
}
span, strong, label, input { // reset, for compatible. 部分主题会给label设display block
display : inline;
margin : 0;
}
textarea, input {
&:focus{
outline:none; // 去掉chrome高亮边框
}
}
ul, ol, ul li, ol li{
list-style: none;
display: block; // 考虑给所有block标签设置display-block。 http://mamayes.com/yingerwanju_archive_123.html
}
input, button {
.rounded(@border-radius);
}
}
#ds-indicator {
display: none;
position: fixed;
z-index: 99999;
top: 150px;
left: 0;
padding: 8px;
border-bottom-right-radius: @border-radius;
border-top-right-radius: @border-radius;
width:16px;
height:16px;
background: #666 url("data:image/gif;base64,R0lGODlhEAAQAPQAAGZmZv///2lpadzc3K+vr/r6+ufn5319fZmZmfDw8Le3t8DAwHV1daOjo4eHh9LS0srKygAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFUCAgjmRpnqUwFGwhKoRgqq2YFMaRGjWA8AbZiIBbjQQ8AmmFUJEQhQGJhaKOrCksgEla+KIkYvC6SJKQOISoNSYdeIk1ayA8ExTyeR3F749CACH5BAkKAAAALAAAAAAQABAAAAVoICCKR9KMaCoaxeCoqEAkRX3AwMHWxQIIjJSAZWgUEgzBwCBAEQpMwIDwY1FHgwJCtOW2UDWYIDyqNVVkUbYr6CK+o2eUMKgWrqKhj0FrEM8jQQALPFA3MAc8CQSAMA5ZBjgqDQmHIyEAIfkECQoAAAAsAAAAABAAEAAABWAgII4j85Ao2hRIKgrEUBQJLaSHMe8zgQo6Q8sxS7RIhILhBkgumCTZsXkACBC+0cwF2GoLLoFXREDcDlkAojBICRaFLDCOQtQKjmsQSubtDFU/NXcDBHwkaw1cKQ8MiyEAIfkECQoAAAAsAAAAABAAEAAABVIgII5kaZ6AIJQCMRTFQKiDQx4GrBfGa4uCnAEhQuRgPwCBtwK+kCNFgjh6QlFYgGO7baJ2CxIioSDpwqNggWCGDVVGphly3BkOpXDrKfNm/4AhACH5BAkKAAAALAAAAAAQABAAAAVgICCOZGmeqEAMRTEQwskYbV0Yx7kYSIzQhtgoBxCKBDQCIOcoLBimRiFhSABYU5gIgW01pLUBYkRItAYAqrlhYiwKjiWAcDMWY8QjsCf4DewiBzQ2N1AmKlgvgCiMjSQhACH5BAkKAAAALAAAAAAQABAAAAVfICCOZGmeqEgUxUAIpkA0AMKyxkEiSZEIsJqhYAg+boUFSTAkiBiNHks3sg1ILAfBiS10gyqCg0UaFBCkwy3RYKiIYMAC+RAxiQgYsJdAjw5DN2gILzEEZgVcKYuMJiEAOwAAAAAAAAAAAA==") 8px 8px no-repeat;
*background-image: url("@{images-url}loading.gif"); // ie6/ie7 hack
*position: absolute;
.box-sizing(content-box);
}
#ds-waiting{
cursor: wait;
display: block;
width: 16px;
height: 11px;
padding : 0 0 3px 5px;
margin : 0;
background: url("data:image/gif;base64,R0lGODlhEAALAPQAAP///z2LqeLt8dvp7u7090GNqz2LqV+fuJ/F1IW2ycrf51aatHWswaXJ14i4ys3h6FmctUCMqniuw+vz9eHs8fb5+meku+Tu8vT4+cfd5bbT3tbm7PH2+AAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA") 0 0 no-repeat;
*background-image: url("@{images-url}waiting.gif"); // ie6/ie7 hack
}