SHARE
TWEET

style.css

a guest Nov 8th, 2012 1 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*Theme Name: MyGraphene
  2.  
  3. Theme URI: Your URL
  4.  
  5. Description: My own Graphene copy
  6.  
  7. Author: Your name
  8.  
  9. Template: graphene
  10.  
  11. */
  12.  
  13. @import url('../graphene/style.css');
  14. #container {
  15. -webkit-box-shadow: none;
  16. box-shadow: none;
  17. border: solid 1px #000;
  18. }
  19. #content {
  20. padding-bottom: 0px;
  21. }
  22. #header {
  23. background-position: center top;
  24. background-color: #FFF;
  25. background-repeat: no-repeat;
  26. height: 138px;
  27. width: 100%;
  28. position: relative;
  29. }
  30. .header-img {
  31. position: absolute;
  32. top: 0;
  33. left: 50%;
  34. margin-left: -480px;
  35. }
  36. #header_img_link {
  37. display: block;
  38. position: absolute;
  39. text-decoration: none;
  40. width: 100%;
  41. height: 138px;
  42. }
  43. .header_title {
  44. font: bold 32px "Arial";
  45. position: relative;
  46. top: 30px;
  47. }
  48. .post {
  49. margin-bottom: 0px;
  50. }
  51. .textwidget {
  52. position: relative;
  53. font: bold 16px "Arial";
  54. color: white;
  55. margin-top: 8px;
  56. left: 30px;
  57. width: 400px;
  58. }
  59. #graphene-dynamic-widget-graphene_footer .textwidget ( font: normal 12px "Arial";
  60. ) .menu-bottom-shadow {
  61. background: url(images/sprite_h.png) left top repeat-x #1e557e;
  62. height: 2px;
  63. width: 100%;
  64. }
  65. /* =Footer
  66.  
  67. -------------------------------------------------------------- */
  68.  
  69. #footer {
  70. background: url(images/sprite_h.png) left -1352px repeat-x #900;
  71. padding-top: 0px;
  72. margin-top: -10px;
  73. margin-bottom: 0px;
  74. min-height: 10px;
  75. position: relative;
  76. color: #FFF;
  77. clear: both;
  78. }
  79. #footer .textwidget {
  80. font-size: 12px;
  81. font-weight: normal;
  82. padding-bottom: 5px;
  83. }
  84. #top-bar {
  85. background: url(images/sprite_h.png) left -596px repeat-x #990000;
  86. border-bottom: none;
  87. height: 54px;
  88. position: relative;
  89. z-index: 10;
  90. }
  91. /* Top level header menu, default state */
  92.  
  93. #header-menu-wrap {
  94. position: relative;
  95. background: url(images/sprite_h.png) left -3px repeat-x #900;
  96. z-index: 15;
  97. }
  98. /* Top level header menu, hover and current state */
  99.  
  100. #header-menu > li:hover, #header-menu > li.current-menu-ancestor {
  101. background: url(images/sprite_h.png) left -300px repeat-x #FFF;
  102. }
  103. #header-menu > li.current-menu-item {
  104. background: url(images/sprite_h.png) left -300px repeat-x #FFF;
  105. }
  106. #header-menu > li:hover > a, #header-menu > li.current-menu-item > a, #header-menu > li.current-menu-ancestor > a {
  107. color: #900;
  108. }
  109. #header-menu > li.menu-item-ancestor:hover > a {
  110. color: #900;
  111. }
  112. #header-menu > li:hover > a > span, #header-menu > li.current-menu-item > a > span, #header-menu > li.current-menu-ancestor > a > span {
  113. color: #FFF;
  114. }
  115. #header-menu > li.menu-item-ancestor:hover > a, #header-menu > li.current-menu-item > a, #header-menu > li.current-menu-ancestor > a {
  116. background-position: -877px -192px;
  117. }
  118. /* Sub level header menu, default state */
  119.  
  120. #header-menu ul li a {
  121. color: #FFF;
  122. font-weight: bold;
  123. padding: 10px;
  124. width: 180px;
  125. }
  126. #header-menu ul li {
  127. background: url(images/sprite_h.png) left -777px repeat-x #900;
  128. }
  129. #header-menu ul li.menu-item-ancestor > a {
  130. background: url(images/sprite_master.png) -652px -194px no-repeat transparent;
  131. padding-right: 25px;
  132. width: 165px;
  133. }
  134. /* Sub level header menu, hover and current state */
  135.  
  136. #header-menu ul li:hover, #header-menu ul li.current-menu-item, #header-menu ul li.current-menu-ancestor {
  137. background-position: left -856px;
  138. background-color: #FFF;
  139. }
  140. #header-menu ul li:hover > a, #header-menu ul li.current-menu-item > a, #header-menu ul li.current-menu-ancestor > a {
  141. color: #900;
  142. }
  143. #developer {
  144. text-align: right;
  145. clear: right;
  146. padding: 5px 0;
  147. float: right;
  148. }
  149. .widget_nav_menu {
  150. border: 1px solid #990000;
  151. }
  152. .parent-return {
  153. display: none;
  154. }
  155. /* Graphene internal stylesheet */
  156.  
  157. #content, .menu-bottom-shadow, #sidebar_bottom {
  158. background-color: #ffffff;
  159. }
  160. .post {
  161. background-color: #ffffff;
  162. }
  163. .post-title, .post-title a, .post-title a:visited, .entry-footer {
  164. border-color: #ffffff;
  165. }
  166. .post {
  167. border-top-color: #FFFFFF;
  168. }
  169. .post {
  170. border-bottom-color: #FFFFFF;
  171. }
  172. .post {
  173. border-bottom-color: #FFFFFF;
  174. }
  175. .sidebar div.sidebar-wrap {
  176. -moz-box-shadow: 0 0 5px #ffffff;
  177. -webkit-box-shadow: 0 0 5px #ffffff;
  178. box-shadow: 0 0 5px #ffffff;
  179. }
  180. .sidebar ul li {
  181. border-color: #990000;
  182. }
  183. .sidebar h3 {
  184. border-color: #990000;
  185. }
  186. .sidebar h3 {
  187. background: #990000;
  188. background: -moz-linear-gradient( #990000, #990000 );
  189. background: -webkit-linear-gradient(top, #990000, #990000 );
  190. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#990000', EndColorStr='#990000')";
  191. background: linear-gradient( #990000, #990000 );
  192. }
  193. #comments ol li.comment, #comments ol li.pingback, #comments ol li.trackback {
  194. background-color: #FFFFFF;
  195. }
  196. #comments ol.children li.comment {
  197. border-color: #FFFFFF;
  198. }
  199. #comments ol.children li.bypostauthor, #comments li.bypostauthor.comment {
  200. border-color: #FFFFFF;
  201. }
  202. #comments ol.children li.bypostauthor, #comments li.bypostauthor.comment {
  203. border-color: #FFFFFF;
  204. }
  205. #commentform {
  206. background-color: #FFFFFF;
  207. }
  208. body {
  209. background-image: none;
  210. }
  211. .header_title, .header_title a, .header_title a:hover, .header_desc {
  212. color: #blank;
  213. }
  214. #sidebar_bottom .sidebar-wrap {
  215. width: 760px
  216. }
  217. .entry-content, .sidebar, .comment-entry {
  218. color: #000000;
  219. }
  220. .entry-content img, .wp-caption {
  221. width: auto;
  222. }
  223. .entry-content img, .child-page img {
  224. border: 1px solid #000000;
  225. margin: 5px;
  226. }
  227. .post-title, .post-title a {
  228. color: #990000;
  229. }
  230. #header_img_link {
  231. width: 705px;
  232. height: 138px;
  233. }
  234. a, .post-title, .post-title a, #comments > h4.current a {
  235. color: #990000;
  236. }
  237. a:visited, .post-title a:visited {
  238. color: #990000;
  239. }
  240. a:hover, .post-title a:hover {
  241. color: #000000;
  242. }
  243. .one-column .comment-form-author, .one-column .comment-form-email, .one-column .comment-form-url {
  244. width: 240px
  245. }
  246. .one-column .graphene-form-field {
  247. width: 232px
  248. }
  249. .one-column #commentform textarea {
  250. width: 752px
  251. }
  252. #content-main .grid_11, .container_16 .slider_post, #comments #respond {
  253. width: 530px
  254. }
  255. #sidebar1, #sidebar2 {
  256. width: 200px
  257. }
  258. .comment-form-author, .comment-form-email, .comment-form-url {
  259. width: 180px
  260. }
  261. .graphene-form-field {
  262. width: 172px
  263. }
  264. #commentform textarea {
  265. width: 572px
  266. }
  267. body {
  268. background-color: #FFFFFF;
  269. font: normal 13px arial;
  270. background-image: none;
  271. }
  272. .bg-gradient {
  273. background: none;
  274. }
  275. .header_title, .header_title a, .header_title a:hover, .header_desc {
  276. color: #blank;
  277. }
  278. table td, table th, table tr {
  279. border: 1px none #ccc;
  280. font-family: arial;
  281. padding: 2px;
  282. margin: 2px;
  283. }
  284. table th {
  285. background: #FFFFFF;
  286. border-bottom-width: 2px;
  287. }
  288. table tr {
  289. background: #FFFFFF;
  290. }
  291. table tr.alternate {
  292. background: #fff;
  293. }
  294. .entry-content h2 {
  295. color: #990000;
  296. }
  297. .entry-content h2, .comment-entry h2 {
  298. font-size: 16px;
  299. font-weight: bold;
  300. }
  301. .entry-content h3 {
  302. color: #990000;
  303. }
  304. .entry-content ul li {
  305. list-style-image: none;
  306. }
  307. .entry-content h3, .comment-entry h3 {
  308. font-size: 14px;
  309. font-weight: bold;
  310. }
  311. .comment-entry h4 {
  312. font-size: 12px;
  313. font-weight: bold;
  314. }
  315. .entry-content a {
  316. font-weight: bold;
  317. text-decoration: underline;
  318. }
  319. .container_16 .grid_11 {
  320. width: 700px
  321. }
  322. #nav .menu li a, #nav .menu li a:visited {
  323. width: 120px;
  324. }
  325. #nav .menu li li a, #nav .menu li li a:visited {
  326. width: 200px;
  327. }
  328. #nav .sub-menu li {
  329. border-bottom: 1px solid #FFFFFF;
  330. }
  331. #nav .sub-menu {
  332. width: 220px;
  333. }
  334. .sidebar ul li {
  335. font-weight: bold;
  336. }
  337. .sidebar ul li:hover {
  338. background-color: #EEEEEE;
  339. }
  340. #header .header_title {
  341. font: normal 32px arial, sans-serif;
  342. }
  343. .header_desc {
  344. font: normal 22px arial, sans-serif;
  345. }
  346. .post-title a {
  347. font: 24px sans-serif;
  348. }
  349. .comment-entry h6 {
  350. font: normal 18px arial, sans-serif;
  351. }
  352. h3.author-post-list {
  353. font: normal 20px arial, sans-serif;
  354. }
  355. .sidebar h3 {
  356. font: 18px/20px arial, sans-serif;
  357. }
  358. .homepage_pane .post-title a, .homepage_pane .post-title a:visited {
  359. font: normal 20px arial, sans-serif;
  360. }
  361. .pullquote {
  362. font: normal 22px arial, sans-serif;
  363. }
  364. #content .default_product_display h2.prodtitle {
  365. font: bold 18px arial, sans-serif;
  366. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top