123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321 |
- $WinWitdh:1200px;
- $BaseC:#555;
- $LinkC:#06f;
- $HoverC:#f60;
- $FontSize:13px;
- // mixins
- @mixin dz($time:0.25s) {
- -webkit-transition: all $time ease-in-out;
- -moz-transition: all $time ease-in-out;
- -o-transition: all $time ease-in-out;
- transition: all $time ease-in-out;
- }
- // @charset "UTF-8";
- body,
- ul,
- ol,
- dl,
- dd,
- h1,
- h2,
- h3,
- h4,
- h5,
- h6,
- pre,
- form,
- fieldset,
- legend,
- input,
- button,
- textarea,
- p,
- blockquote,
- table,
- th,
- td,
- menu {
- margin: 0;
- padding: 0
- }
- html,
- body,
- #app {
- height: 100%;
- width: 100%;
- }
- table {
- border-collapse: collapse;
- border-spacing: 0;
- table-layout: fixed
- }
- ul,
- ol,
- menu {
- list-style: none
- }
- fieldset,
- img {
- border: none
- }
- img,
- object,
- select,
- input,
- textarea,
- button {
- vertical-align: middle
- }
- input,
- textarea,
- select,
- address,
- caption,
- cite,
- code,
- dfn,
- em,
- i,
- b,
- strong,
- small,
- th,
- var,
- abbr {
- font-size: 100%;
- font-style: normal
- }
- caption,
- th {
- text-align: left;
- }
- article,
- aside,
- footer,
- header,
- hgroup,
- nav,
- section,
- figure,
- figcaption {
- display: block;
- }
- code,
- kbd,
- pre,
- samp,
- tt {
- font-family: Consolas, "Courier New", Courier, monospace;
- }
- address,
- cite,
- dfn,
- em,
- var,
- i {
- font-style: normal;
- }
- blockquote,
- q {
- quotes: none;
- }
- blockquote:before,
- blockquote:after,
- q:before,
- q:after {
- content: "";
- content: none;
- }
- a {
- color: $LinkC;
- text-decoration: none;
- cursor: pointer;
- &:link,
- &:visited,
- &:active {
- color: $LinkC;
- }
- &:hover,
- &:focus {
- color: $HoverC;
- text-decoration: underline;
- outline: none;
- }
- &,
- span,
- i,
- em,
- u,
- strong,
- b,
- p,
- img,
- ul,
- li,
- div,
- dd,
- dt,
- dl,
- ol,
- table,
- th,
- td,
- h1,
- h2,
- h3,
- h4,
- h5,
- h6,
- input,
- textarea,
- button,
- small,
- select {
- cursor: pointer;
- @include dz;
- }
- }
- abbr[title],
- acronym[title] {
- border-bottom: 1px dotted;
- cursor: help;
- }
- // base by fungleo
- html {
- min-width: $WinWitdh;
- // overflow-y: scroll;
- }
- body {
- font-size: $FontSize;
- color: $BaseC;
- line-height: 2;
- }
- body,
- button,
- input,
- select,
- textarea {
- font-family: tahoma, Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1";
- *font-family: "\5FAE\8F6F\96C5\9ED1";
- }
- h1 {
- font-size: $FontSize+10;
- }
- h2 {
- font-size: $FontSize+8;
- }
- h3 {
- font-size: $FontSize+6;
- }
- h4 {
- font-size: $FontSize+4;
- }
- h5 {
- font-size: $FontSize+2;
- }
- h6 {
- font-size: $FontSize;
- }
- hr {
- border: none;
- height: 1px;
- background: lighten($BaseC, 50%);
- }
- .fl {
- float: left;
- }
- .fr {
- float: right;
- }
- .tl {
- text-align: left;
- }
- .tr {
- text-align: right;
- }
- .tc {
- text-align: center;
- }
- .cf:before,
- .cf:after,
- .web:before,
- .web:after,
- .web_:before,
- .web_:after {
- content: "";
- display: table;
- }
- .cf:after,
- .web:after,
- .web_:after {
- clear: both;
- }
- .cf {
- zoom: 1;
- }
- .web {
- width: $WinWitdh;
- margin-left: auto;
- margin-right: auto;
- zoom: 1;
- }
- .web_ {
- min-width: $WinWitdh;
- width: 100%;
- zoom: 1;
- }
- .block {
- display: block;
- }
- .none {
- display: none
- }
- .clear {
- clear: both;
- }
- .fl {
- float: left;
- }
- .disIne {
- display: inline-block;
- }
|