Parabola Theme Demo – A light and sharp WordPress theme with a mathematical design

#header, #main, .topmenu, #colophon, #footer2-inner { max-width: 1200px; } #container.one-column { } #container.two-columns-right #secondary { width:280px; float:right; } #container.two-columns-right #content { width:900px; float:left; } /*fallback*/ #container.two-columns-right #content { width:calc(100% - 300px); float:left; } #container.two-columns-left #primary { width:280px; float:left; } #container.two-columns-left #content { width:900px; float:right; } /*fallback*/ #container.two-columns-left #content { width:-moz-calc(100% - 300px); float:right; width:-webkit-calc(100% - 300px); width:calc(100% - 300px); } #container.three-columns-right .sidey { width:140px; float:left; } #container.three-columns-right #primary { margin-left:20px; margin-right:20px; } #container.three-columns-right #content { width:880px; float:left; } /*fallback*/ #container.three-columns-right #content { width:-moz-calc(100% - 320px); float:left; width:-webkit-calc(100% - 320px); width:calc(100% - 320px);} #container.three-columns-left .sidey { width:140px; float:left; } #container.three-columns-left #secondary {margin-left:20px; margin-right:20px; } #container.three-columns-left #content { width:880px; float:right;} /*fallback*/ #container.three-columns-left #content { width:-moz-calc(100% - 320px); float:right; width:-webkit-calc(100% - 320px); width:calc(100% - 320px); } #container.three-columns-sided .sidey { width:140px; float:left; } #container.three-columns-sided #secondary { float:right; } #container.three-columns-sided #content { width:880px; float:right; /*fallback*/ width:-moz-calc(100% - 320px); float:right; width:-webkit-calc(100% - 320px); float:right; width:calc(100% - 320px); float:right; margin: 0 160px 0 -1200px; } body { font-family: "Yanone Kaffeesatz Light"; } #content h1.entry-title a, #content h2.entry-title a, #content h1.entry-title , #content h2.entry-title, #frontpage .nivo-caption h3, .column-header-image, .column-header-noimage, .columnmore { font-family: "Oswald Light"; } .widget-title, .widget-title a { line-height: normal; font-family: "Yanone Kaffeesatz Light"; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, h3#comments-title, #comments #reply-title { font-family: "Yanone Kaffeesatz Regular"; } #site-title span a { font-family: "Yanone Kaffeesatz Light"; } #access ul li a, #access ul li a span { font-family: "Yanone Kaffeesatz Light"; } body { color: #333333; background-color: #FFFFFF } a { color: #8aac1a; } a:hover { color: #586e10; } #header-full { background-color: #FFFFFF; } #site-title span a { color:#8aac1a; } #site-description { color:#444444; background-color: rgba(247,247,242,0.3); padding-left: 6px; } .socials a { background-color: #8aac1a; } .socials .socials-hover { background-color: #333333; } .breadcrumbs:before { border-color: transparent transparent transparent #333333; } #access a, #nav-toggle span { color: #EEEEEE; background-color: #333333; } @media (max-width: 650px) { #access, #nav-toggle { background-color: #333333; } } #access a:hover { color: #8aac1a; background-color: #444444; } #access > .menu > ul > li > a:after, #access > .menu > ul ul:after { border-color: transparent transparent #8aac1a transparent; } #access ul li:hover a:after { border-bottom-color:#f2f2f2;} #access ul li.current_page_item > a, #access ul li.current-menu-item > a, /*#access ul li.current_page_parent > a, #access ul li.current-menu-parent > a,*/ #access ul li.current_page_ancestor > a, #access ul li.current-menu-ancestor > a { color: #FFFFFF; background-color: #000000; } #access ul li.current_page_item > a:hover, #access ul li.current-menu-item > a:hover, /*#access ul li.current_page_parent > a:hover, #access ul li.current-menu-parent > a:hover,*/ #access ul li.current_page_ancestor > a:hover, #access ul li.current-menu-ancestor > a:hover { color: #8aac1a; } #access ul ul { box-shadow: 3px 3px 0 rgba(153,153,153,0.3); } .topmenu ul li a { color: #666666; } .topmenu ul li a:after { border-color: #8aac1a transparent transparent transparent; } .topmenu ul li a:hover:after {border-top-color:#f2f2f2} .topmenu ul li a:hover { color: #666666; background-color: #FFFFFF; } div.post, div.page, div.hentry, div.product, div[class^='post-'], #comments, .comments, .column-text, .column-image, #srights, #slefts, #front-text3, #front-text4, .page-title, .page-header, article.post, article.page, article.hentry, .contentsearch, #author-info, #nav-below, .yoyo > li, .woocommerce #mainwoo { background-color: #FFFFFF; } div.post, div.page, div.hentry, .sidey .widget-container, #comments, .commentlist .comment-body, article.post, article.page, article.hentry, #nav-below, .page-header, .yoyo > li, #front-text3, #front-text4 { border-color: #FFF; } #author-info, #entry-author-info { border-color: #fafafa; } #entry-author-info #author-avatar, #author-info #author-avatar { border-color: #FFF; } article.sticky:hover { border-color: rgba(242,242,242,.6); } .sidey .widget-container { color: #333333; background-color: #FFFFFF; } .sidey .widget-title { color: #333; background-color: #F5f5f5; } .sidey .widget-title:after { border-color: transparent transparent #8aac1a; } .sidey .widget-container a { color: ; } .sidey .widget-container a:hover { color: ; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { color: #444444; } .entry-title, .entry-title a, .page-title { color: #444444; } .entry-title a:hover { color: #000000; } #content h3.entry-format { color: #EEEEEE; background-color: #333333; border-color: #333333; } #content h3.entry-format { color: #EEEEEE; background-color: #333333; border-color: #333333; } .comments-link { background-color: #fafafa; } .comments-link:before { border-color: #fafafa transparent transparent; } #footer { color: #AAAAAA; background-color: #FFFFFF; } #footer2 { color: #AAAAAA; background-color: #FFFFFF; border-color:rgba(255,255,255,.1); } #footer a { color: ; } #footer a:hover { color: ; } #footer2 a { color: ; } #footer2 a:hover { color: ; } #footer .widget-container { color: #333333; background-color: #FFFFFF; } #footer .widget-title { color: #333; background-color: #f5f5f5; } #footer .widget-title:after { border-color: transparent transparent #8aac1a; } .footermenu ul li a:after { border-color: transparent transparent #8aac1a transparent; } a.continue-reading-link { color:#EEEEEE !important; background:#333333; border-color:#FFF; } a.continue-reading-link:hover { background-color:#8aac1a; } .button, #respond .form-submit input#submit { background-color: #fafafa; border-color: #FFF; } .button:hover, #respond .form-submit input#submit:hover { border-color: #f7f7f7; } .entry-content tr th, .entry-content thead th { color: #FFFFFF; background-color: #444444; } .entry-content fieldset, .entry-content tr td { border-color: #f7f7f7; } hr { background-color: #f7f7f7; } input[type="text"], input[type="password"], input[type="email"], textarea, select, input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="number"],input[type="range"], input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input[type="week"] { background-color: #fafafa; border-color: #f7f7f7 #FFF #FFF #f7f7f7; color: #333333; } input[type="submit"], input[type="reset"] { color: #333333; background-color: #fafafa; border-color: #FFF;} input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="range"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover { background-color: rgb(250,250,250); background-color: rgba(250,250,250,0.4); } .entry-content code { border-color: #f7f7f7; background-color: #fafafa; } .entry-content pre { background-color: #fafafa; } .entry-content blockquote { border-color: #8aac1a; background-color: #fafafa; } abbr, acronym { border-color: #333333; } span.edit-link { color: #333333; background-color: #FFF; border-color: #fafafa; } .meta-border .entry-meta span, .meta-border .entry-utility span.bl_posted { border-color: #fafafa; } .meta-accented .entry-meta span, .meta-accented .entry-utility span.bl_posted { background-color: #FFF; border-color: #fafafa; } .comment-meta a { color: #999999; } .comment-author { background-color: #fafafa; } .comment-details:after { border-color: transparent transparent transparent #fafafa; } .comment:hover > div > .comment-author { background-color: #FFF; } .comment:hover > div > .comment-author .comment-details:after { border-color: transparent transparent transparent #FFF; } #respond .form-allowed-tags { color: #999999; } .comment .reply a { border-color: #FFF; color: #333333;} .comment .reply a:hover { background-color: #FFF } .nav-next a:hover, .nav-previous a:hover {background: #fafafa} .pagination .current { font-weight: bold; } .pagination span, .pagination a { background-color: #FFFFFF; } .pagination a:hover { background-color: #333333;color:#8aac1a} .page-link em {background-color: #333333; color:#8aac1a;} .page-link a em {color:#f2f2f2;} .page-link a:hover em {background-color:#444444;} #searchform input[type="text"] {color:#999999;} #toTop {border-color:transparent transparent #FFFFFF;} #toTop:after {border-color:transparent transparent #FFFFFF;} #toTop:hover:after {border-bottom-color:#8aac1a;} .caption-accented .wp-caption { background-color:rgb(138,172,26); background-color:rgba(138,172,26,0.8); color:#FFFFFF} .meta-themed .entry-meta span { color: #999999; background-color: #fafafa; border-color: #FFF; } .meta-themed .entry-meta span:hover { background-color: #FFF; } .meta-themed .entry-meta span a:hover { color: #333333; } .entry-content, .entry-summary, #front-text3, #front-text4 { text-align:Default ; } html { font-size:17px; line-height:1.7em; } #content h1.entry-title, #content h2.entry-title { font-size:34px ;} .widget-title, .widget-title a { font-size:20px ;} .entry-content h1 { font-size: 2.676em; } #frontpage h1 { font-size: 2.076em; } .entry-content h2 { font-size: 2.352em; } #frontpage h2 { font-size: 1.752em; } .entry-content h3 { font-size: 2.028em; } #frontpage h3 { font-size: 1.428em; } .entry-content h4 { font-size: 1.704em; } #frontpage h4 { font-size: 1.104em; } .entry-content h5 { font-size: 1.38em; } #frontpage h5 { font-size: 0.78em; } .entry-content h6 { font-size: 1.056em; } #frontpage h6 { font-size: 0.456em; } #site-title span a { font-size:50px ;} #access ul li a { font-size:17px ;} #access ul ul ul a {font-size:15px;} .nocomments, .nocomments2 {display:none;} #header-container > div:first-child { margin:40px 0 0 0px;} .entry-content p, .entry-content ul, .entry-content ol, .entry-content dd, .entry-content pre, .entry-content hr, .commentlist p { margin-bottom: 1.0em; } #header-widget-area { width: 33%; } #branding { height:120px; } @media (max-width: 800px) { #content h1.entry-title, #content h2.entry-title { font-size:32.3px ; } #site-title span a { font-size:45px;} } @media (max-width: 650px) { #content h1.entry-title, #content h2.entry-title {font-size:30.6px ;} #site-title span a { font-size:40px;} } @media (max-width: 480px) { #site-title span a { font-size:30px;} }

