本网站正在建设中(～￣▽￣)～

  • 你好～！欢迎来到中文歌声合成个人收集站-VCPedia.cn！
  • 若发现页面信息有误或投稿至本站，请联系管理员。

Template:专题导航/styles.css

VCPedia.cn ——关于中文歌声合成的一切。
跳到导航 跳到搜索 
  1. /*
  2. * Skeleton V2.0.4
  3. * Copyright 2014, Dave Gamache
  4. * www.getskeleton.com
  5. * Free to use under the MIT license.
  6. * http://www.opensource.org/licenses/mit-license.php
  7. * 12/29/2014
  8. */
  9.  
  10. .container {
  11. 	position: relative;
  12. 	width: 100%;
  13. 	max-width: 960px;
  14. 	margin: 0 auto;
  15. 	padding: 0 20px;
  16. 	box-sizing: border-box;
  17. }
  18.  
  19. .div,
  20. .divs,
  21. .column,
  22. .columns {
  23. 	width: 100%;
  24. 	float: left;
  25. 	box-sizing: border-box;
  26. }
  27.  
  28. /* For devices larger than 400px */
  29. @media (min-width: 400px) {
  30. 	.container {
  31. 		width: 85%;
  32. 		padding: 0;
  33. 	}
  34. }
  35.  
  36. /* For devices larger than 550px */
  37. @media (min-width: 550px) {
  38. 	.container {
  39. 		width: 80%;
  40. 	}
  41. 	.div,
  42. 	.divs,
  43. 	.column,
  44. 	.columns {
  45. 		margin-left: .3%;
  46. 	}
  47. 	.div:first-child,
  48. 	.divs:first-child,
  49. 	.column:first-child,
  50. 	.columns:first-child {
  51. 		margin-left: 0;
  52. 	}
  53.  
  54. 	.one.div,
  55. 	.one.divs		{ width: 100%; margin-left: 0; }
  56. 	.two.divs		{ width: 49.85%; }
  57. 	.three.divs		{ width: 33.1333333333%; }
  58. 	.four.divs		{ width: 24.775%; }
  59. 	.five.divs		{ width: 19.76%; }
  60. 	.six.divs		{ width: 16.4166666667%; }
  61. 	.seven.divs		{ width: 14.0285714286%; }
  62. 	.eight.divs		{ width: 12.2375%; }
  63. 	.nine.divs		{ width: 10.8444444444%; }
  64. 	.ten.divs		{ width: 9.73%; }
  65. 	.eleven.divs	{ width: 8.81818181818%; }
  66. 	.twelve.divs	{ width: 8.05833333333%; }
  67.  
  68. 	.one.column,
  69. 	.one.columns		{ width: 8.05833333333%; }
  70. 	.two.columns		{ width: 16.4166666667%; }
  71. 	.three.columns		{ width: 24.775%; }
  72. 	.four.columns		{ width: 33.1333333333%; }
  73. 	.five.columns		{ width: 41.4916666667%; }
  74. 	.six.columns		{ width: 49.85%; }
  75. 	.seven.columns		{ width: 58.2083333333%; }
  76. 	.eight.columns		{ width: 66.5666666667%; }
  77. 	.nine.columns		{ width: 74.925%; }
  78. 	.ten.columns		{ width: 83.2833333333%; }
  79. 	.eleven.columns		{ width: 91.6416666667%; }
  80. 	.twelve.columns		{ width: 100%; margin-left: 0; }
  81.  
  82. 	.one-third.column	{ width: 33.1333333333%; }
  83. 	.two-thirds.column	{ width: 66.5666666667%; }
  84.  
  85. 	.one-half.column	{ width: 49.85%; }
  86. }
  87.  
  88. /*
  89. * 专题导航 V1
  90. * Copyright 2015, maverick
  91. * masterchan.me
  92. * Free to use under the MIT license.
  93. * http://www.opensource.org/licenses/mit-license.php
  94. * 05/13/2015
  95. */
  96. .ztdh {
  97. 	margin-bottom: 3px;
  98. 	margin-top: 5px;
  99. 	border: solid 1px;
  100. 	background-color: white;
  101. 	padding: 8px;
  102. 	position: relative;
  103. }
  104.  
  105. .ztdh .ztdhclear {
  106. 	clear: both;
  107. }
  108.  
  109. .ztdh .ztdh-title {
  110. 	border: none;
  111. 	clear: none;
  112. 	margin: 0;
  113. 	font-family: 'Microsoft YaHei','STHeiti Light';
  114. 	font-weight: bold;
  115. 	font-size: 1.55em;
  116. }
  117.  
  118. .ztdh .logo {
  119. 	float: left;
  120. 	margin-right: 5px;
  121. }
  122.  
  123. .ztdh .hint {
  124. 	text-align: right;
  125. 	font-size: 12px;
  126. }
  127.  
  128. .ztdh span.menu-title {
  129. 	margin: 0;
  130. 	padding: 0;
  131. 	text-align: center;
  132. 	cursor: pointer;
  133. 	line-height: 32px;
  134. 	border: 1px solid #a7d7f9;
  135. 	font-size: 1.2em;
  136. 	font-weight: bold;
  137. 	line-height: 1.8;
  138. 	display: block;
  139. }
  140.  
  141. .ztdh .ztdhmenu{
  142. 	margin-top: 5px;
  143. }
  144.  
  145. .menu-popout {
  146. 	position: absolute;
  147. 	background-color: white;
  148. 	margin: 0;
  149. 	width: 100%;
  150. 	top: -1px;
  151. }
  152.  
  153. .menu-content {
  154. 	position: relative;
  155. 	display: none;
  156. 	z-index: 99;
  157. }
  158.  
  159. .ztdh ul {
  160. 	list-style: none!important;
  161. 	margin: 0;
  162. 	border: solid #9dd5ff;
  163. 	border-width: 2px;
  164. }
  165.  
  166. .ztdh li {
  167. 	padding: 4px;
  168. }
  169.  
  170. .ztdh li a:hover {
  171. 	text-decoration: none;
  172. }
  173.  
  174. .ztdh .menu-item:hover > .menu-content {
  175. 	display: block;
  176. }
  177.  
  178. .ztdh .menu-item:hover > span.menu-title {
  179. 	background-color: #9dd5ff;
  180. 	border: 1px solid #9dd5ff;
  181. }
  182.  
  183. .ztdh ul ul {
  184. 	border: none;
  185. 	margin: 5px 5px 0px 15px;
  186. }
  187.  
  188. .ztdh-hsctrl {
  189. 	float: right;
  190. 	background: #FFFFFF;
  191. 	padding: 0 6px;
  192. 	cursor: pointer;
  193. }
  194.  
  195. .ztdh hr{
  196. 	margin: 12px 0;
  197. }
  198.  
  199. @media (max-width: 550px) {
  200. 	.ztdh .hint {
  201. 		font-size: 10px;
  202. 	}
  203. 	.ztdh .menu-item{
  204. 		margin-bottom: 5px;
  205. 	}
  206. 	.menu-content {
  207. 		position: relative;
  208. 		margin-bottom: 5px;
  209. 	}
  210. 	.menu-popout {
  211. 			position: relative;
  212. 	}
  213. 	.ztdh .menu-item > span.menu-title {
  214. 		background-color: #9dd5ff;
  215. 		border: 1px solid #9dd5ff;
  216. 	}
  217. 	.ztdh hr{
  218. 		margin: .2em 0;
  219. 	}
  220. 	.ztdh-hsctrl {
  221. 		display: none;
  222. 	}
  223. }
  224. .menu-popout > ul {
  225. 	margin-left: 0 !important;
  226. }
  227. /* [[Category:在模板名字空间下的CSS页面]] */
取自“https://vcpedia.cn/index.php?title=Template:专题导航/styles.css&oldid=319593”