Guest User

Wordpress Neni style.css

a guest
Feb 28th, 2013
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.89 KB | None | 0 0
  1. /*
  2. Theme Name: neni
  3. Theme URI: http://www.pixxels.at/wordpress-theme-neni/
  4. Description: neni is a clean and minimal two-column blog theme by pixxels.at. A responsive layout optimizes the theme for mobile devices. To customize the theme you can choose your own color and background.
  5.  
  6. Author: Marion Lindert
  7. Author URI: http://www.pixxels.at
  8. Version: 1.1.6
  9.  
  10. Tags: orange, light, custom-colors, custom-background, two-columns, right-sidebar, threaded-comments, custom-menu, sticky-post, full-width-template, custom-header, featured-images, theme-options, translation-ready, editor-style
  11.  
  12. License: GNU/GPL Version 2 or later
  13. License URI: http://www.gnu.org/licenses/gpl.html
  14. */
  15.  
  16.  
  17. /* Reset
  18. --------------------------------------------- */
  19. /* http://meyerweb.com/eric/tools/css/reset/
  20. v2.0 | 20110126
  21. License: none (public domain)
  22. */
  23. html, body, div, span, applet, object, iframe,
  24. h1, h2, h3, h4, h5, h6, p, blockquote,
  25. a, img, strong, var,
  26. b, u, i, center, dl, dt, dd, ol, ul, li,
  27. fieldset, form, label, legend,
  28. table, caption, tbody, tfoot, thead, tr, th, td,
  29. article, aside, canvas, details, embed,
  30. figure, figcaption, footer, header, hgroup,
  31. menu, nav, output, ruby, section, summary,
  32. time, mark, audio, video {
  33. margin: 0;
  34. padding: 0;
  35. border: 0;
  36. font-size: 100%;
  37. font: inherit;
  38. vertical-align: baseline;
  39. }
  40.  
  41. /* HTML5 display-role reset for older browsers */
  42. article, aside, details, figcaption, figure,
  43. footer, header, hgroup, menu, nav, section {
  44. display: block;
  45. }
  46. ol, ul {
  47. list-style: none;
  48. }
  49. blockquote:before, blockquote:after {
  50. content: '';
  51. content: none;
  52. }
  53. table {
  54. border-collapse: collapse;
  55. border-spacing: 0;
  56. }
  57.  
  58. /** -- GENERAL STRUCTURE -- **/
  59.  
  60. body {
  61. background-color:#EEE;
  62. font-family: arial, sans-serif;
  63. color: #333;
  64. font-size: 0.8em;
  65. }
  66. #page {
  67. max-width: 960px;
  68. background-color:#FFF;
  69. z-index: 0;
  70. margin: 0 auto 1em auto;
  71. padding: 0em 2em;
  72. }
  73. #branding {
  74. border-top: 8px solid #EC5F00;
  75. }
  76. #main {
  77. width: 100%;
  78. float: left;
  79. overflow: hidden;
  80. }
  81. #wrapper {
  82. margin:0.5em 0 0;
  83. padding:2em 0;
  84. overflow: hidden;
  85. }
  86. #content {
  87. width: 65.0%;
  88. float: left;
  89. margin-right:2em;
  90. }
  91. #secondary {
  92. width: 30.0%;
  93. float: right;
  94. overflow:hidden;
  95. }
  96. #colophon {
  97. width: 100%;
  98. float: left;
  99. padding:1em 0 0;
  100. overflow: hidden;
  101. font-size: 0.8em;
  102. border-top: 8px solid #EC5F00;
  103. }
  104. .aligncenter, div.aligncenter {
  105. margin-left: auto;
  106. margin-right: auto;
  107. display: block;
  108. }
  109. .alignleft {
  110. float: left;
  111. }
  112. .alignright {
  113. float: right;
  114. }
  115. img {
  116. max-width: 100%;
  117. height: auto;
  118. }
  119. body.no-sidebar #content {
  120. width: 100%;
  121. }
  122.  
  123. /** -- STYLES -- **/
  124. #content h1 {
  125. font: bold 1.4em/1.4 serif;
  126. padding: 1.8em 0 0.6em;
  127. color:#333;
  128. }
  129. #content h2 {
  130. font: bold 1.3em/1.3 serif;
  131. padding: 1.5em 0 0.6em;
  132. color:#333;
  133. }
  134. #content h3 {
  135. font: bold 1.2em/1.4 serif;
  136. padding: 1.2em 0 0.3em;
  137. color:#333333;
  138. }
  139. #content h4 {
  140. font: bold 1.1em/1.4 sans-serif;
  141. padding: 1.2em 0 0.3em;
  142. color: #333;
  143. }
  144. #content h5 {
  145. font: bold 1em/1.3 sans-serif;
  146. padding: 1em 0 0.2em;
  147. }
  148. #content h6 {
  149. font: bold .9em/1.3 sans-serif;
  150. padding: 0.9em 0 0.1em;
  151. }
  152. p {
  153. line-height: 1.5;
  154. padding-bottom: 0.5em;
  155. }
  156. strong {
  157. font-weight:bold;
  158. }
  159. blockquote {
  160. margin: 1em 0em;
  161. padding: 0.5em 1em 0.2em;
  162. border-left: 0.5em solid #EC5F00;
  163. background-color: #EEE;
  164. font: normal 1.1em serif;
  165. }
  166. #content address {
  167. padding: 0 0 2em 0;
  168. font-style: italic;
  169. }
  170. #content abbr, acronym {
  171. border-bottom: .1em dotted;
  172. }
  173. #content pre, code, tt, kbd {
  174. font-size: 1.1em;
  175. }
  176. #content img {
  177. max-width:100%;
  178. height: auto;
  179. margin: 0;
  180. padding: 0;
  181. }
  182. #content img.aligncenter {
  183. margin: 1em auto;
  184. }
  185. #content img.alignleft ,#content .wp-caption.alignleft {
  186. margin: 1em 1em 0 0;
  187. }
  188. #content img.alignright,#content .wp-caption.alignright {
  189. margin: 1em 0 0 2em;
  190. }
  191. #content img.alignnone {
  192. margin: 0;
  193. }
  194. img.attachment-thumbnail, img.wp-post-image, img.attachment-medium, img.attachment-large, img.attachment-full{
  195. float: left;
  196. margin-right:1em !important;
  197. margin-bottom:0.5em!important;
  198. }
  199. #content .wp-caption.alignnone {
  200. margin: 0 0 1em;
  201. }
  202. #content .wp-caption {
  203. max-width: 100%;
  204. }
  205. #content p.wp-caption-text, .entry-caption p {
  206. font-size:0.8em;
  207. }
  208. #content object, #content embed, #content iframe {
  209. max-width: 100%;
  210. display: block;
  211. }
  212. #content table {
  213. margin:1em 0em 3em 0em;
  214. }
  215. #content table tr {
  216. border-bottom:1px solid #EEE;
  217. }
  218. #content table tr th {
  219. padding: 1em 2em 1em 2em;
  220. border-top:1px solid #EEE;
  221. border-left:1px solid #EEE;
  222. border-right:1px solid #EEE;
  223. }
  224. #content table tr td {
  225. padding: 1em 2em 1em 2em;
  226. border-left:1px solid #EEE;
  227. border-right:1px solid #EEE;
  228. }
  229. /** -- Links -- **/
  230. a, a:link, a:visited {
  231. color: #EC5F00;
  232. text-decoration: none;
  233. }
  234. a:hover, a:active {
  235. color: #333;
  236. text-decoration: underline;
  237. }
  238.  
  239. /** -- Navigations -- **/
  240. #branding #main-menu {
  241. margin-right: 0em;
  242. margin-top: 0.6em;
  243. max-width: 70%;
  244. float:right;
  245. word-wrap: break-word;
  246. }
  247.  
  248. #branding #main-menu ul li {
  249. float: left;
  250. list-style: none;
  251. position: relative;
  252. }
  253. #branding #main-menu ul li a {
  254. display: block;
  255. font-size: 1.1em;
  256. color:#FFF!important;
  257. background-color:#EC5F00;
  258. margin-left: 0.5em;
  259. margin-bottom: 0.8em;
  260. padding: 0.5em;
  261. }
  262. #branding #main-menu ul li:first-child a {
  263. margin-left: 0em;
  264. }
  265. #branding #main-menu ul li ul li:first-child a {
  266. margin-left: 0.3em;
  267. }
  268. #branding #main-menu ul li a:hover {
  269. color:#FFF!important;
  270. background-color:#444!important;
  271. text-decoration: none;
  272. }
  273. #branding #main-menu ul ul {
  274. display: none;
  275. float: left;
  276. position: absolute;
  277. top: 3em;
  278. left: 0.3em;
  279. z-index: 500;
  280. background-color:#FFF;
  281. }
  282. #branding #main-menu ul ul ul {
  283. left: 100%;
  284. top: 0;
  285. }
  286. #branding #main-menu ul ul li a, #branding #main-menu ul ul ul li a {
  287. font-size: 0.9em;
  288. color:#000!important;
  289. background-color:#FFF!important;
  290. width: 9em;
  291. height: auto;
  292. text-transform: none;
  293. padding:0.2em 0.2em 0.2em 0.5em;
  294. border: none;
  295. margin: 0.2em 0 0.3em 0.2em;
  296. }
  297. #branding #main-menu ul li:hover > ul {
  298. display: block;
  299. }
  300. #branding #main-menu ul ul a:hover, #branding #main-menu ul ul ul a:hover {
  301. color:#EC5F00!important;
  302. background-color: #EEE!important;
  303. }
  304.  
  305. /** -- Lists -- **/
  306.  
  307. #content .post ul, #content .page ul, .comment-body ul {
  308. padding:0.5em 0 0.5em 2em;
  309. line-height: 1.3;
  310. }
  311. #content .post ul li, #content .page ul li, .comment-body ul li {
  312. padding:0;
  313. list-style: disc!important;
  314. }
  315. #content .post ol, #content .page ol, .comment-body ol {
  316. padding:0.5em 0 0.5em 2em ;
  317. line-height: 1.3;
  318. }
  319. #content .post ol li, #content .page ol li, .comment-body ol li {
  320. padding:0;
  321. list-style: decimal!important;
  322. }
  323. #content .post ol ol li, #content .page ol ol li, .comment-body ol ol li {
  324. list-style: lower-latin!important;
  325. }
  326. #content .post ol ol ol li, #content .page ol ol ol li, .comment-body ol ol ol li {
  327. list-style: decimal!important;
  328. }
  329. #content dl {
  330. margin:0 ;
  331. padding: 0;
  332. }
  333. #content dt {
  334. font-weight: bold;
  335. margin: 0;
  336. padding-top: 1em;
  337. }
  338. #content dd {
  339. margin: 0;
  340. padding-bottom: 1em;
  341. padding-left: 3em;
  342. }
  343.  
  344. /** -- HEADER -- **/
  345.  
  346. /** -- Blog-Title -- **/
  347.  
  348. #blog-title {
  349. padding: 4em 0 1em;
  350. }
  351. #site-title{
  352. margin: 0 1em 0 0;
  353. font-size: 4em;
  354. line-height:1.2;
  355. font-weight: bold;
  356. }
  357.  
  358. #site-title a:hover {
  359. text-decoration:none;
  360. color:#333!important;
  361. }
  362. #site-description {
  363. font:italic 1em Times, serif;
  364. color: #777;
  365. margin: 0.5em 0 0 0;
  366. }
  367.  
  368. /** -- Article-Headers -- **/
  369.  
  370. .entry-header {
  371. padding-bottom: 0.6em;
  372. }
  373. .entry-header h1, .entry-header h1 a, .entry-header h1 a:link, .entry-header h1 a:visited {
  374. font: bold 1.4em/1.4 sans-serif;
  375. color:#333;
  376. }
  377. .entry-header h1 a:hover, .entry-header h1 a:active {
  378. text-decoration:underline;
  379. }
  380. .entry-header p {
  381. font-size: 0.8em;
  382. }
  383.  
  384. /** -- POSTS -- **/
  385. #content .post {
  386. overflow: hidden;
  387. clear: both;
  388. padding-bottom: 2em;
  389. }
  390. #content .entry-meta p {
  391. padding: 1em 0 0;
  392. font-size: 0.8em;
  393. }
  394. #content .entry-meta a, #content .entry-meta a:link, #content .entry-meta a:visited {
  395. text-decoration:none;
  396. }
  397. #content .entry-meta a:hover, #content .entry-meta a:active {
  398. text-decoration:underline;
  399. }
  400. #content .sticky {
  401. }
  402.  
  403. .more-link {
  404. font-weight:bold;
  405. }
  406. #comments .bypostauthor {
  407. }
  408.  
  409. /** -- CLEARING FLOATS -- **/
  410. .clear {
  411. clear:both;
  412. display:block;
  413. overflow:hidden;
  414. visibility:hidden;
  415. width:0;
  416. height:0;
  417. }
  418. .clearfix:after {
  419. clear:both;
  420. content:' ';
  421. display:block;
  422. visibility:hidden;
  423. width:0;
  424. height:0
  425. }
  426. .page-link {
  427. clear:both;
  428. }
  429.  
  430. /** -- Fullwidth Page -- **/
  431. #content.full-width {
  432. width:100%!important;
  433. }
  434.  
  435. /** -- SIDEBAR -- **/
  436. aside.widget {
  437. font-size: 0.9em;
  438. padding-top: 0.7em;
  439. padding-bottom: 2em;
  440. word-wrap: break-word;
  441. }
  442. aside.widget ul{
  443. background-color: #EEE;
  444. }
  445. aside.widget ul li {
  446. padding: 0.3em 0 0.3em;
  447. margin-left: 1em;
  448. }
  449. .widget h3.widget-title {
  450. color: #EC5F00;
  451. text-transform: uppercase;
  452. font: bold 1.1em/1.4 sans-serif;
  453. margin-right: 0.5em;
  454. text-align: right;
  455. }
  456. .widget a, .widget a:link, .widget a:visited {
  457. color: #333!important;
  458. text-decoration:none;
  459. }
  460. .widget a:hover, .widget a:active {
  461. color: #EC5F00!important;
  462. text-decoration:none;
  463. }
  464.  
  465. /**-- nav below, image navigation --**/
  466. #content #nav-below .nav-previous, #nav-below .nav-next {
  467. float:left;
  468. }
  469. #image-navigation .previous-image, #image-navigation .next-image {
  470. float:right;
  471. }
  472. #content #nav-below .nav-previous a, #content #nav-below .nav-next a, #image-navigation .previous-image a, #image-navigation .next-image a {
  473. margin:0;
  474. display:block;
  475. font:italic 1.4em Times, serif;
  476. font-weight:bold;
  477. margin-top:1em;
  478. }
  479. #content #nav-below .nav-previous a, #image-navigation .previous-image a{
  480. padding-right: 1em;
  481. }
  482.  
  483. .page-link a{
  484. margin:0 0.3em;
  485. padding:0.2em 0.3em;
  486. background:#EEE;
  487. }
  488.  
  489. /** -- Search -- **/
  490.  
  491. .search {
  492. padding: 0.3em 0 2em;
  493. }
  494. #search_form {
  495. width: 100%;
  496. margin: 0;
  497. padding: 0;
  498. float: left;
  499. overflow: hidden;
  500. }
  501. #search_form #search_input {
  502. width: 50%;
  503. background-color:#EEE;
  504. padding: 0.4em 1em 0.4em 0;
  505. border: none;
  506. font-size: 1em;
  507. font-family: arial, sans-serif;
  508. border: 1px solid #CCC;
  509. }
  510. #search_form .search_input:hover, #search_form .search_input:focus, #search_form .search_input:active {
  511. background-color:#FFF;
  512. }
  513. #search_submit {
  514. margin: 0;
  515. width:30%;
  516. float:right;
  517. padding: 0.4em 1em 0.4em;
  518. display: inline;
  519. background-color: #DFDFDF;
  520. border: none;
  521. font-size: 1em;
  522. font-weight:bold;
  523. color: #EC5F00;
  524. text-align: center;
  525. text-transform: uppercase;
  526. }
  527. #search_submit:hover {
  528. color: #FFF!important;
  529. background-color: #EC5F00;
  530. }
  531. .widget_calendar #calendar_wrap {
  532. background-color: #EEE;
  533. padding: 0.3em 0em 0.3em 1em;
  534. }
  535. .widget_calendar #wp-calendar caption {
  536. font-style: italic;
  537. text-align: left;
  538. margin-bottom: 0.5em;
  539. }
  540. .widget_calendar table#wp-calendar th, .widget_calendar table#wp-calendar td {
  541. padding: 0 0.5em 0.5em 0;
  542. }
  543. .widget_calendar table#wp-calendar tbody tr td#today {
  544. font-style: italic;
  545. }
  546. .widget_calendar table#wp-calendar tbody tr td a{
  547. font-weight: bold;
  548. }
  549.  
  550. .tagcloud {
  551. background-color: #EEE;
  552. padding: 0.3em 0em 0.3em 1em;
  553. }
  554.  
  555. /** -- GALLERY -- **/
  556. #content .gallery {
  557. margin:auto;
  558. }
  559.  
  560. #content .gallery-item {
  561. float: left;
  562. text-align: left;
  563. width: 29%;
  564. vertical-align: top;
  565. overflow: hidden;
  566. margin-right:0.5em;
  567. }
  568. #content .gallery-caption {
  569. font-size:0.8em;
  570. margin:0;
  571. padding-right:3em;
  572. padding-left:0;
  573. }
  574.  
  575. /** -- COMMENTS -- **/
  576. #comments {
  577. background-color:#FFF;
  578. margin-top:3em;
  579. border-top: 4px solid #EEE;
  580. }
  581. #comments .comment-meta {
  582. font-size: 0.8em;
  583. margin-bottom:1em;
  584. }
  585. #comments .comment-awaiting-moderation {
  586. color: #E00;
  587. }
  588. #comments ol.commentlist {
  589. font-size:1em;
  590. }
  591. .reply {
  592. margin-bottom:2em;
  593. }
  594. .reply a, .reply a:link, .reply a:visited {
  595. background: #DFDFDF;
  596. padding: 0.3em 0.5em;
  597. text-transform:uppercase;
  598. font-size:0.9em;
  599. font-weight:bold;
  600. }
  601. .reply a:hover, .reply a:focus, .reply a:active {
  602. background: #EC5F00;
  603. color:#FFF!important;
  604. text-decoration:none;
  605. }
  606. #comments li{
  607. list-style:none;
  608. }
  609.  
  610. #content #comments ol li ul.children {
  611. padding:0em;
  612. }
  613. #content #comments ol li.depth-1 {
  614. padding:0em;
  615. }
  616. #content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 {
  617. margin:0 0 0em 2em;
  618. padding:0em;
  619. border-bottom:none;
  620. }
  621.  
  622. #comments #comment-nav-above, #comments #comment-nav-below {
  623. margin-bottom:2em;
  624. }
  625.  
  626. #comments .nav-previous a, #comments .nav-next a {
  627. font:italic 1.4em Times, serif;
  628. font-weight:bold;
  629.  
  630. }
  631.  
  632.  
  633. /** -- comment reply -- **/
  634.  
  635. #comments #respond {
  636. background: #EEE;
  637. padding-top: 1em;
  638. padding-right: 3em;
  639. padding-bottom: 1em;
  640. padding-left: 1em;
  641. }
  642. #content #comments #respond h3#reply-title {
  643. margin:0;
  644. padding:0;
  645. font-size: 1.4em;
  646. }
  647. #commentform {
  648. font-size: 0.9em;
  649. }
  650. form#commentform p.comment-form-author, form#commentform p.comment-form-email, form#commentform p.comment-form-url, form#commentform p.comment-form-comment {
  651. padding:1.5em 0 0;
  652. }
  653. input#submit {
  654. background-color:#DFDFDF;
  655. padding: 0.5em 0.5em;
  656. color:#EC5F00;
  657. margin: 0;
  658. border: none;
  659. text-align: center;
  660. text-transform: uppercase;
  661. font-size: 1em;
  662. font-weight:bold;
  663. }
  664. input#submit:hover {
  665. background-color:#EC5F00;
  666. color:#FFF!important;
  667. }
  668. form#commentform input#author, form#commentform input#email, form#commentform input#url {
  669. margin: 0;
  670. padding: 0.5em;
  671. display: block;
  672. font-size:1em;
  673. color:#444;
  674. }
  675. form#commentform textarea#comment {
  676. margin: 0.5em 0 0;
  677. padding: 0.5em;
  678. display: block;
  679. font-family: arial, sans-serif;
  680. font-size: 1em;
  681. width:30em;
  682. }
  683.  
  684. /** -- FOOTER -- **/
  685. a.top {
  686. margin: 0.5em 0;
  687. font-weight: bold;
  688. display: block;
  689. }
  690.  
  691.  
  692. /** -- CSS3 MEDIA QUERIES FOR RESPONSIVE DESIGN -- **/
  693.  
  694. @media screen and (max-width : 1200px) {
  695. #branding #main-menu {right: 0; margin-top: 0.6em; max-width: 100%; position:relative; float:left;}
  696. }
  697.  
  698. @media screen and (max-width : 800px) {
  699. #main { margin: 0;}
  700. #header { padding:0;}
  701. #page { max-width: 100%; margin: 0 auto; padding: 0 2em; }
  702. body.no-sidebar #content, #content { width: 100%; }
  703. #secondary { width: 100%; float:left; margin-left:0; margin-top:3em;}
  704. aside.widget { font-size: 1em; padding-bottom:2em; padding-top:2em; border-top: 4px solid #EEE; }
  705. aside.widget ul{ background-color: #FFF; }
  706. aside.widget ul li { padding: 0; margin:0 2em 0 0; list-style: none; display:inline; line-height:2;}
  707. aside.widget ul li ul { display:inline; margin:0 0 0 2em; }
  708. aside.widget li.menu-item ul.sub-menu li.menu-item:last-child{ margin:0; }
  709. .widget h3.widget-title {color: #EC5F00; text-transform: none; font: bold 1.5em/1.4 sans-serif; text-align: left; }
  710. .widget a, .widget a:link, .widget a:visited { color: #EC5F00; text-decoration:underline; }
  711. .widget a:hover, .widget a:active { color: #333; text-decoration: underline; }
  712. .widget ul li ul a, .widget ul li ul a:link, .widget ul li ul a:visited {color: #999!important; text-decoration:underline; }
  713. .widget ul li ul a:hover, .widget ul li ul a:active { color: #333!important; text-decoration: underline; }
  714. #content #nav-below {border-top: 4px solid #EEE; padding-top:1em;}
  715. }
  716.  
  717. @media screen and (max-width : 480px) {
  718. #branding { border:none;}
  719. #branding #main-menu {float:none; margin:0; padding:0;}
  720. #branding #main-menu ul {margin:0; padding:0; }
  721. #branding #main-menu ul li, #branding #main-menu ul li ul li {list-style-type:none; padding:0; margin:0; display:inline; float:none;}
  722. #branding #main-menu ul ul, #branding #main-menu ul ul ul {display:inline; float:none; margin:0 ; position:relative; top:0; padding:0; left:0;}
  723. #branding #main-menu ul li a {font-size: 0.9em;color:#FFF;background-color:#EC5F00;float:none;margin:0; margin-bottom:0.2em; margin-top:0.5em;}
  724. #branding #main-menu ul li:first-child a {margin:0;}
  725. #branding #main-menu ul ul li{padding-left:15em;}
  726. #branding #main-menu ul li a:hover {color:#FFF; background-color:#444;text-decoration: none;}
  727. #branding #main-menu ul ul li a, #branding #main-menu ul ul ul li a {font-size: 0.8em;color:#000; background-color:#FFF; display:inline; padding:0; margin:0; margin-left:1em; line-height:1.5; text-decoration:underline;}
  728. #branding #main-menu ul ul li a:hover, #branding #main-menu ul ul ul li a:hover {color:#EC5F00!important; background-color:#FFF!important;text-decoration:underline; }
  729. #branding #main-menu ul li:hover > ul {display: inline;}
  730. #blog-title {padding: 1em 0 0.5em; text-align:right;}
  731. #site-title {font-size:2.5em; margin: 0 0.5em 0 0; line-height:1; text-align:right;}
  732. #site-description {font-size:0.8em; text-align:right;}
  733. .entry-header {padding-bottom: 0;}
  734. .entry-header h1, .entry-header h1 a, .entry-header h1 a:link, .entry-header h1 a:visited {line-height:1; font-size:1.2em; padding: 0;}
  735. #wrapper {margin:0.5em 0 0; padding: 0; }
  736. }
Advertisement
Add Comment
Please, Sign In to add comment