This is your caption's title

This is yet another caption title

This is your caption's title

And this is the text that could accompany it. It is all optional so if you delete it in the Parabola Settings there will be no more caption with the black background. Just like in the next slide.

This is yet another caption title

There is again content for the slide and you can use links and other type of HTML tags to make this more interesting.

Hi there I'm a title!

Hi there I'm a title!

You can also have some text here. Just like with the slider, everything is optional (including the title and the link inputs).

Read more »

You can use HTML tags

You can use HTML tags

You can also use links as well as most other HTML tags and even [shortcodes] inside the columns.

Read more »

Just another column title

Just another column title

You can have up to four columns or choose to have no columns at all. It's all up to you and your needs.

Read more »

And underneath the columns you can have 2 more text boxes that also support HTML tags and [shortcodes]. You can also choose to have just one text area or none. Deleting all text inside the appropriate input in the Parabola Settings will remove this whole text area.
As you can see it's really all up to you. You are free to do whatever you like.
It's a multi-universe of options and you are only limited by your (and our) imagination! Have fun!

Sticky Post

By admin January 26, 2013 January 26, 2013 Uncategorized

This is a sticky post sample. Make sure it sticks!

Hello world!

By admin May 22, 2013 November 19, 2013 Uncategorized

Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!

Post with featured image

