skin.css 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382
  1. /* Standard Styles */
  2. a, a:visited {
  3. color: #af0a4f;
  4. }
  5. a.dbx-toggle, a.dbx-toggle:visited {
  6. background-image:url(../../images/exp-coll-purple.png);
  7. background-repeat:no-repeat;
  8. }
  9. .scheme a.dbx-toggle, .scheme a.dbx-toggle:visited {
  10. background-image:url(../../images/exp-coll-white.png);
  11. background-repeat:no-repeat;
  12. }
  13. #ie6 a.dbx-toggle, #ie6 a.dbx-toggle:visited {
  14. background-image:url(../../images/exp-coll-purple.gif);
  15. background-repeat:no-repeat;
  16. }
  17. #ie6 .scheme a.dbx-toggle, #ie6 .scheme a.dbx-toggle:visited {
  18. background-image:url(../../images/exp-coll-white.gif);
  19. background-repeat:no-repeat;
  20. }
  21. .suf-widget h3.scheme {
  22. background: #d785a7 url(../../images/bg-purple.png) repeat-x top left;
  23. }
  24. #wrapper {
  25. border: 1px solid #c0c0c0;
  26. background-color: #fafafa;
  27. }
  28. /* Blog title */
  29. .blogtitle a:hover {
  30. color: #af0a4f;
  31. }
  32. /* search form */
  33. input[type="submit"].searchsubmit {
  34. background: url(../../images/search-button-purple.png) no-repeat 0 0;
  35. }
  36. #ie6 #right-header-widgets .searchsubmit, #ie6 #left-header-widgets .searchsubmit, #ie6 #top-bar-right-widgets .searchsubmit, #ie6 #top-bar-left-widgets .searchsubmit,
  37. #ie6 #sidebar .searchsubmit, #ie6 #sidebar-2 .searchsubmit, #ie6 #sidebar-b .searchsubmit, #ie6 #sidebar-2-b .searchsubmit, #ie6 #horizontal-outer-widgets-1 .searchsubmit, #ie6 #horizontal-outer-widgets-2 .searchsubmit {
  38. bac\kground: url(../../images/search-button-purple.gif) no-repeat 0 0;
  39. }
  40. /* main menu */
  41. #nav {
  42. border-bottom: 1px solid #c0c0c0;
  43. }
  44. #nav ul li, #nav.continuous ul ul li, #nav-top.continuous ul ul li{
  45. border: 1px solid #c0c0c0;
  46. }
  47. #nav-top ul li a, #nav ul li a {
  48. color: #222;
  49. background-color: #fafafa;
  50. }
  51. #nav-top a.current, #nav-top a.current:visited, #nav-top a.current:hover, #nav-top a.current:active, #nav-top li a:hover,
  52. #nav a.current, #nav a.current:visited, #nav a.current:hover, #nav a.current:active, #nav li a:hover {
  53. color: #fff;
  54. background: #d785a7 url(../../images/bg-purple.png) repeat-x top left;
  55. }
  56. #nav ul ul li {
  57. border: 1px solid #c0c0c0;
  58. }
  59. #nav.continuous, #nav-top.continuous {
  60. border-bottom: 1px solid #a5a7aa;
  61. }
  62. #nav-top.continuous a.current, #nav-top.continuous a.current:visited, #nav-top.continuous a.current:hover, #nav-top.continuous a.current:active,
  63. #nav-top.continuous li a:hover, #nav-top.continuous li li a, #nav-top.continuous li li a:visited,
  64. #nav.continuous a.current, #nav.continuous a.current:visited, #nav.continuous a.current:hover, #nav.continuous a.current:active,
  65. #nav.continuous li a:hover, #nav.continuous li li a, #nav.continuous li li a:visited {
  66. color: #222;
  67. background:#fafafa;
  68. }
  69. #nav-top.continuous, #nav-top.continuous ul li,
  70. #nav-top.continuous a, #nav-top.continuous a:visited, #nav-top.continuous li li a:hover,
  71. #nav-top.continuous li li a.current, #nav-top.continuous li li a.current:visited, #nav-top.continuous li li a.current:hover, #nav-top.continuous li li a.current:active,
  72. #nav.continuous, #nav.continuous ul li,
  73. #nav.continuous a, #nav.continuous a:visited, #nav.continuous li li a:hover,
  74. #nav.continuous li li a.current, #nav.continuous li li a.current:visited, #nav.continuous li li a.current:hover, #nav.continuous li li a.current:active {
  75. color: #fff;
  76. background: #d785a7 url(../../images/bg-purple.png) repeat-x top left;
  77. }
  78. #nav-top {
  79. background-color: #fafafa;
  80. border: 1px solid #c0c0c0;
  81. border-top: none;
  82. }
  83. #nav-top ul li{
  84. border: 1px solid #c0c0c0;
  85. }
  86. #nav-top ul ul li {
  87. border: 1px solid #c0c0c0;
  88. }
  89. /* sub menu */
  90. #subnav {
  91. background: #fff;
  92. margin-top: 15px;
  93. border: 1px solid #c0c0c0;
  94. }
  95. #subnav ul {
  96. margin: 0px;
  97. padding: 0px 0px 0px 5px;
  98. list-style: none;
  99. }
  100. #subnav .current_page_item a,
  101. #subnav .current_page_item a:visited,
  102. #subnav .current_page_parent a,
  103. #subnav .current_page_parent a:visited {
  104. color: #af0a4f;
  105. }
  106. #subnav li a:hover {
  107. color: #af0a4f;
  108. }
  109. /* Level 3 */
  110. .hier-nav {
  111. background: #fafafa;
  112. }
  113. .hier-nav .current_page_item a, .hier-nav .current_page_item a:visited, .hier-nav .current_page_parent a, .hier-nav .current_page_parent a:visited {
  114. color: #af0a4f;
  115. }
  116. .hier-nav li a:hover {
  117. color: #af0a4f;
  118. }
  119. #top-bar-right-spanel-tab .toggle {
  120. border: 1px solid #c0c0c0;
  121. }
  122. #top-bar-right-spanel-tab .toggle a {
  123. background: #d785a7 url(../../images/bg-purple.png) repeat-x top left;
  124. color: #ffffff;
  125. }
  126. /* content */
  127. .post .date {
  128. background: url(../../images/calpurple.png) no-repeat;
  129. color: #ffffff;
  130. }
  131. .post .date span.day, .post .date span.month {
  132. color: #ffffff;
  133. }
  134. .post .date span.year {
  135. color: #ffffff;
  136. }
  137. .bookdata a:hover,
  138. .postdata a:hover {
  139. color: #af0a4f;
  140. }
  141. /* post title */
  142. h1.posttitle a:hover,
  143. h2.posttitle a:hover {
  144. color: #af0a4f;
  145. }
  146. .tags a:hover {
  147. color: #af0a4f;
  148. }
  149. .page-links span {
  150. border-color: #af0a4f;
  151. }
  152. .page-links > span {
  153. background-color: #af0a4f;
  154. color: #fff;
  155. }
  156. .page-links a:hover {
  157. background-color: #af0a4f;
  158. color: #fff;
  159. }
  160. /* next & previous page navigation */
  161. .page-nav a:hover {
  162. color: #af0a4f;
  163. }
  164. /* next & previous post navigation */
  165. .post-nav a:hover {
  166. color: #af0a4f;
  167. }
  168. .suf-page-nav a,
  169. .suf-page-nav a:visited,
  170. .suf-page-nav span {
  171. border-color: #af0a4f;
  172. color: #af0a4f;
  173. }
  174. .suf-page-nav a:hover {
  175. background-color: #af0a4f;
  176. }
  177. .suf-page-nav span.current {
  178. background-color: #af0a4f;
  179. color: #ffffff;
  180. }
  181. /* Comments */
  182. h3#comments,
  183. h3.comments {
  184. background-color: #fafafa;
  185. }
  186. h3#respond, h3.respond, #reply-title {
  187. background: #fafafa;
  188. }
  189. /* comment list */
  190. .commentlist cite { color: #af0a4f; }
  191. .commentlist cite a, .commentlist cite a:visited { color: #af0a4f; }
  192. .commentlist li.alt { background-color: #fafafa; }
  193. .comment-response-types span {
  194. border-color: #af0a4f;
  195. }
  196. .comment-response-types > span {
  197. background-color: #af0a4f;
  198. color: #fff;
  199. }
  200. .comment-response-types a:hover {
  201. background-color: #af0a4f;
  202. color: #fff;
  203. }
  204. /* Credits */
  205. #page-footer, #cred {
  206. border-top: 1px solid #c0c0c0;
  207. }
  208. #cred a:hover {
  209. color: #af0a4f;
  210. }
  211. .button, .button:visited, input[type="submit"], input[type="button"] {
  212. background: #d785a7 url(../../images/bg-purple.png) repeat-x top left;
  213. color: #ffffff;
  214. }
  215. /* sidebar */
  216. .suf-widget h3,
  217. .suf-widget h3 a,
  218. .suf-widget h3 a:visited {
  219. color: #444;
  220. }
  221. .suf-widget h3.scheme,
  222. .suf-widget h3.scheme a,
  223. .suf-widget h3.scheme a:visited {
  224. color: #fff;
  225. }
  226. div.sidebar-tab-content a:hover,
  227. div.sidebar-tab-content a:focus,
  228. div.sidebar-tab-content a:active,
  229. .suf-widget a:hover,
  230. .suf-widget a:focus,
  231. .suf-widget a:active,
  232. .warea a:hover,
  233. .warea a:focus,
  234. .warea a:active {
  235. color: #af0a4f;
  236. }
  237. .suf-mag-category li,
  238. .sidebar-tab-content ul li,
  239. .suf-widget li,
  240. .suf-flat-widget li,
  241. .suf-panel-widget li {
  242. background-image: url(../../images/icons/bulletpurple.png);
  243. }
  244. .tab-box div.sbtab-content-categories ul li,
  245. .widget_categories ul li {
  246. background-image: url(../../images/icons/folder-purple.png);
  247. }
  248. /* meta */
  249. div.sbtab-content-meta .rss,
  250. .suf-widget .rss,
  251. .suf-flat-widget .rss,
  252. .suf-panel-widget .rss,
  253. .widget_meta .rss {
  254. background-image: url(../../images/icons/rsspurple16.png);
  255. }
  256. .widget_calendar td.with-posts { background: #d785a7; }
  257. .widget_calendar td.with-posts a { color: #fff; }
  258. /* Comment Form */
  259. #commentform label.fancy {
  260. background: #d785a7 url(../../images/bg-purple.png) repeat-x top left;
  261. color: #ffffff;
  262. }
  263. /* These settings are required for Featured Posts */
  264. .sliderIndex a, .sliderIndex a:visited,
  265. #sliderIndex a,
  266. #sliderIndex a:visited {
  267. border-color: #af0a4f;
  268. color: #af0a4f;
  269. }
  270. .sliderIndex a:hover, .sliderIndex a.activeSlide,
  271. #sliderIndex a:hover, #sliderIndex a.activeSlide,
  272. .index-overlaid .sliderIndex a:hover, .index-overlaid .sliderIndex a.activeSlide,
  273. .index-overlaid #sliderIndex a:hover, .index-overlaid #sliderIndex a.activeSlide {
  274. background-color: #af0a4f;
  275. color: #fff;
  276. }
  277. .pager-bullets #sliderPager a, .pager-bullets .sliderPager a { background: url(../../images/slider-gray.png) transparent no-repeat center center; }
  278. .pager-bullets #sliderPager a.activeSlide, .pager-bullets .sliderPager a.activeSlide, .pager-bullets #sliderPager a:hover, .pager-bullets .sliderPager a:hover { background: url(../../images/slider-purple.png) transparent no-repeat center center; }
  279. /* These settings are for common plugins */
  280. .wp-pagenavi a,
  281. .wp-pagenavi a:visited,
  282. .wp-pagenavi span {
  283. border-color: #af0a4f;
  284. color: #af0a4f;
  285. }
  286. .wp-pagenavi span.current {
  287. background-color: #af0a4f;
  288. color: #fff;
  289. }
  290. .wp-pagenavi a:hover {
  291. background-color: #af0a4f;
  292. color: #fff;
  293. }
  294. .warea ul.sidebar-tabs li a.tab-current,
  295. ul.sidebar-tabs li a.tab-current {
  296. background: #d785a7 url(../../images/bg-purple.png) repeat-x top left;
  297. color: #fff;
  298. }
  299. /* Magazine */
  300. .suf-mag-headline-block li.suf-mag-headline a.tab-current,
  301. h2.suf-mag-category-title,
  302. a.excerpt-more-append,
  303. a.excerpt-more-append:visited,
  304. a.suf-mag-excerpt-full-story,
  305. a.suf-mag-excerpt-full-story:visited,
  306. .warea a.suf-mag-category-all-posts,
  307. .warea a.suf-mag-category-all-posts:visited,
  308. a.suf-mag-category-all-posts,
  309. a.suf-mag-category-all-posts:visited {
  310. background: #d785a7 url(../../images/bg-purple.png) repeat-x top left;
  311. color: #fff;
  312. }
  313. .exif-button { background: #d785a7 url(../../images/bg-purple.png) repeat-x top left; border-color: #c0c0c0; }
  314. .exif-button a { color: #fff; }
  315. .exif-button .open .icon { background-position: -48px -96px; }
  316. .exif-button .close .icon { background-position: -64px -96px; }
  317. .mm-warea { background: #fff; border: 1px solid #c0c0c0; border-top: none; color: #333; }
  318. #nav .mm-warea .mm-widget ul li, #nav-top .mm-warea .mm-widget ul li { background: url(../../images/icons/bulletpurple.png) transparent no-repeat; color: #333; }
  319. #nav .mm-warea .mm-widget a, #nav-top .mm-warea .mm-widget a,
  320. #nav .mm-warea .mm-widget a:visited, #nav-top .mm-warea .mm-widget a:visited,
  321. #nav .mm-warea .mm-widget a:hover, #nav-top .mm-warea .mm-widget a:hover {
  322. background: none;
  323. color: #af0a4f;
  324. }