API tools faq
paste
Advertisement
papun

Child theme style.css

papun
May 24th, 2013
18
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.21 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: atech-theme
  3. Description: Child theme for the Twenty Twelve theme
  4. Author: Abhisek Padhi (email:avicool000[at]gmail[dot]com)
  5. Template: twentytwelve
  6. Version: 2.0
  7.  
  8. */
  9.  
  10. @import url("../twentytwelve/style.css");
  11.  
  12. .byline {
  13. font-size: 16px;
  14. font-style: italic;
  15. font-weight: bold;
  16. color: #000000;
  17. }
  18. .byline a:hover {color:#E6640D;} /* mouse over link */
  19.  
  20. .entry-meta a {
  21. color: #000000;
  22. font-size: 14px;
  23. }
  24. /* FONTS */
  25. @font-face {
  26. font-family: Genericons;
  27. src: url(fonts/genericons-regular-webfont.eot);
  28. src: url(fonts/genericons-regular-webfont.eot?#iefix) format("embedded-opentype"),
  29. url(fonts/genericons-regular-webfont.woff) format("woff"),
  30. url(fonts/genericons-regular-webfont.ttf) format("truetype"),
  31. url(fonts/genericons-regular-webfont.svg#genericonsregular) format("svg");
  32. font-weight: normal;
  33. font-style: normal;
  34. }
  35.  
  36. /* Genericons */
  37. .posted-in:before,
  38. .posted-on:before,
  39. .tagged-in:before,
  40. .posted-by:before,
  41. .comments-link:before {
  42. display: inline-block;
  43. width: 24px;
  44. height: 16px;
  45. -webkit-font-smoothing: antialiased;
  46. font-size: 23px;
  47. line-height: 1;
  48. font-family: 'Genericons';
  49. text-decoration: inherit;
  50. font-weight: normal;
  51. font-style: normal;
  52. vertical-align: top;
  53. }
  54.  
  55. /* Meta icons */
  56. .posted-in:before {
  57. content: "\f301";
  58. }
  59. .posted-on:before {
  60. content: "\f307";
  61. }
  62. .tagged-in:before {
  63. content: "\f302";
  64. }
  65. .posted-by:before {
  66. content: "\f304";
  67. }
  68. /*.comments-link:before {
  69. content: "\f300";
  70. }*/
  71.  
  72.  
  73.  
  74. .page-links {
  75.  
  76. padding: 10px 20px 10px !important;
  77.  
  78. display:block !important;
  79.  
  80. clear:both !important;
  81.  
  82.  
  83. }
  84.  
  85. .page-links a ,.page-links span.pages, .page-links span.extend {
  86.  
  87. color:#333333 !important;
  88.  
  89. text-shadow:0px 1px #F6F6F6 !important;
  90.  
  91. padding:6px 11px 6px 11px !important;
  92.  
  93. border:solid 1px #B6B6B6 !important;
  94.  
  95. box-shadow:0px 1px #EFEFEF !important;
  96.  
  97. -moz-box-shadow:0px 1px #EFEFEF !important;
  98.  
  99. -webkit-box-shadow:0px 1px #EFEFEF !important;
  100.  
  101. background:#E6E6E6 !important;
  102.  
  103. background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
  104.  
  105. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
  106.  
  107. font-size:16px !important;
  108.  
  109. margin-right:5px !important;
  110.  
  111. margin-left: 5px !important;
  112.  
  113. text-decoration:none !important;
  114.  
  115. }
  116.  
  117. .page-links a:hover {
  118.  
  119. color:#fff !important;
  120.  
  121. text-shadow:0px 1px #3C3C3C !important;
  122.  
  123. border-color:#202020 !important;
  124.  
  125. background:#525252 !important;
  126.  
  127. background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
  128.  
  129. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
  130.  
  131. color:#FFFFFF !important;
  132.  
  133. box-shadow:0px 1px #E7E7E7 !important;
  134.  
  135. -moz-box-shadow:0px 1px #E7E7E7 !important;
  136.  
  137. -webkit-box-shadow:0px 1px #E7E7E7 !important;
  138.  
  139.  
  140.  
  141. }
  142.  
  143. .page-links span.current{
  144.  
  145. padding:9px 11px 6px 11px !important;
  146.  
  147. border:solid 1px #DCDCDC !important;
  148.  
  149. color:#fff !important;
  150.  
  151. box-shadow:0px 1px #E7E7E7 !important;
  152.  
  153. -moz-box-shadow:0px 1px #E7E7E7 !important;
  154.  
  155. -webkit-box-shadow:0px 1px #E7E7E7 !important;
  156.  
  157. margin-right:5px !important;
  158.  
  159. text-shadow:0px 1px #3C3C3C !important;
  160.  
  161. border-color:#202020 !important;
  162.  
  163. background:#525252 !important;
  164.  
  165. background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
  166.  
  167. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
  168. font-size: 14px;
  169.  
  170. margin-left: 5px !important;
  171. }
  172.  
  173. /*wp-pagenavi Edits begin here...*/
  174.  
  175.  
  176. /* BUTTONS */
  177.  
  178. .myButton1 {
  179.  
  180. background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #d3d4d5));
  181. background:-moz-linear-gradient(top, #f9f9f9 5%, #d3d4d5 100%);
  182. background:-webkit-linear-gradient(top, #f9f9f9 5%, #d3d4d5 100%);
  183. background:-o-linear-gradient(top, #f9f9f9 5%, #d3d4d5 100%);
  184. background:-ms-linear-gradient(top, #f9f9f9 5%, #d3d4d5 100%);
  185. background:linear-gradient(to bottom, #f9f9f9 5%, #d3d4d5 100%);
  186. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#d3d4d5',GradientType=0);
  187.  
  188. background-color:#f9f9f9;
  189.  
  190. -moz-border-radius:8px;
  191. -webkit-border-radius:8px;
  192. border-radius:8px;
  193.  
  194. border:1px solid #d3d4d5;
  195.  
  196. display:inline-block;
  197. color:#414042;
  198. font-family:Trebuchet MS;
  199. font-size:16px;
  200. font-weight:bold;
  201. padding:6px 11px;
  202. text-decoration:none;
  203.  
  204. text-shadow:0px 1px 0px #f9f9f9;
  205.  
  206. }
  207. .myButton1:hover {
  208.  
  209. background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d3d4d5), color-stop(1, #f9f9f9));
  210. background:-moz-linear-gradient(top, #d3d4d5 5%, #f9f9f9 100%);
  211. background:-webkit-linear-gradient(top, #d3d4d5 5%, #f9f9f9 100%);
  212. background:-o-linear-gradient(top, #d3d4d5 5%, #f9f9f9 100%);
  213. background:-ms-linear-gradient(top, #d3d4d5 5%, #f9f9f9 100%);
  214. background:linear-gradient(to bottom, #d3d4d5 5%, #f9f9f9 100%);
  215. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d4d5', endColorstr='#f9f9f9',GradientType=0);
  216.  
  217. background-color:#d3d4d5;
  218. }
  219. .myButton1:active {
  220. position:relative;
  221. top:1px;
  222. }
  223.  
  224. .myButton {
  225.  
  226. -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
  227. -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
  228. box-shadow:inset 0px 1px 0px 0px #54a3f7;
  229.  
  230. background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
  231. background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
  232. background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
  233. background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
  234. background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
  235. background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
  236. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
  237.  
  238. background-color:#007dc1;
  239.  
  240. -moz-border-radius:3px;
  241. -webkit-border-radius:3px;
  242. border-radius:3px;
  243.  
  244. border:1px solid #124d77;
  245.  
  246. display:inline-block;
  247. color:#ffffff;
  248. font-family:Trebuchet MS;
  249. font-size:19px;
  250. font-weight:normal;
  251. padding:0px 6px;
  252. text-decoration:none;
  253.  
  254. text-shadow:0px 1px 0px #154682;
  255.  
  256. }
  257. .myButton:hover {
  258.  
  259. background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
  260. background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
  261. background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
  262. background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
  263. background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
  264. background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
  265. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
  266.  
  267. background-color:#0061a7;
  268. }
  269. .myButton:active {
  270. position:relative;
  271. top:1px;
  272. }
  273.  
  274. .header-search {
  275. float: right;
  276. margin-top: -50px;
  277. }
  278. @media (max-width: 650px) {
  279. .header-search {
  280. margin-top:5px;
  281. text-align:center;
  282. float:none;
  283. }
  284. .main-navigation {
  285. clear:both;
  286. }
  287. }
  288.  
  289. /* MY EDITS */
  290.  
  291. .site-content article {
  292. border-bottom: 4px double #ededed;
  293. margin-bottom: 72px;
  294. margin-bottom: 1.142857143rem;
  295. padding-bottom: 24px;
  296. padding-bottom: 1.714285714rem;
  297. word-wrap: break-word;
  298. -webkit-hyphens: auto;
  299. Unknown property name.-moz-hyphens: auto;
  300. Unknown property name.hyphens: auto;
  301. }
  302.  
  303. .entry-header {
  304. margin-bottom: 15px;
  305. margin-bottom: 0.714285714rem;
  306. }
  307.  
  308. .page-links {
  309. padding: 10px 20px 10px !important;
  310. display: block !important;
  311. clear: both !important;
  312. font-weight: bolder;
  313. font-size: 18px;
  314. text-align: center;
  315. }
  316.  
  317. .wp-pagenavi {
  318. font-size: 12px !important;
  319. text-align: center;
  320. font-weight: bolder;
  321. }
  322.  
  323. .widget-area .widget h3 {
  324. margin-bottom: 24px;
  325. margin-bottom: 0.714285714rem;
  326. font-size: 18px;
  327. text-decoration: none;
  328. }
  329.  
  330. .widget-area .widget li {
  331. font-size: 13px;
  332. font-size: 0.928571429rem;
  333. line-height: 1.846153846;
  334. font-size: 16px;
  335. }
  336.  
  337. .widget-area .widget a:hover {
  338. color: #F18006;
  339. }
  340.  
  341. .widget-area .widget a {
  342. color: #2C292C;
  343. }
  344.  
  345. .widget-area .widget a {
  346. color: #2C292C;
  347. font-size: 16px;
  348. }
  349.  
  350. /*.widget-area .widget {
  351. border: 1px solid #E1E4E6;
  352. background-color: #ffffff;
  353. padding: 2px 2px 2px 10px;
  354. -webkit-box-shadow: rgb(224, 217, 224) 4px 5px 0px;
  355. box-shadow: rgb(224, 217, 224) 4px 5px 0px;
  356. }*/
  357.  
  358. .entry-header .entry-title a {
  359. text-decoration: none;
  360. font-size: 35px;
  361. color: #F18006;
  362. font-weight: bold;
  363. font-style: italic;
  364. }
  365.  
  366. .entry-summary p {
  367. font-size: 16px;
  368. }
  369.  
  370. footer.entry-meta {
  371. margin-top: 24px;
  372. margin-top: 1.714285714rem;
  373. font-size: 13px;
  374. font-size: 0.928571429rem;
  375. line-height: 1.846153846;
  376. color: #757575;
  377. display:none;
  378.  
  379. }
  380.  
  381. .comments-link a {
  382. display:none;
  383. }
  384.  
  385. .page-title {
  386. font-size: 11px;
  387. font-size: 1.785714286rem;
  388. line-height: 2.181818182;
  389. font-weight: bold;
  390. text-transform: uppercase;
  391. color: #636363;
  392. }
  393.  
  394. .site-header h1 a{
  395. color: #515151;
  396. display: inline-block;
  397. text-decoration: none;
  398. font-size: 33px;
  399. }
  400.  
  401. .main-navigation li a {
  402. border-bottom: 0;
  403. color: #0FC233;
  404. line-height: 3.692307692;
  405. text-transform: uppercase;
  406. white-space: nowrap;
  407. font-size: 16px;
  408. font-weight: bolder;
  409. }
  410.  
  411. .entry-header .entry-title {
  412. font-size: 22px;
  413. font-size: 2.571428571rem;
  414. }
  415.  
  416. .entry-content p {
  417. font-size: 18px;
  418. }
  419.  
  420. .menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] {
  421. cursor: pointer;
  422. font-size: 14px;
  423. }
  424.  
  425. .site {
  426. margin: 0 auto;
  427. max-width: 990px;
  428. max-width: 72.571428571rem;
  429. overflow: hidden;
  430. }
  431. .site-content {
  432. float: left;
  433. width: 70.104166667%;
  434. }
  435.  
  436.  
  437. .site-header h2 {
  438. text-align: left;
  439. font-size: 16px;
  440. }
  441.  
  442. .archive-title {
  443. font-size: 11px;
  444. font-size: 1.785714286rem;
  445. line-height: 1.181818182;
  446. }
  447.  
  448. .archive-meta {
  449. color: #757575;
  450. font-size: 12px;
  451. font-size: 1.857142857rem;
  452. line-height: 1;
  453. }
  454.  
  455. .excerpt-thumb{
  456. }
  457. img.alignleft {
  458. margin: 12px 24px 12px 0;
  459. margin: 0.257142857rem 1.714285714rem 0.857142857rem 0;
  460. }
  461.  
  462. .post-meta {
  463.  
  464. font-weight:bold;
  465. }
  466.  
  467. .breadcrumbs {
  468. font-size: 0.33333333rem;
  469. font-size: 16px;
  470. font-style: italic;
  471. }
  472.  
  473. a {
  474. outline: none;
  475. color: #E6640D;
  476. }
  477.  
  478. .site-content nav {
  479. line-height: 2;
  480. font-size: 18px;
  481. }
  482. #header_icons img {
  483. float:right;
  484. height:40px;
  485. width:40px;
  486. margin:0;
  487. margin-left:10px;
  488. }
  489.  
  490. #header_icons{
  491. float: right;
  492. margin-top: 0px;
  493. width:400px;
  494. }
  495.  
  496. #header_icons li{
  497. float: right;
  498. margin: 5px 0px;
  499. display:inline;
  500. }
  501.  
  502. /*
  503. #header_icons ul li {
  504. display: inline;
  505. }
  506. */
  507.  
  508. /*Footer*/
  509. footer[role="contentinfo"] {
  510. font-size: 10px;
  511. font-size: 1.057143rem;
  512. line-height: 2;
  513. }
  514. footer[role="contentinfo"] a:hover {
  515. color: #4D13C9;
  516. }
  517. footer[role="contentinfo"] a {
  518. color: #E9640C;
  519. }
  520.  
  521. a:-webkit-any-link {
  522. text-decoration: none;
  523. cursor: auto;
  524. }
  525.  
  526. footer.entry-meta {
  527. font-size: 14px;
  528. font-size: 0.928571429rem;
  529. line-height: 1.846153846;
  530. color: #C21C1C;
  531. }
  532. body {
  533. line-height: 1.5;
  534. }
  535. footer.entry-meta {
  536. margin-top: 0.714285714rem;
  537. }
  538. .home footer.entry-meta { display:none;}
  539.  
  540. .widget-area .widget p {
  541. font-size: 13px;
  542. font-size: 1.28571429rem;
  543. line-height: 1.846153846;
  544. }
  545. .widget-area .widget p {
  546. margin-bottom: 24px;
  547. margin-bottom: 0.714285714rem;
  548. }
  549.  
  550. .entry-header .comments-link {
  551. margin-top: 0px;
  552. margin-top: 0rem;
  553. }
  554.  
  555. .author-description p {
  556. color: #757575;
  557. font-size: 16px;
  558. font-size: 1.18571429rem;
  559. line-height: 1.846153846;
  560. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!