By admin February 28, 2013 November 19, 2013 Uncategorized

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam tincidunt mauris eu risus.
Vestibulum auctor dapibus neque.

Hello world!

By admin August 22, 2012 August 22, 2012 Uncategorized

Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!

Image Post

Image

By admin January 6, 2011 November 19, 2013 Post Types

Status Post

Status

By admin January 1, 2011 January 1, 2011 Post Types

Maecenas quis mi et ante rutrum interdum. Sed adipiscing lobortis dolor, eget dignissim nibh feugiat vitae. Nulla facilisi.

Aside post

Aside

By admin January 1, 2011 January 1, 2011 Post Types

Aside post

Donec consequat enim nec dolor dictum feugiat. Nullam adipiscing commodo vestibulum. Nulla fringilla sodales erat ut porta.

Nam malesuada elit sed tortor fringilla pulvinar eget vel lectus. Fusce at orci in risus tristique vulputate vitae non massa. In sed volutpat nulla.

Gallery Post

Gallery

By admin January 1, 2011 September 12, 2013 Post Types

: whale

: galaxy

: moon

: sun

Standard post

By admin January 1, 2011 August 14, 2013 Post Types

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce aliquet, ligula non elementum aliquam, augue tortor rhoncus augue, non feugiat orci est vel velit. Proin in sem ut leo consequat sollicitudin eu ut sapien. Nulla in tellus elit.

Etiam non turpis nunc. Nunc tempus mi vel velit gravida eleifend. Aliquam porta dignissim auctor. Fusce blandit adipiscing magna posuere commodo.

Continue reading

Link Post

Link

By admin January 1, 2011 January 1, 2011 Post Types

http://www.lipsum.com/feed/html

Parabola

Preset color schemes: