1html { 2 background: @ini_background; 3 color: @ini_text; 4 font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif; 5 font-size: 16px; 6 line-height: 1.5 7} 8 9body { 10 font-size: 100% 11} 12 13ul, p { 14 margin-top: 0 15} 16 17li { 18 margin: 5px 0 19} 20 21h1, .h1, 22h2, .h2, 23h3, .h3, 24h4, .h4 { 25 font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif; 26 font-weight: bold; 27 line-height: 1.2; 28 margin-bottom: 0.3125em; 29 margin-top: 0 30} 31 32h1, .h1 { 33 font-size: 160%; 34 font-weight: 700 35} 36 37h2, .h2 { 38 font-size: 140% 39} 40 41h3, .h3 { 42 font-size: 125% 43} 44 45h4, .h4 { 46 font-size: 108% 47} 48 49h5, .h5 { 50 font-size: 16px; 51 font-style: italic; 52 font-weight: 100 53} 54 55a { 56 color: @ini_link; 57 text-decoration: none 58} 59 60a:hover { 61 border-bottom: 1px @ini_link_hover dotted; 62 color: @ini_link_hover 63} 64 65img { 66 height: auto; 67 max-width: 100% 68} 69 70input:active, 71input:focus, 72textarea:active, 73textarea:focus, 74select:active, 75select:focus, 76keygen:active, 77keygen:focus { 78 border-color: #999; 79} 80input[type=radio], 81input[type=checkbox], 82input[type=image] { 83 padding: 0; 84 border-style: none; 85 box-shadow: none; 86} 87 88/** 89* @author Anika Henke <anika@selfthinker.org> 90*/ 91 92/* all types of buttons */ 93input[type=submit], 94input[type=button], 95input[type=reset], 96input.button, 97a.button, 98button, 99.qq-upload-button, 100.detail-tools a { 101 color: #333; 102 background-color: #eee; 103 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); 104 .linear-gradient("top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%"); 105 border: 1px solid #ccc; 106 border-radius: 2px; 107 padding: .1em .5em; 108 cursor: pointer; 109} 110#IE7 input.button, 111#IE7 button { 112 line-height: 1.4; 113 overflow: visible; 114} 115 116input[type=submit]:hover, 117input[type=submit]:active, 118input[type=submit]:focus, 119input[type=button]:hover, 120input[type=button]:active, 121input[type=button]:hover, 122input[type=reset]:hover, 123input[type=reset]:active, 124input[type=reset]:hover, 125input.button:hover, 126input.button:active, 127input.button:focus, 128a.button:hover, 129a.button:active, 130a.button:focus, 131button:hover, 132button:active, 133button:focus, 134.qq-upload-button:hover, 135.detail-tools a:hover { 136 border-color: #999; 137 background-color: #ddd; 138 background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); 139 .linear-gradient("top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%"); 140} 141 142input::-moz-focus-inner, 143button::-moz-focus-inner { 144 border: 0; 145 padding: 0; 146} 147 148input[disabled], 149button[disabled], 150select[disabled], 151textarea[disabled], 152option[disabled], 153input[readonly], 154button[readonly], 155select[readonly], 156textarea[readonly] { 157 cursor: auto; 158 opacity: .5; 159 background-color: #eee; 160} 161