Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- v2.0
- */
- html, body, div, span, applet, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- a, abbr, acronym, address, big, cite, code,
- del, dfn, em, img, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var,
- b, u, i, center,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td,
- article, aside, canvas, details, embed,
- figure, figcaption, footer, header, hgroup,
- menu, nav, output, ruby, section, summary,
- time, mark, audio, video
- {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- font: inherit;
- vertical-align: baseline;
- }
- /* HTML5 display-role reset for older browsers */
- article, aside, details, figcaption, figure,
- footer, header, hgroup, menu, nav, section { display: block; }
- html { overflow-y: scroll; }
- /* ------ Global ------ */
- body
- {
- line-height: 1;
- color: #b3b3b3;
- font-family: karla, sans-serif;
- font-size: 11px;
- background: #ffffff;
- }
- h1, h2, h3, h4, h5, h6
- {
- color: #000000;
- font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
- font-size: 20px;
- font-style: normal;
- font-weight: normal;
- margin: 0;
- }
- h1
- {
- font-size: 20px;
- line-height: 1.1em;
- }
- h2
- {
- font-size: 20px;
- line-height: 1em;
- }
- a
- {
- outline: none;
- color: #c4c1d1;
- text-decoration: underline;
- font-style: normal;
- font-weight: normal;
- }
- a:hover
- {
- color: #94cbff;
- text-decoration: underline;
- font-style: normal;
- }
- blockquote, q { quotes: none; }
- blockquote:before, blockquote:after, q:before, q:after { content: none; }
- table
- {
- border-collapse: collapse;
- border-spacing: 0;
- }
- form div ,table td, table th { padding: 5px; }
- ::-moz-selection
- {
- background: #A5A29F;
- color: #fff;
- text-shadow: none;
- }
- ::selection
- {
- background: #A5A29F;
- color: #fff;
- text-shadow: none;
- }
- p { margin: 0; }
- p, ul li, ol li { line-height: 1.45em; }
- em { font-style: italic; }
- strong { font-weight: bold; }
- /* Required to Render UL and OL elements correclty */
- ol { list-style: decimal inside none; }
- ul { list-style: disc inside none; }
- /* ------ ClearFix ------ */
- .clearfix:after
- {
- content: ".";
- display: block;
- clear: both;
- visibility: hidden;
- line-height: 0;
- height: 0;
- }
- .clearfix { display: inline-block; }
- * html .clearfix { height: 1%; }
- .clearfix { display: block; }
- /* Menu Definitions */
- #logo { margin: 0 20px 30px; }
- #logo a
- {
- text-decoration: none;
- color: #000000;
- }
- #logo a img
- {
- border: 0px;
- max-width: 195px;
- max-height: 120px;
- }
- #logo h1
- {
- margin: 0;
- z-index: 3333;
- }
- #logo h1 a
- {
- color: #000000;
- font-family: source-sans-pro, sans-serif;
- font-size: 11px;
- font-style: normal;
- font-weight: normal;
- line-height: 1.1em;
- }
- #logo h1 a:hover { text-decoration: none; }
- /* Menu */
- /* Menu Navigation */
- .menu_wrap { width: 210px; }
- .menu_wrap .main_nav
- {
- padding-bottom: 2px;
- width: 180px;
- *position: relative;
- *right: 16px;
- }
- .menu_wrap ul li a
- {
- color: #5c5c5c;
- background: #e0e0e0;
- font-family: source-sans-pro, sans-serif;
- font-size: 11px;
- font-style: normal;
- font-weight: normal;
- line-height: 1.4;
- text-decoration: none;
- padding: 3px 6px 3px 1px;
- background-color: rgba(0,0,0,0);
- }
- .menu_wrap ul a:hover
- {
- background: #f6f6f6;
- color: #d61c1c;
- font-style: normal;
- font-weight: normal;
- background-color: transparent;
- }
- .menu_wrap ul a:focus,
- .menu_wrap ul .selected a
- {
- background: #f6f6f6;
- color: #d61a1a;
- font-style: normal;
- font-weight: normal;
- background-color: transparent;
- }
- .menu_wrap ul .item
- {
- display: block;
- line-height: 1.4;
- margin-bottom: 3px;
- overflow: hidden;
- width: 100%;
- *max-width: 185px;
- }
- .menu_wrap ul .item a
- {
- *display: block;
- *max-width: 185px;
- }
- .menu_wrap .category
- {
- color: #444444;
- font-style: normal;
- font-weight: bold;
- cursor: pointer;
- display: block;
- font-size: 11px;
- font-family: source-sans-pro, sans-serif;
- line-height: 1.2;
- padding: 0.6em 0;
- position: relative;
- zoom: 1;
- border-top: 1px solid #cccccc;
- }
- .menu_wrap .hover { color: #000000; }
- .menu_wrap .open_cat,
- .menu_wrap .list_end_cat
- {
- border-bottom: 1px solid #cccccc;
- margin: 0 0 4px 0;
- }
- .menu_wrap .category_container
- {
- overflow: hidden;
- display: none;
- margin: 0 0 0.5em;
- }
- .menu_wrap .category_container .item { float: left; }
- /******* TOP *********/
- #head_logo
- {
- float: left;
- padding-right: 40px;
- max-width: 390px;
- text-align: left;
- min-height: 30px;
- }
- .gallery .footer_text
- {
- position: fixed;
- bottom: 3px;
- margin: 0;
- width: 100%;
- padding: 3px;
- }
- /* Social Icons */
- .social_icons_wrap
- {
- margin-right: 14px;
- width: 180px;
- }
- ul.social_icons
- {
- float: left;
- list-style-type: none;
- padding: 0 0 0 1em;
- display: none;
- font-size: 14px;
- width: 100%;
- }
- ul.social_icons li.social_icon
- {
- -webkit-transition: opacity 0.3s ease;
- -moz-transition: opacity 0.3s ease;
- -ms-transition: opacity 0.3s ease;
- -o-transition: opacity 0.3s ease;
- transition: opacity 0.3s ease;
- -webkit-border-radius: 11px;
- -moz-border-radius: 11px;
- border-radius: 11px;
- cursor: pointer;
- *display: inline;
- display: inline-block;
- font-family: 'theme_social';
- font-size: 12px;
- line-height: 18px;
- filter: alpha(opacity=60);
- opacity: 0.6;
- padding: 1px;
- position: relative;
- text-align: center;
- width: 18px;
- height: 18px;
- zoom: 1;
- }
- ul.social_icons li.social_icon a
- {
- display: block;
- height: 20px;
- overflow: hidden;
- padding: 0;
- filter: alpha(opacity=0);
- opacity: 0;
- width: 20px;
- position: absolute;
- top: -1px;
- left: 0;
- }
- ul.social_icons li.social_icon:hover
- {
- filter: alpha(opacity=100);
- opacity: 1;
- }
- ul.social_icons li.social_icon { background: #000; }
- ul.social_icons li.social_icon:before { color: #fff; }
- ul.social_icons li.social_icon a { color: #fff; }
- /* Share button */
- #share_button
- {
- font-family: "Helvetica", "Arial", sans-serif;
- display: inline-block;
- *display: inline;
- margin-left: 5px;
- position: relative;
- *right: 0;
- /*top: 2px;*/
- }
- #share_button a
- {
- color: #ffffff;
- background: #000000;
- margin: 3px 3px 4px 0;
- /* was 0 3px 0 0 */
- padding: 4px 11px;
- position: relative;
- font-weight: bold;
- line-height: 1em;
- letter-spacing: 0.04em;
- top: 0;
- text-decoration: none;
- border-radius: 16px;
- -moz-border-radius: 16px;
- -webkit-border-radius: 16px;
- filter: alpha(opacity=60);
- opacity: 0.6;
- -webkit-transition: opacity 0.3s ease;
- -moz-transition: opacity 0.3s ease;
- -ms-transition: opacity 0.3s ease -o-transition: opacity 0.3s ease;
- transition: opacity 0.3s ease;
- font-family: arial;
- font-size: 11px;
- }
- #share_button a:hover,
- #share_button a:focus
- {
- filter: alpha(opacity=100);
- opacity: 1;
- }
- /****** CONTENT *******/
- .nav
- {
- float: left;
- min-height: 550px;
- width: 223px;
- height: 100%;
- position: fixed;
- top: 0;
- z-index: 999999;
- left: 20px;
- }
- .nav #overlay
- {
- background: #f5f5f5;
- position: absolute;
- top: 0;
- left: 0;
- height: 100%;
- width: 100%;
- z-index: 0;
- opacity: 0.7;
- filter: alpha(opacity=70);
- }
- .nav #additional_text
- {
- color: #888888;
- font-family: source-sans-pro, sans-serif;
- font-size: 10px;
- font-style: normal;
- font-weight: normal;
- padding: 16px 0 0 0;
- }
- .nav .nav_container
- {
- position: absolute;
- top: 50%;
- z-index: 10;
- height: 550px;
- margin-top: -275px;
- text-align: left;
- /* This fixes IE7*/
- *overflow: visible;
- }
- .nav.left_aligned_menu { text-align: left; }
- .nav .menu_wrap
- {
- font-size: 0;
- margin-left: 14px;
- }
- .nav .social_icons_wrap
- {
- position: absolute;
- bottom: 12px;
- left: 4px;
- }
- .nav .nav_container .jspVerticalBar
- {
- opacity: 0.7;
- filter: alpha(opacity=70);
- }
- /* Center Horizontal Vertically */
- .gallery #content { min-height: 550px; }
- .gallery #content .container
- {
- position: absolute;
- top: 50%;
- padding-left: 223px;
- height: 550px;
- margin-top: -275px;
- /* This fixes IE7*/
- *overflow: visible;
- }
- /******* GALLERY *********/
- .gallery .asset
- {
- padding: 0;
- float: left;
- }
- /* If laoding icon is displayed */
- .gallery .asset.loading .img
- {
- width: 550px;
- height: 550px;
- }
- .gallery .asset.loading .img img
- {
- width: 20px;
- height: 20px;
- position: absolute;
- top: 50%;
- left: 50%;
- }
- /* Image Text on Image Assets Popups */
- .gallery .image .img { position: relative; }
- .gallery .image .img img
- {
- height: 550px;
- width: auto;
- display: block;
- }
- .gallery .asset .image_text_container
- {
- margin: 0.75em 0.75em 0 0;
- color: #333333;
- font-size: 18px;
- font-weight: normal;
- font-style: normal;
- }
- .gallery .asset.image .image_text_container p { padding-right: 2em; }
- .gallery .assets
- {
- margin-left: 2em;
- overflow: hidden;
- }
- /* Title Elements */
- .gallery .asset.title .wrap { overflow: auto width: 635px; }
- .gallery .asset.title .wrap
- {
- height: 550px;
- overflow: hidden;
- }
- .gallery .asset.title .asset_img { margin-bottom: 15px; }
- .gallery .asset.title .asset_copy
- {
- max-width: 35em;
- padding: 1.2em 0 0;
- }
- .gallery .asset.title .inner_wrap { width: 37em; }
- /* Text Elements */
- .gallery .asset.txt .wrap { overflow: auto; }
- .gallery .assets .asset.txt .wrap .text_content { padding: 0px 0px 0 0px; }
- .gallery .assets .asset.txt .wrap
- {
- height: 600px;
- overflow: hidden;
- }
- /*-- Video Element --*/
- .youtube_cont.preview img,
- .vimeo_cont.preview img
- {
- display: block;
- position: static!important;
- }
- body.gallery .assets .video .embed_container,
- body.gallery .assets .video .youtube_cont,
- body.gallery .assets .video .vimeo_cont { width: 100%; }
- body.gallery .video .embed_container iframe,
- body.gallery .video .embed_container a { top: 0; }
- body.gallery .assets .video .youtube_cont { background: #000; }
- body.gallery .assets.size_550 .video .embed_container img,
- body.gallery .assets.size_550 .video .embed_container iframe { height: 550px; }
- .gallery .assets.size_550 .asset.video .copy
- {
- width: 95%;
- padding: 10px 5% 0 0;
- color: #333333;
- font-size: 18px;
- font-weight: normal;
- font-style: normal;
- }
- /* Listing Assets */
- body.simple #content,
- body.listing #content
- {
- position: relative;
- margin-left: 268px;
- margin-right: 100px;
- }
- body.listing #content
- {
- max-width: 781px;
- min-width: 360px;
- }
- body.listing #content .title_element { max-width: 748px; }
- body.listing #content .title_element .copy { margin-bottom: 35px; }
- body.listing #content .title_element .img { margin-bottom: 2em; }
- body.listing #content .listing_image
- {
- float: left;
- width: 32%;
- margin: 0 2% 2em 0;
- }
- body.listing #content .listing_image.third { margin-right: 0; }
- body.listing #content .listing_image.row-third { clear: left; }
- body.listing #content .listing_image:hover { opacity: 0.7; }
- body.listing #content .title_element img,
- body.listing #content .listing_image img
- {
- max-width: 100%;
- height: auto;
- }
- body.listing.images_have_text #content .listing_image { margin-bottom: 20px; }
- body.listing #content .listing_image .copy a
- {
- text-align: center;
- line-height: 1.35em;
- text-decoration: none;
- margin-top: 5px;
- color: #555555;
- font-size: 10px;
- font-style: normal;
- font-weight: normal;
- display: block;
- }
- body.listing #content .listing_image:hover .copy a { color: #555555; }
- body.simple #menu_container ,
- body.listing #menu_container { position: relative; }
- /* Variable Image Style Definitions */
- /* Gallery Containers */
- .gallery .asset { margin-right: 2px; }
- /* JScroll Scrollbard color */
- .jspDrag { background: #b3b3b3; }
- .jspDrag:hover { background: #b3b3b3; }
- /* Simple Page */
- body.simple#imgsize_fullbrowserheight #content,
- body.listing#imgsize_fullbrowserheight #content { padding-top: 14px; }
- /* Fix to remove blue outline in chrome */
- .menu_wrap, .jspContainer, .jspPane, .main_nav
- {
- outline: 0;
- overflow: hidden;
- }
- /* Gallery nav arrows */
- .gallery .cursor_right.cursor_black.cursor_s { cursor: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/right/cursor_black_s.png) 22 24, e-resize; }
- .gallery .cursor_right.cursor_black.cursor_m { cursor: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/right/cursor_black_m.png) 22 24, e-resize; }
- .gallery .cursor_right.cursor_black.cursor_l { cursor: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/right/cursor_black_l.png) 22 24, e-resize; }
- .gallery .cursor_left.cursor_black.cursor_s { cursor: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/left/cursor_black_s.png) 0 24, w-resize; }
- .gallery .cursor_left.cursor_black.cursor_m { cursor: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/left/cursor_black_m.png) 0 24, w-resize; }
- .gallery .cursor_left.cursor_black.cursor_l { cursor: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/left/cursor_black_l.png) 0 24, w-resize; }
- .gallery .cursor_right.cursor_white.cursor_s { cursor: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/right/cursor_white_s.png) 22 24, e-resize; }
- .gallery .cursor_right.cursor_white.cursor_m { cursor: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/right/cursor_white_m.png) 22 24, e-resize; }
- .gallery .cursor_right.cursor_white.cursor_l { cursor: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/right/cursor_white_l.png) 22 24, e-resize; }
- .gallery .cursor_left.cursor_white.cursor_s { cursor: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/left/cursor_white_s.png) 0 24, w-resize; }
- .gallery .cursor_left.cursor_white.cursor_m { cursor: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/left/cursor_white_m.png) 0 24, w-resize; }
- .gallery .cursor_left.cursor_white.cursor_l { cursor: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/left/cursor_white_l.png) 0 24, w-resize; }
- /* ie8 nav */
- .gallery .ie-next, .gallery .ie-prev { display: none; }
- .ie8 .gallery .ie-next, .ie8 .gallery .ie-prev
- {
- display: block;
- width: 29px;
- height: 47px;
- position: fixed;
- z-index: 2000;
- cursor: pointer !important;
- }
- .ie8 .gallery .ie-prev
- {
- left: 30px;
- display: none;
- }
- .ie8 .gallery .ie-next { right: 30px; }
- .ie8 .gallery #content { cursor: default !important; }
- .gallery .cursor_black.cursor_s .ie-next { background: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/right/cursor_black_s.png) no-repeat; }
- .gallery .cursor_black.cursor_m .ie-next { background: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/right/cursor_black_m.png) no-repeat; }
- .gallery .cursor_black.cursor_l .ie-next { background: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/right/cursor_black_l.png) no-repeat; }
- .gallery .cursor_black.cursor_s .ie-prev { background: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/left/cursor_black_s.png) no-repeat; }
- .gallery .cursor_black.cursor_m .ie-prev { background: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/left/cursor_black_m.png) no-repeat; }
- .gallery .cursor_black.cursor_l .ie-prev { background: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/left/cursor_black_l.png) no-repeat; }
- .gallery .cursor_white.cursor_s .ie-next { background: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/right/cursor_white_s.png) no-repeat; }
- .gallery .cursor_white.cursor_m .ie-next { background: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/right/cursor_white_m.png) no-repeat; }
- .gallery .cursor_white.cursor_l .ie-next { background: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/right/cursor_white_l.png) no-repeat; }
- .gallery .cursor_white.cursor_s .ie-prev { background: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/left/cursor_white_s.png) no-repeat; }
- .gallery .cursor_white.cursor_m .ie-prev { background: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/left/cursor_white_m.png) no-repeat; }
- .gallery .cursor_white.cursor_l .ie-prev { background: url(http://a1.4ormat.com/theme_versions/511076/assets/cursors/left/cursor_white_l.png) no-repeat; }
- /* Blog styling */
- .f_blog_body_typography,
- .f_blog_body_typography:hover
- {
- color: #222222!important;
- font-family: "Helvetica Neue", Arial, Helvetica, sans-serif!important;
- font-size: 18px!important;
- line-height: 1.65!important;
- }
- .f_blog_body_typography > p { line-height: 1.65!important; }
- .f_blog_body_typography_color,
- .f_blog_body_typography_color:hover,
- .blog_date_icon_path { fill: #222222!important; }
- .f_blog_title_typography,
- .f_blog_title_typography:hover
- {
- color: #222222!important;
- font-family: "Helvetica Neue", Arial, Helvetica, sans-serif!important;
- font-size: 34px!important;
- font-style: normal!important;
- font-weight: bold!important;
- }
- .f_blog_title_typography_hover:hover
- {
- color: #222222!important;
- text-decoration: underline!important;
- }
- /* Hack to make listing hovers work nicely */
- .f_blog_list a:hover h4
- {
- color: #222222!important;
- text-decoration: underline!important;
- }
- .fancybox-title .child, /* apply to fancybox for popup image captions */
- .f_blog_caption_typography
- {
- font-family: "Helvetica Neue", Arial, Helvetica, sans-serif!important;
- font-size: 14px!important;
- }
- .f_blog_caption_typography_font-size { font-size: 14px!important; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement