Головна сторінка Огляд Довідка
Реєстрація Увійти
wutt
/
manHourHousekeeper
1
0
Відгалуження 0
Файли Проблеми 0 Запити на злиття 0 Wiki
Дерево: 20f72119e1
Гілки Теги
manHourHouse...
/
fhKeeper
/
formulahousekeeper
/
inva_4_tivo
/
css
/
default.css

default.css 13 KB
Історія Запис

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255 
  1. @charset "utf-8";
    2. 

  2. 

  3. /* CSS Document */
    4. 

  4. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
    5. 

  5. form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
    6. 

  6. fieldset,img { border: 0; }
    7. 

  7. address,caption,cite,code,dfn,em,strong,th,var,i { font-weight: normal; font-style: normal; }
    8. 

  8. ol,ul,li { list-style: none; }
    9. 

  9. caption,th { text-align: left; }
    10. 

  10. h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
    11. 

  11. q:before,q:after { content:''; }
    12. 

  12. abbr,acronym { border: 0; }
    13. 

  13. 

  14. /*-- All --*/
    15. 

  15. html{ min-width:1000px; }
    16. 

  16. body{ color:#333;font:12px/20px Arial,"Microsoft YaHei","宋体",sans-serif; text-align:center; background:#fff;  }
    17. 

  17. a{ color:#333; text-decoration:none; outline:none;}
    18. 

  18. a:hover {color:#f00; text-decoration:underline; }
    19. 

  19. table { border-collapse: collapse; border-spacing: 0; empty-cells:show; }
    20. 

  20. table td,table th{ border:#ddd solid 1px; padding: 5px 0; }
    21. 

  21. table th{ background:#39A4DC; color:#fff;  }
    22. 

  22. table .new td{ color:#f60; font-weight:bold;  }
    23. 

  23. 

  24. 

  25. /* css三角形 */
    26. 

  26. .arrow,.arrow s { position:relative;  display:block; font-size: 0; line-height: 0; width: 0; height: 0; border-color:transparent; border-style:dashed; border-width:5px; }
    27. 

  27. .arrowR,.arrowR s{ border-left-color:#aaa; border-left-style:solid; }
    28. 

  28. .arrowR s{ border-left-color:#fff; position:absolute; left:-7px; top:-5px; }
    29. 

  29. .arrowR:hover{ border-left-color:#f60;  }
    30. 

  30. 

  31. .arrowL,.arrowL s{ border-right-color:#aaa; border-right-style:solid; }
    32. 

  32. .arrowL s{ border-right-color:#fff; position:absolute; right:-7px; top:-5px; }
    33. 

  33. .arrowL:hover{ border-right-color:#f60;  }
    34. 

  34. 

  35. .arrowT,.arrowT s{ border-bottom-color:#aaa; border-bottom-style:solid; }
    36. 

  36. .arrowT s{ border-bottom-color:#fff; position:absolute; left:-5px; top:-3px; }
    37. 

  37. .arrowT:hover{ border-bottom-color:#f60;  }
    38. 

  38. 

  39. .arrowB,.arrowB s{ border-top-color:#aaa; border-top-style:solid; }
    40. 

  40. .arrowB s{ border-top-color:#fff; position:absolute; left:-5px; bottom:-3px; }
    41. 

  41. .arrowB:hover{ border-top-color:#f60;  }
    42. 

  42. 

  43. /* css圆形 */
    44. 

  44. .circle{ line-height:100%; overflow:hidden;  font-family:Tahoma,Helvetica; font-size:18px; color:#aaa;  }
    45. 

  45. .circle:hover{ color:#f60;  }
    46. 

  46. 

  47. /* 顶部导航条 */
    48. 

  48. 	#header{ width:100%; left:0; top:0; position:fixed; z-index:10;  height:32px; line-height:32px; color:#fff; text-align:left; overflow:hidden; }
    49. 

  49. 	#header .headerBg{ width:100%; height:32px; left:0; top:0; position:absolute; z-index:0; background:#000; filter:alpha(opacity=70);opacity:0.7;   }
    50. 

  50. 	#header a{ color:#fff;  }
    51. 

  51. 	#header #logo{ position:relative; z-index:1; display:inline-block; *display:inline; zoom:1; font-size:14px; margin-right:5px; padding-left:10px;   }
    52. 

  52. 	#header .nav{ position:relative; z-index:2; float:right; padding-right:10px; }
    53. 

  53. 	#header .nav a{ padding:0 10px;  }
    54. 

  54. 	#header .nav a.imp{ color:#ff0;  }
    55. 

  55. 	#header .title{ position:relative; z-index:1; height:32px; overflow:hidden;   }
    56. 

  56. 

  57. 	#content{ margin:0 auto; padding:62px 30px 30px 30px;  position:relative; text-align:left; z-index:0; }
    58. 

  58. 	#footer{ height:34px; line-height:34px; text-align:center; }
    59. 

  59. 

  60. /* 首页 - index.html  ---------------------------------------------- */
    61. 

  61. 

  62. 

  63. 

  64. 	.indBtn{ text-align:center; display:none;  }
    65. 

  65. 	.indBtn a{ vertical-align:middle; margin:15px 15px 0 0; display:inline-block; *display:inline; zoom:1; padding:14px 22px 3px 22px;  line-height:26px;
    66. 

  66. 		color:#bede9a; font-size:14px;
    67. 

  67. 		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
    68. 

  68. 		background:#89c941;
    69. 

  69. 		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#89c941), to(#72b238));
    70. 

  70. 		background: -webkit-linear-gradient(#89c941, #72b238);
    71. 

  71. 		background: -moz-linear-gradient(#89c941, #72b238);
    72. 

  72. 		background: -ms-linear-gradient(#89c941, #72b238);
    73. 

  73. 		background: -o-linear-gradient(#89c941, #72b238);
    74. 

  74. 		background: linear-gradient(#89c941, #72b238);
    75. 

  75. 		-pie-background: linear-gradient(#89c941, #72b238);
    76. 

  76. 		-webkit-box-shadow: #39591c 2px 2px 3px;
    77. 

  77. 		-moz-box-shadow: #39591c 2px 2px 3px;
    78. 

  78. 		box-shadow: #39591c 2px 2px 3px;
    79. 

  79. 	}
    80. 

  80. 	.indBtn a em{ font-size:30px; display:block; color:#fff;  }
    81. 

  81. 	.indIntro a:hover{ text-decoration:none; margin:11px 15px 0 0; }
    82. 

  82. 

  83. 	.indTips{ position:fixed; _position:absolute; width:14px; right:0; top:90px; background:#333; padding:5px; line-height:18px; color:#fff; cursor:pointer;
    84. 

  84. 		-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
    85. 

  85. 	}
    86. 

  86. 	.indTips a{ color:#fff; text-decoration:none;   }
    87. 

  87. 	#indTips1{ display:none;  }
    88. 

  88. 	#ind2{ display:none;  }
    89. 

  89. 	#ind2 .topic{ font-size:60px; height:120px; line-height:120px;   }
    90. 

  90. 

  91. /* 参数 - param.html ---------------------------------------------- */
    92. 

  92. 	.paramPage .param{ width:100%;  margin-bottom:20px;  background:#fff;  }
    93. 

  93. 	.paramPage .param th{ text-align:center;  }
    94. 

  94. 	.paramPage .param td{ text-align:left; padding:5px 2px;   }
    95. 

  95. 	.paramPage .param .intro{ text-align:left;  }
    96. 

  96. 	.paramPage .param .link{ color:#39A4DC; text-decoration:underline;   }
    97. 

  97. 	.paramPage .param .t b{ color:#f60;  }
    98. 

  98. 	.paramPage .param i{ color:#f60;   }
    99. 

  99. 	.paramPage .param .on td{ background:#ffffaa;  }
    100. 

  100. 	/*.paramPage .param tr.n td{ color:#999;  }*/
    101. 

  101. 	.paramPage .intro a{ text-decoration:underline;  }
    102. 

  102. 	.paramPage .notice{ overflow:hidden;  text-align:left; padding-bottom:10px;  }
    103. 

  103. 	.paramPage .notice li{ width:120px; height:30px; line-height:30px; text-align:center; float:left; margin-right:10px; color:#fff; background:#666; cursor:pointer; }
    104. 

  104. 	.paramPage .notice .on{ background:#f60;   }
    105. 

  105. 

  106. 

  107. /* 联系作者 ---------------------------------------------- */
    108. 

  108. 	#content .contact{ display:none;  color:#f60;  margin-bottom:20px;  }
    109. 

  109. 

  110. 

  111. /* 案例 - demo.html ---------------------------------------------- */
    112. 

  112. 

  113. 	.demoBox{  padding:0 20px 60px 20px;  background:#f2f2f2; border-bottom:3px dotted #ccc;   }
    114. 

  114. 	.demoBox .hd{ padding:40px 10px 0 10px;  }
    115. 

  115. 	.demoBox .hd h3{ font-size:30px; font-weight:bold; color:#39A4DC; line-height:60px; }
    116. 

  116. 	.demoBox .hd h3 span{ color:#ccc; font-style:italic; font-size:60px;  }
    117. 

  117. 	.demoBox .bd{ padding:20px; overflow:hidden; zoom:1;  }
    118. 

  118. 	.demoBox .bd .iframeWrap{ overflow:hidden; float:left;  }
    119. 

  119. 	.demoBox iframe{ width:100%; height:100%;  vertical-align:middle; }
    120. 

  120. 	.demoBox .botTit{ height:22px; line-height:22px; overflow:hidden; background:#eee; text-align:right; padding:5px 0; overflow:hidden; display:none; 
    121. 

  121. 	}
    122. 

  122. 	.demoBox .botTit em{ float:left; font-weight:bold; padding-left:10px;  }
    123. 

  123. 	.demoBox .botTit span a{ display:block; float:right; height:20px; line-height:20px; padding:0 5px; background:#f60; margin-right:10px; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer; display:none;  }
    124. 

  124. 	.demoBox .botTit span a:hover{ text-decoration:none; background:#f60;  }
    125. 

  125. 

  126. 	.params{ width:580px; height:100%; margin-left:20px; float:left; _display:inline; background:#fff; padding-bottom:10px; border:1px solid #ddd; }
    127. 

  127. 	.params table{ background:#fff;   }
    128. 

  128. 	.params table .tit td{ padding: 5px 10px; background:#39A4DC; color:#fff;    }
    129. 

  129. 	.params table td{ border:1px solid #fff;  }
    130. 

  130. 	.params table .n{  width: 153px; text-align:right;   }
    131. 

  131. 	.params table .new{ color:#f00;   }
    132. 

  132. 	.params table i{ color:#999;  }
    133. 

  133. 	.params p{ padding:10px 0 0 10px;  }
    134. 

  134. 	.params .curJsCode{ color:#f60; display:block; font-family:SimSun;  }
    135. 

  135. 

  136. 	.rightNav{ position:fixed; width:140px;  right:0; top:100px; _position:absolute; text-align:left; cursor:pointer; background-image:url(about:blank);  }
    137. 

  137. 	.rightNav a{ display:block; position:relative; height:30px; line-height:30px; margin-bottom:2px; background:#fff; padding-right:10px; width:130px; overflow:hidden;  cursor:pointer; right:-110px; }
    138. 

  138. 	.rightNav a:hover{ text-decoration:none; color:#39A4DC;  }
    139. 

  139. 	.rightNav a:hover em{ background:#00b700}
    140. 

  140. 	.rightNav a em{ display:block; float:left; width:30px; background:#39A4DC; color:#fff; font-size:16px; text-align:center; margin-right:10px;}
    141. 

  141. 	.rightNav a.new em{ background:#f60;  }
    142. 

  142. 	.demoBox .iframeWrap{ width:452px;  }
    143. 

  143. 	.demoBox .iframeWrap iframe{ width:452px; height:232px;  background:url(images/loading.gif) center center no-repeat; }
    144. 

  144. 

  145. 	#picScroll-left iframe{  height:174px;  }
    146. 

  146. 	#picScroll-top iframe{  height:415px;  }
    147. 

  147. 	#picMarquee-left iframe{  height:172px;  }
    148. 

  148. 	#picMarquee-top iframe{  height:415px;  }
    149. 

  149. 	#txtScroll-left iframe{  height:80px;  }
    150. 

  150. 	#txtScroll-top iframe{  height:182px;  }
    151. 

  151. 	#txtMarquee-left iframe{  height:107px;  }
    152. 

  152. 	#txtMarquee-top iframe{  height:184px;  }
    153. 

  153. 	#sideMenu iframe{  height:227px;  }
    154. 

  154. 

  155. 

  156. 	/* 隐藏代码盒子 */
    157. 

  157. 	#displayBox{ z-index:10; display:none; position:fixed; _position:absolute;   width:1000px; height:500px;   left:50%; top:60px; margin-left:-500px; background:#fff;
    158. 

  158. 	border:5px solid #eee; 
    159. 

  159. 	-webkit-box-shadow: #333 0 0 8px;
    160. 

  160. 	-moz-box-shadow: #333 0 0 8px;
    161. 

  161. 	box-shadow: #333 0 0 8px; }
    162. 

  162. 	#displayBox .hd{ height:30px; line-height:30px; background:#eee; padding:0 10px; position:relative;
    163. 

  163. 		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F7F7F7), to(#eee));
    164. 

  164. 		background: -webkit-linear-gradient(#F7F7F7, #eee);
    165. 

  165. 		background: -moz-linear-gradient(#F7F7F7, #eee);
    166. 

  166. 		background: -ms-linear-gradient(#F7F7F7, #eee);
    167. 

  167. 		background: -o-linear-gradient(#F7F7F7, #eee);
    168. 

  168. 		background: linear-gradient(#F7F7F7, #eee);
    169. 

  169. 	}
    170. 

  170. 	#displayBox .hd h3{ font-weight:bold; color:#39A4DC;  }
    171. 

  171. 	#displayBox .hd a{ display:block; position:absolute; right:10px; top:7px; width:20px; height:16px; line-height:16px; text-align:center;  background:#f60; color:#fff; cursor:pointer; }
    172. 

  172. 	#displayBox .hd a:hover{ text-decoration:none; }
    173. 

  173. 	#displayBox .bd{ padding:10px 0;  background:#fff;  }
    174. 

  174. 	#displayBox textarea{ width:458px; height:230px; padding:10px;  border:1px solid #ccc; display:block; }
    175. 

  175. 	#displayBox .bd p{ padding-top:10px;  }
    176. 

  176. 	#displayBox iframe{ width:1000px; height:440px; margin:0 auto;  }
    177. 

  177. 

  178. 

  179. /* 扩展效果 ---------------------------------------------- */
    180. 

  180. .authorWord{ margin-bottom:25px;   text-align:left; background:#fff; }
    181. 

  181. .authorWord h3{ padding:0 20px;  height:30px;  font:normal 14px/30px "Microsoft YaHei"; overflow:hidden; cursor:pointer; border-bottom:1px dotted #ccc; }
    182. 

  182. .authorWord h3 .arrow{ float:right; border-top-color:#fff; margin-top:11px;  }
    183. 

  183. .authorWord .con{ padding:10px 20px; line-height:22px;  }
    184. 

  184. .authorWord .con p{ margin-bottom:5px }
    185. 

  185. .authorWord a{ color:#f60; text-decoration:underline;   }
    186. 

  186. 

  187. .demoList{ overflow:hidden; padding-top:10px;    }
    188. 

  188. .demoList li{
    189. 

  189. 		position:relative;  cursor:pointer; float:left; width:160px;  text-align:center; margin:0 30px 30px 0; 
    190. 

  190. 		padding:4px 4px 0 4px; background:#e3e3e3; color:#000; 
    191. 

  191. }
    192. 

  192. .demoList li img{ display:block; width:160px; height:120px; background:url(images/loading.gif) center center no-repeat;  }
    193. 

  193. .demoList li h3{ height:28px; line-height:28px;  }
    194. 

  194. .demoList li.new i{ display:block; position:absolute; top:4px; right:4px; z-index:1; width:31px; height:31px;  background:url(images/new.png) 0 0 no-repeat;  }
    195. 

  195. 

  196. .demoList li.on{ 	
    197. 

  197. 	background:#666; color:#fff; 
    198. 

  198. 	-webkit-transform: translateY(-10px);
    199. 

  199. 	-moz-transform: translateY(-10px);
    200. 

  200. 	-o-transform: translateY(-10px);
    201. 

  201. 	-webkit-transition-duration:0.3s;
    202. 

  202. 	-o-transition-duration:0.3s;
    203. 

  203. 	-moz-transition-duration:0.3s;
    204. 

  204. 	}
    205. 

  205. 

  206. 

  207. 	.demoBoxEven{ background:#fff;  }
    208. 

  208. 	.demoBoxEven .demoList li{	 }
    209. 

  209. 	.demoBoxEven .demoList li.on{  background:#666; color:#fff;  }
    210. 

  210. 

  211. /* 如何使用 ---------------------------------------------- */
    212. 

  212. .usePageDl{ width:1000px;  }
    213. 

  213. .usePageDl dt h2{ font:normal 22px/150% "Microsoft YaHei"; _font-weight:bold; color:#39A4DC;  }
    214. 

  214. .usePageDl dt h2 a{ color:#f60; text-decoration:underline;   }
    215. 

  215. .usePageDl dt p{ padding:5px 0 10px 33px;  }
    216. 

  216. .usePageDl dt p b{ color:#f60;  }
    217. 

  217. .usePageDl dd{ margin-bottom:50px;  }
    218. 

  218. .usePage .demoBox{ padding:0;  }
    219. 

  219. .usePage .demoBox .bd .iframeWrap{ background:none;  }
    220. 

  220. 

  221. 

  222. /* 下载页面 ----------------------------------------------- */
    223. 

  223. .downLoadDl{ width:1000px;  }
    224. 

  224. .downLoadDl dt h2{ font:normal 22px/150% "Microsoft YaHei"; _font-weight:bold; color:#39A4DC;  }
    225. 

  225. .downLoadDl dt h2 a{ font-size:12px; color:#333; margin-left:20px; text-decoration:underline;    }
    226. 

  226. .downLoadDl dd{ margin-bottom:50px; padding:10px 0;  }
    227. 

  227. 

  228. .dBtn{ cursor:pointer; display:block;  height:30px; line-height:30px; width:100px; text-align:center; font-size:16px;  background:#6ddb00; color:#fff; _font-weight:bold;
    229. 

  229. 	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
    230. 

  230. 	-webkit-box-shadow: #666 1px 1px 2px;
    231. 

  231. 	-moz-box-shadow: #666 1px 1px 2px;
    232. 

  232. 	box-shadow: #666 1px 1px 2px;
    233. 

  233. }
    234. 

  234. .dBtn:hover{ text-decoration:none; background:#65ca00; color:#fff; margin-left:2px;   }
    235. 

  235. .pBtn{ background:#FFA241; font-size:12px; }
    236. 

  236. .pBtn:hover{ background:#ff8635;  }
    237. 

  237. .pBtn i{ font-family:Arial; _font-weight:bold; font-size:20px; }
    238. 

  238. 

  239. .downPage .inculde{ margin-top:20px; padding:10px; border:1px dotted #eee; background:#f3f3f3;}
    240. 

  240. .downPage .inculde li{ color:#666;  }
    241. 

  241. .downPage .inculde em{ font-weight:bold; color:#333;  }
    242. 

  242. .downPage .inculde h3{ font-size:14px; font-weight:bold; color:#c00; padding-bottom:10px  }
    243. 

  243. .downPage .inculde a{ color:#39A4DC; text-decoration:underline; margin:0 2px;   }
    244. 

  244. #whyPay p,#howPay p{ text-indent:20px; margin-bottom:10px  }
    245. 

  245. 

  246. .pay{ overflow:hidden; padding-bottom:5px; vertical-align:top;  }
    247. 

  247. .pay .pBtn{ float:left;  }
    248. 

  248. .pay p{ margin-left:120px;  }
    249. 

  249. .pay p span{ color:#c00;  }
    250. 

  250. .downPage .imp{ color:#c00; font-size:14px;  }
    251. 

  251. 

  252. /* 颜色代码 
    253. 

  253. #39A4DC 浅蓝色
    254. 

  254. 

  255. */
    256.