/** * Your Inspiration Themes * * In this files the framework register default metaboxes. * * @package WordPress * @subpackage Your Inspiration Themes * @author Your Inspiration Themes Team * * This source file is subject to the GNU GENERAL PUBLIC LICENSE (GPL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://www.gnu.org/licenses/gpl-3.0.txt */ /******************************************** In this file you can add your custom CSS. It will always override rules in style.css. Good work... and good luck! :) ********************************************/ #slider-cycle.slider_cycle .slide-title h2, #slider-cycle.slider_cycle .slide-title h2 span, #slider-cycle.slider_cycle .slide-title h2 a { font-size: 48px; font-family: 'Oswald', sans-serif; font-style: normal; font-weight: 400; } #slider-cycle.slider_cycle .slide-title h2 span { font-size: 48px; font-family: 'Oswald', sans-serif; color: #ea7206; font-style: normal; font-weight: 400; } #slider-cycle.slider_cycle .slide-content p { font-size: 14px; font-family: 'Droid Sans', sans-serif; font-style: normal; font-weight: 400; } #slider-thumbnails.slider.thumbnails .showcase-caption p { font-size: 13px; font-family: 'Droid Sans', sans-serif; color: #585555; font-style: normal; font-weight: 400; } #slider-thumbnails.slider.thumbnails div.showcase-tooltip { font-size: 12px; font-family: 'Droid Sans', sans-serif; color: #000; font-style: normal; font-weight: 400; } #slider-elastic .ei-title h2, #slider-elastic .ei-title h2 a { font-size: 40px; font-family: 'Playfair Display', sans-serif; color: #000000; font-style: italic; font-weight: normal; } #slider-elastic .ei-title h3, #slider-elastic .ei-title h3 a { font-size: 40px; font-family: 'Open Sans Condensed', sans-serif; color: #4D4C4C; font-style: normal; font-weight: 400; } #slider-flexslider-elegant.slider ul li .slider-caption h2, #slider-flexslider-elegant.slider ul li .slider-caption h2 a { font-size: 17px; font-family: 'Rokkitt', sans-serif; color: #ffffff; font-style: normal; font-weight: 400; } #slider-flexslider-elegant.slider ul li .slider-caption p { font-size: 18px; font-family: 'Droid Sans', sans-serif; color: #ffffff; font-style: italic; font-weight: 400; } #slider-flexslider-elegant.slider ul li .slider-caption h2 { font-size: 28px; font-family: 'Droid Sans', sans-serif; color: #66cc00; font-style: normal; font-weight: 400; } #slider-flexslider-elegant.slider ul li .slider-caption .special-font { font-size: 24px; font-family: 'Shadows Into Light', sans-serif; color: #ffffff; font-style: normal; font-weight: 400; } #slider-images-grid.slider .dg-add-content-wrap .dg-image-title { font-size: 14px; font-family: 'Maven Pro', sans-serif; color: #ffffff; font-style: normal; font-weight: 400; } #slider-images-grid.slider .dg-add-content-wrap .dg-image-description { font-size: 14px; font-family: 'Maven Pro', sans-serif; color: #ffffff; font-style: normal; font-weight: 400; } #slider-layer-slider.layer-slider .ls-layer p { font-size: 17px; font-family: 'Maven Pro', sans-serif; color: #373636; font-style: normal; font-weight: 400; } #slider-layer-slider.layer-slider .ls-layer a { color: #a96605; } #slider-layer-slider.layer-slider .ls-layer a:hover { color: #373636; } #slider-layer-slider.layer-slider .ls-layer h1 { font-size: 52px; font-family: 'Maven Pro', sans-serif; color: #373636; font-style: normal; font-weight: 700; } #slider-layer-slider.layer-slider .ls-layer h2 { font-size: 48px; font-family: 'Maven Pro', sans-serif; color: #373636; font-style: normal; font-weight: 700; } #slider-layer-slider.layer-slider .ls-layer h3 { font-size: 26px; font-family: 'Maven Pro', sans-serif; color: #a96605; font-style: normal; font-weight: 400; } #slider-layer-slider.layer-slider .ls-layer h4 { font-size: 22px; font-family: 'Maven Pro', sans-serif; color: #373636; font-style: normal; font-weight: 400; } #slider-layer-slider.layer-slider .ls-layer h5 { font-size: 18px; font-family: 'Maven Pro', sans-serif; color: #373636; font-style: normal; font-weight: 400; } #slider-layer-slider.layer-slider .ls-layer h6 { font-size: 14px; font-family: 'Maven Pro', sans-serif; color: #373636; font-style: normal; font-weight: 400; } .meta h1.post-title, .meta h1.post-title a, .meta h2.post-title, .meta h2.post-title a, .blog-small h2.post-title, .blog-small h2.post-title a, .blog-pinterest h2.post-title, .blog-pinterest h2.post-title a { font-size: 16px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } .blog-big .meta a, .blog-small .meta a, .blog-big .meta div p, .blog-big .meta div p a, .blog-small .meta div p, .blog-small .meta div p a, .blog-pinterest .meta div p, .blog-pinterest .meta div p a, .blog-elegant .meta div p, .blog-elegant .meta div p a { font-size: 12px; font-family: 'Maven Pro', sans-serif; color: #5f5e5e; font-style: normal; font-weight: 400; } .blog-big .meta a:hover, .blog-small .meta a:hover, .blog-big .meta div p:hover, .blog-big .meta div p a:hover, .blog-small .meta div p:hover, .blog-small .meta div p a:hover, .blog-pinterest .meta div p:hover, .blog-pinterest .meta div p a:hover, .blog-elegant .meta div p:hover, .blog-elegant .meta div p a:hover { color: #000; } .section.blog .meta h4 a { font-size: 15px; font-family: 'Rokkitt', sans-serif; color: #030303; font-style: normal; font-weight: 400; } .section.blog .meta h4 a:hover { color: #AC670C; } #footer { background: #EFF1F1; } #footer, #footer *, #copyright *, #copyright .inner, #footer .recent-post .thumb-img img, #footer .widget_archive ul li a, #footer .widget_archive ul li a:hover, #footer .widget_nav_menu ul li a, #footer .widget_nav_menu ul li a:hover, #footer .widget_pages ul li a, #footer .widget_pages ul li a:hover, #footer .widget_categories ul li a, #footer .widget_categories ul li a:hover, #footer #searchform input, #footer .widget_flickrRSS img, #footer .widget_nav_menu ul li a, #footer .widget_pages ul li a, #footer .widget_categories ul li a, #footer .widget_archive ul li a:hover, #footer .widget_nav_menu ul li.current_page_item > a, #footer .widget_pages ul li.current_page_item > a, #footer .widget_categories ul li.current_page_item > a, #footer .testimonial-widget div.name-testimonial, #footer .last-tweets-widget ul li, #footer .yit-widget-content .widget, #footer .portfolio-categories ul li, #footer .recent-comments .avatar img, #footer .more-projects-widget .work-thumb, #footer .more-projects-widget .controls, #footer .more-projects-widget .top, #footer .featured-projects-widget img, #footer .thumb-project img { border-color: #CAD0D1; } #copyright { background: #51575A; } .boxed #wrapper { background-color: #ffffff; } code, pre, body hr, #copyright .inner, #footer .inner, .gallery img, .gallery img, .content .archive-list ul, .content .archive-list ul li, .more-projects-widget .work-thumb, .more-projects-widget .controls, .more-projects-widget .top, .featured-projects-widget img, .thumb-project img, #searchform input, .portfolio-categories ul li, .portfolio-categories ul li:hover, .recent-comments .avatar img, .content .contact-form li.submit-button input, #portfolio .read-more, #portfolio .more-link, #portfolio .read-more:hover, #portfolio .more-link:hover, .accordion-title, .accordion-item-thumb img, form input[type="text"], form textarea, .testimonial-page, div.section-caption .caption, .line, .last-tweets-widget ul li, .toggle p.tab-index, .toggle .content-tab, .testimonial, .google-map-frame, .section.blog .post, .section.blog h4.other-articles, .section.blog .sticky .thumbnail, .section .portfolio-sticky .work-categories, .testimonial, #searchform input, .blog-big .meta p, .blog-big p.list-tags, .blog-small .image-wrap, .comment-container, .image-square-style #comments img.avatar, #comments .comment-author img, .comment-meta, #respond input, #respond textarea, img.comment-avatar, .portfolio-big-image a.thumb, .portfolio-big-image a.more, .portfolio-big-image a.more:hover, .portfolio-big-image .work-thumbnail a.nozoom, .portfolio-big-image .work-skillsdate, .internal_page_item, .gallery-wrap li h5, .gallery-filters, .portfolio-full-description a.thumb, .portfolio-full-description a.more, .portfolio-full-description a.more:hover, .portfolio-full-description .work-skillsdate, .related_img, #portfolio.columns .overlay_a, .yit-widget-content .widget, .slider.thumbnails .showcase-thumbnail img, .slider.thumbnails .showcase-thumbnail img:hover, .slider.thumbnails .showcase-thumbnail.active img, .recent-post .thumb-img img, .widget_archive ul li a, .widget_archive ul li a:hover, .widget_nav_menu ul li a, .widget_nav_menu ul li a:hover, .widget_pages ul li a, .widget_pages ul li a:hover, .widget_categories ul li a, .widget_categories ul li a:hover, #searchform input, .widget_flickrRSS img, .widget_nav_menu ul li a, .widget_pages ul li a, .widget_categories ul li a, .widget_archive ul li a:hover, .widget_nav_menu ul li.current_page_item > a, .widget_pages ul li.current_page_item > a, .widget_categories ul li.current_page_item > a, .testimonial-widget div.name-testimonial, .last-tweets-widget ul li, .yit-widget-content .widget, .portfolio-categories ul li, .recent-comments .avatar img, .more-projects-widget .work-thumb, .more-projects-widget .controls, .more-projects-widget .top, .featured-projects-widget img, .thumb-project img, .picture_overlay, #respond textarea:focus, .portfolio-big-image .work-thumbnail .picture_overlay, .portfolio-full-description .work-thumbnail .thumb-wrapper, .testimonial-widget li > div, .sidebar .widget > h3, .sidebar .recent-post .thumb-img img { border-color: #eeeeee; } #portfolio.pinterest .thumbnail .picture_overlay:hover, #portfolio.slide-detail .ch-item-hover:hover, #portfolio.filterable .ch-item-hover:hover, #portfolio.portfolio-big-image .work-thumbnail .picture_overlay:hover, .portfolio-big-image .work-thumbnail .thumb-wrapper:hover, .related_project .related_img:hover, .portfolio-categories ul li:hover, #portfolio .more-link:hover, .portfolio-big-image a.more:hover, #portfolio.columns .overlay_a:hover, .showcase-thumbnail img:hover, .widget_archive ul li a:hover, .widget_nav_menu ul li a:hover, .widget_pages ul li a:hover, .widget_categories ul li a:hover, .picture_overlay:hover { border-color: #66cc00; } #topbar { background-color: #373636; } #header { background-color: #eff1f1; } #header .menu > ul ul { background-color: #c8cfd0; } #border-header { background: #66cc00; border-color: #66cc00; } .sf-menu .current-menu-ancestor a span.triangle, .sf-menu .current-menu-item a span.triangle, .sf-menu li:hover a span.triangle, .sf-menu .current_page_item a span.triangle, .sf-menu .current_page_ancestor a span.triangle { border-bottom-color: #cad0d1; } .sf-menu ul { border-top-color: #b4babb; } .error-404-text p { font-size: 18px; font-family: 'Maven Pro', sans-serif; color: #585555; font-style: normal; font-weight: 400; } .error-404-text p a { color: #66CC00; } .error-404-text p a:hover { color: #000000; } div.popup .title { font-size: 20px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } div.popup, div.popup_message, div.popup_message p, div.popup_message span { font-size: 13px; font-family: 'Maven Pro', sans-serif; color: #5f5e5e; font-style: normal; font-weight: 400; } #portfolios { background: #ffffff url('http://yit.com/celestino/wp-content/themes/celestino/images/backgrounds/032.jpg'); font-size: 18px; font-family: 'Abel', sans-serif; color: #000000; font-style: italic; font-weight: 700; } .testimonial .testimonial-text p, .testimonial .testimonial-text-full p, .testimonial-page .testimonial-text-full p { font-size: 13px; font-family: 'Maven Pro', sans-serif; color: #585555; font-style: normal; font-weight: 400; } .testimonial .testimonial-name a.name, .testimonial .testimonial-name p.name, .testimonial-page .testimonial-name a.name, .testimonial-page .testimonial-name p.name { font-size: 22px; font-family: 'Shadows Into Light', sans-serif; color: #66CC00; font-style: normal; font-weight: 400; } .testimonial .testimonial-name a.website, .testimonial-page .testimonial-name a.website { font-size: 13px; font-family: 'Maven Pro', sans-serif; color: #1C1C1C; font-style: normal; font-weight: 400; } .testimonials-slider ul.testimonials li blockquote p a { font-size: 24px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } .testimonials-slider ul.testimonials li p.meta { font-size: 13px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 700; } #footer{background-color: #eff1f1;} #footer, #footer p, #footer li { font-size: 13px; font-family: 'Maven Pro', sans-serif; color: #585555; font-style: normal; font-weight: 400; } #footer{border-color: #66cc00 ;} #footer a { color: #66cc00; } #footer a:hover { color: #030303; } #footer h3 { font-size: 17px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } #copyright, #copyright p, #copyright div p { font-size: 12px; font-family: 'Maven Pro', sans-serif; color: #ffffff; font-style: normal; font-weight: 400; } #copyright a, #copyright p a, #copyright div p a { color: #66cc00; } #copyright a:hover { color: #f2f4f5; } a, p, li, address, dd, blockquote, td, th, .paragraph-links a, a.text-color, ul.filters li a, .menu-select select, .testimonial-widget li a, .testimonial-widget li p { font-size: 13px; font-family: 'Maven Pro', sans-serif; color: #5f5e5e; font-style: normal; font-weight: 400; } a, a.text-color:hover, ul.filters li a:hover, ul.filters li a.active { color: #66cc00; } a:hover { color: #030303; } #yit-breadcrumb a { font-size: 12px; font-family: 'Droid Sans', sans-serif; color: #838383; font-style: normal; font-weight: 400; } #yit-breadcrumb a:hover { color: #535353; } #page-meta #yit-breadcrumb a.current { color: #66cc00;font-size: 15px; } h1, h1 a { font-size: 30px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } h2, h2 a { font-size: 22px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } h3, h3 a { font-size: 20px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } h4, h4 a { font-size: 18px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } h5, h5 a { font-size: 15px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } h6, h6 a { font-size: 12px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } #page-meta .slogan h2 { font-size: 28px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } #page-meta .slogan h3 { font-size: 21px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } .special-font { font-size: 12px; font-family: 'Shadows Into Light', sans-serif; color: #030303; font-style: normal; font-weight: 400; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #A05F02; } #header #logo #textual { font-size: 40px; font-family: 'Montez', sans-serif; color: #373636; font-style: normal; font-weight: 400; } #header #logo #textual span { font-size: 40px; font-family: 'Montez', sans-serif; color: #ac670c; font-style: normal; font-weight: 400; } #header #logo #tagline { font-size: 16px; font-family: 'Maven Pro', sans-serif; color: #66cc00; font-style: italic; font-weight: 700; } #header #logo #tagline span { font-size: 14px; font-family: 'Maven Pro', sans-serif; color: #4b4a4a; font-style: normal; font-weight: 400; } #topbar li, #topbar p { font-size: 11px; font-family: 'Droid Sans', sans-serif; color: #ffffff; font-style: normal; font-weight: 400; } #topbar a { color: #f5b00c; } #topbar a:hover { color: #66cc00; } #header div.menu > ul > li > a { font-size: 14px; font-family: 'Maven Pro', sans-serif; color: #727272; font-style: normal; font-weight: 400; } #header div.menu > ul > li > a:hover { color: #66cc00; } #header div.menu > ul > li.current-menu-item > a, #header div.menu > ul > li.current-menu-ancestor > a, #header div.menu > ul > li.current_page_parent > a, #header div.menu > ul > li.current_page_ancestor > a, #header div.menu > ul > li.current_page_item > a { color: #66cc00; } #header div.menu > ul ul li a { font-size: 13px; font-family: 'Maven Pro', sans-serif; color: #373636; font-style: normal; font-weight: 400; } #header div.menu > ul ul li a:hover { color: #66cc00; } #header div.menu > ul ul li.current-menu-item > a, #header div.menu > ul ul .current-menu-ancestor > a { color: #66cc00; } .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { font-size: 17px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } .sidebar p, .sidebar li, .sidebar div { font-size: 13px; font-family: 'Maven Pro', sans-serif; color: #585555; font-style: normal; font-weight: 400; } .sidebar a { color: #8a8989; } .sidebar a:hover { color: #030303; } .testimonial-widget li blockquote p { font-size: 12px; font-family: 'Maven Pro', sans-serif; color: #585555; font-style: normal; font-weight: 400; } .testimonial-widget li .name-testimonial { font-size: 11px; font-family: 'Maven Pro', sans-serif; color: #000000; font-style: normal; font-weight: 400; } .testimonial-widget li .url-testimonial { font-size: 11px; font-family: 'Maven Pro', sans-serif; color: #585555; font-style: normal; font-weight: 400; }.blog-big .meta, .blog-small .meta { background: #ffffff; } .attachment-section_portfolio_sidebar{height: 250px !important;} .attachment-thumb_portfolio_fulldesc_related{height: 200px !important;} .flex-prev{left:0px !important;} .verde{color:#66cc00;} .attachment-medium{height:184px !important;width: 270px !important; } .sidebar .widget > h3{ border-left: 5px solid #66cc00 !important;} .attachment-thumbnail {border: 2px solid #66cc00 !important;} #barraverde{border-top: 10px solid #66cc00 !important;padding-bottom:20px;width:1210px;margin-left: -21px;} .accordion-container2 img{width: 400px;height: 300px;float: left;padding-right: 10px;} .sideser.wp-post-image{margin-left: 21%!important;} a.btn:hover{color: #66cc00;} .prova{width: 450px !important;height: 338px !important;} #portfolio {list-style: none !important;} .prova2{width: 270px !important;height: 162px !important;} #contact-form-contact-form{ margin-top: -20px; width: 100% !important;margin-left: 8%;} #contact-form-contact-form input{width:600px;border: 1px solid #66cc00;} #contact-form-contact-form textarea{width:600px;border: 1px solid #66cc00;} #sidebar-about{background-color:#EFF1F1; } #sidebar-home-3{background-color:#EFF1F1; } #sidebar-contact{background-color:#EFF1F1; } #contact-form-contact-form2{ margin-top: -20px; width: 100% !important;margin-left: 2%;} #contact-form-contact-form2 input{width:400px;border: 1px solid #66cc00;} #contact-form-contact-form2 textarea{width:400px;border: 1px solid #66cc00;} #map2{height: 178px;max-width: 100%;width: 100%;} #map3{height: 178px;max-width: 100%;width: 100%;} figcaption{margin-left:15px;} /******************STILE PER LA FORM DEI CONTATTI PAGINA CONTATTI ****************************/ /* Basic Grey */ .basic-grey { margin-left:0px; margin-right:auto; max-width: 500px; background: #EFF1F1; padding: 25px 15px 25px 10px; font: 12px Georgia, "Times New Roman", Times, serif; color: #888; /*text-shadow: 1px 1px 1px #FFF;*/ /*border:1px solid #66cc00;*/ } .basic-grey h1 { font-size: 25px; padding: 0px 0px 10px 40px; display: block; border-bottom:1px solid #E4E4E4; margin: -10px -15px 30px -10px;; color: #888; } .basic-grey h1>span { display: block; font-size: 11px; } .basic-grey label { display: block; margin: 0px; } .basic-grey label>span { float: left; width: 20%; text-align: right; padding-right: 10px; margin-top: 10px; color: #888; } .basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select { border: 1px solid #DADADA; color: #888; height: 30px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 3px 3px 3px 5px; width: 70%; font-size: 12px; line-height:15px; box-shadow: inset 0px 1px 4px #ECECEC; -moz-box-shadow: inset 0px 1px 4px #ECECEC; -webkit-box-shadow: inset 0px 1px 4px #ECECEC; } .basic-grey textarea{ padding: 5px 3px 3px 5px; } .basic-grey select { background: #FFF url('down-arrow.png') no-repeat right; background: #FFF url('down-arrow.png') no-repeat right); appearance:none; -webkit-appearance:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; width: 70%; height: 35px; line-height: 25px; } .basic-grey textarea{ height:100px; } .basic-grey .button { background: #E27575; border: none; padding: 10px 25px 10px 25px; color: #FFF; box-shadow: 1px 1px 5px #B6B6B6; border-radius: 3px; text-shadow: 1px 1px 1px #9E3F3F; cursor: pointer; } .basic-grey .button:hover { background: #CF7A7A } .meter { height: 30px; /* Can be anything */ position: relative; margin: 30px 0 20px 0; /* Just for demo spacing */ background: #555; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; padding: 10px; -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); -moz-box-shadow : inset 0 -1px 1px rgba(255,255,255,0.3); box-shadow : inset 0 -1px 1px rgba(255,255,255,0.3); } .meter > span { display: block; height: 100%; -webkit-border-top-right-radius: 25px; -webkit-border-bottom-right-radius: 25px; -moz-border-radius-topright: 25px; -moz-border-radius-bottomright: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: #66cc00; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(43,194,83)), color-stop(1, rgb(84,240,84)) ); background-image: -moz-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% ); -webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); position: relative; overflow: hidden; } .meter > span:after, .animate > span > span { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) ); background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent ); z-index: 1; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; -webkit-animation: move 2s linear infinite; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; } .animate > span:after { display: none; } @-webkit-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } .orange > span { background-color: #f1a165; background-image: -moz-linear-gradient(top, #f1a165, #f36d0a); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a)); background-image: -webkit-linear-gradient(#f1a165, #f36d0a); } .red > span { background-color: #f0a3a3; background-image: -moz-linear-gradient(top, #f0a3a3, #f42323); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323)); background-image: -webkit-linear-gradient(#f0a3a3, #f42323); } .nostripes > span > span, .nostripes > span:after { -webkit-animation: none; background-image: none; } .centered{margin-left: 8%;font-size: 25px;color:#ffffff; }