// Core variables and mixins @import "bootstrap3.2.0/less/variables.less"; @import "bootstrap3.2.0/less/mixins.less"; // Reset @import "bootstrap3.2.0/less/normalize.less"; @import "bootstrap3.2.0/less/print.less"; // Core CSS @import "bootstrap3.2.0/less/scaffolding.less"; @import "bootstrap3.2.0/less/type.less"; @import "bootstrap3.2.0/less/code.less"; @import "bootstrap3.2.0/less/grid.less"; @import "bootstrap3.2.0/less/tables.less"; @import "bootstrap3.2.0/less/forms.less"; @import "bootstrap3.2.0/less/buttons.less"; // Components @import "bootstrap3.2.0/less/component-animations.less"; @import "bootstrap3.2.0/less/glyphicons.less"; @import "bootstrap3.2.0/less/dropdowns.less"; @import "bootstrap3.2.0/less/button-groups.less"; @import "bootstrap3.2.0/less/input-groups.less"; @import "bootstrap3.2.0/less/navs.less"; @import "bootstrap3.2.0/less/navbar.less"; @import "bootstrap3.2.0/less/breadcrumbs.less"; @import "bootstrap3.2.0/less/pagination.less"; //@import "bootstrap3.2.0/less/pager.less"; @import "bootstrap3.2.0/less/labels.less"; //@import "bootstrap3.2.0/less/badges.less"; //@import "bootstrap3.2.0/less/jumbotron.less"; //@import "bootstrap3.2.0/less/thumbnails.less";si @import "bootstrap3.2.0/less/alerts.less"; //@import "bootstrap3.2.0/less/progress-bars.less"; //@import "bootstrap3.2.0/less/media.less"; //@import "bootstrap3.2.0/less/list-group.less"; @import "bootstrap3.2.0/less/panels.less"; @import "bootstrap3.2.0/less/responsive-embed.less"; //@import "bootstrap3.2.0/less/wells.less"; @import "bootstrap3.2.0/less/close.less"; // Components w/ JavaScript @import "bootstrap3.2.0/less/modals.less"; @import "bootstrap3.2.0/less/tooltip.less"; @import "bootstrap3.2.0/less/popovers.less"; //@import "bootstrap3.2.0/less/carousel.less"; // Utility classes @import "bootstrap3.2.0/less/utilities.less"; @import "bootstrap3.2.0/less/responsive-utilities.less"; @import (less) "lib/js/sidr/css/jquery.sidr.light.min.css"; @import "slick.less"; @import (less) "lib/js/photoSwipe/photoswipe.css"; @import (less) "lib/js/photoSwipe/default-skin/default-skin.css"; @import (less) "lib/js/pickadate/themes/default.css"; @import (less) "lib/js/pickadate/themes/default.date.css"; @import (less) "lib/js/pickadate/themes/default.time.css"; // ****************************************************** // import fonts //@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:300,400,700,800'); //@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700'); // ****************************************************** // variabili sito @red: #D13048; @green: #4CAF50; @orange: #CB7636; @grey: #777777; @yellow: #ECC148; @pink: #EB9797; @light-blue: #2BAEDD; @scuro: #37475C; @cronaca : @grey; @politica: @scuro; @sport: @orange; @spettacolo: @yellow; @cultura: @pink; @salute: @light-blue; @opinioni: @red; // ****************************************************** // variabili bootstrap @container-lg: 1450px; @container-md: 1200px; @container-sm: 992px; @grid-gutter-width: 10px; @brand-primary: @red; @text-color: #666; @font-merriweather: 'Merriweather', serif;; @font-merriweather-sans: 'Merriweather Sans', sans-serif;; @font-family-sans-serif: @font-merriweather-sans; @link-color: #333; @link-hover-color: #444; @font-size-base: 18px; @line-height-base: 1.2; @font-size-h1: 30px; @font-size-h2: 20px; @font-size-h3: 19px; @grid-gutter-width: 20px; @border-radius-base: 2px; @input-border-focus: @brand-primary; #voce_menu_21 a { color:@green; } // ****************************************************** // UTILITY MIXIN .input-placeholder(@color){ &::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: @color; } &::-moz-placeholder { /* Firefox 19+ */ color: @color; } &:-ms-input-placeholder { /* IE 10+ */ color: @color; } &:-moz-placeholder { /* Firefox 18- */ color: @color; } } .transition(@arguments:all, @duration:0.2s, @ease:ease-out) { -webkit-transition: @arguments @duration @ease; -moz-transition: @arguments @duration @ease; transition: @arguments @duration @ease; } .gradient (@startColor: transparent, @endColor: #000) { background-color: @startColor; background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); background: -webkit-linear-gradient(top, @startColor, @endColor); background: -moz-linear-gradient(top, @startColor, @endColor); background: -ms-linear-gradient(top, @startColor, @endColor); background: -o-linear-gradient(top, @startColor, @endColor); } /* This stylesheet generated by Transfonter (https://transfonter.org) on October 19, 2017 12:58 PM */ @font-face { font-family: 'Merriweather Sans'; src: url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Light.eot'); src: url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Light.eot?#iefix') format('embedded-opentype'), url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Light.woff2') format('woff2'), url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Light.woff') format('woff'), url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Light.ttf') format('truetype'), url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Light.svg#MerriweatherSans-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Merriweather Sans'; src: url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Bold.eot'); src: url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Bold.eot?#iefix') format('embedded-opentype'), url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Bold.woff2') format('woff2'), url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Bold.woff') format('woff'), url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Bold.ttf') format('truetype'), url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Bold.svg#MerriweatherSans-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Merriweather Sans'; src: url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Regular.eot'); src: url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Regular.eot?#iefix') format('embedded-opentype'), url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Regular.woff2') format('woff2'), url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Regular.woff') format('woff'), url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Regular.ttf') format('truetype'), url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-Regular.svg#MerriweatherSans-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Merriweather Sans'; src: url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-ExtraBold.eot'); src: url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-ExtraBold.woff2') format('woff2'), url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-ExtraBold.woff') format('woff'), url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-ExtraBold.ttf') format('truetype'), url('/source/fonts/Merriweather_Sans/subset-MerriweatherSans-ExtraBold.svg#MerriweatherSans-ExtraBold') format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Merriweather'; src: url('/source/fonts/Merriweather/subset-Merriweather-Bold.eot'); src: url('/source/fonts/Merriweather/subset-Merriweather-Bold.eot?#iefix') format('embedded-opentype'), url('/source/fonts/Merriweather/subset-Merriweather-Bold.woff2') format('woff2'), url('/source/fonts/Merriweather/subset-Merriweather-Bold.woff') format('woff'), url('/source/fonts/Merriweather/subset-Merriweather-Bold.ttf') format('truetype'), url('/source/fonts/Merriweather/subset-Merriweather-Bold.svg#Merriweather-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Merriweather'; src: url('/source/fonts/Merriweather/subset-Merriweather-Regular.eot'); src: url('/source/fonts/Merriweather/subset-Merriweather-Regular.eot?#iefix') format('embedded-opentype'), url('/source/fonts/Merriweather/subset-Merriweather-Regular.woff2') format('woff2'), url('/source/fonts/Merriweather/subset-Merriweather-Regular.woff') format('woff'), url('/source/fonts/Merriweather/subset-Merriweather-Regular.ttf') format('truetype'), url('/source/fonts/Merriweather/subset-Merriweather-Regular.svg#Merriweather-Regular') format('svg'); font-weight: normal; font-style: normal; } // ****************************************************** // ICONE @font-face { font-family: 'icons'; src: url('/source/fonts/icons/icomoon.eot?t9judh'); src: url('/source/fonts/icons/icomoon.eot?t9judh#iefix') format('embedded-opentype'), url('/source/fonts/icons/icomoon.ttf?t9judh') format('truetype'), url('/source/fonts/icons/icomoon.woff?t9judh') format('woff'), url('/source/fonts/icons/icomoon.svg?t9judh#icomoon') format('svg'); font-weight: normal; font-style: normal; } .icon[class^="icon-"], .icon[class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; } .icon-close:before { content: "\e900"; } .icon-menu:before { content: "\e901"; } .icon-filter:before { content: "\e902"; } .icon-delete:before { content: "\e903"; } .icon-eyeglasses:before { content: "\e904"; } .icon-reading:before { content: "\e905"; } .icon-photo:before { content: "\e906"; } .icon-call:before { content: "\e907"; } .icon-share:before { content: "\e908"; } .icon-search:before { content: "\e909"; } .icon-clock:before { content: "\e90a"; } .icon-newspaper:before { content: "\e90b"; } .icon-mail:before { content: "\e90c"; } .icon-calendar:before { content: "\e90d"; } .icon-gallery:before { content: "\e915"; } .icon-arrow-left:before { content: "\e916"; } .icon-arrow-right:before { content: "\e917"; } .icon-twitter:before { content: "\e918"; } .icon-youtube:before { content: "\e919"; } .icon-facebook:before { content: "\e91a"; } .icon-music-circular:before { content: "\e91b"; } .icon-whatsapp{ color: #1EBEA5; &:before { content: "\e91c"; } } .icon-sound-circular:before { content: "\e91d"; } .icon-play:before { content: "\e91e"; } .icon-close-circular:before { content: "\e91f"; } .icon-add-circular:before { content: "\e920"; } .icon-politica:before, .icon-1:before { content: "\e914"; } .icon-cronaca:before, .icon-2:before { content: "\e912"; } .icon-salute:before, .icon-3:before { content: "\e911"; } .icon-sport:before, .icon-4:before { content: "\e913"; } .icon-cultura:before, .icon-5:before { content: "\e910"; } .icon-spettacolo:before, .icon-6:before { content: "\e90f"; } .icon-opinioni:before, .icon-7:before { content: "\e90e"; } // ****************************************************** // REGOLE GENERALI .tpl-sito, .tpl-admin { padding-top: 80px; @media (max-width: @screen-xs-max){ } @media (max-width: @screen-sm-max){ padding-top: 60px; } } .tpl-admin{ @media (max-width: @screen-xs-max){ padding-top: 0; } @media (max-width: @screen-sm-max){ .btn{ font-size: 14px; } } } h1,h2,h4, .h1,.h2,.h4{ font-family: @font-merriweather; color: #333; &.light{ font-weight: 200; } } h1, .h1{ @media (max-width: @screen-xs-max){ font-size: 24px; } } h3, .h3{ font-family: @font-merriweather-sans; color: #1F1F1F; font-weight: 800; &.light{ font-weight: 200; } } .font-sans{ font-family: @font-merriweather-sans; } img{ max-width: 100%; } hr{ border-top-color: #DCDCDC; margin: 22px 0; } .popover{ max-width: 400px; @media (max-width: @screen-xs-max){ max-width: 276px; } } .container{ max-width: 100%; @media (max-width: @screen-xs-max){ padding-left: 15px; padding-right: 15px; } } .content{ padding: 0; text-align: left; } .text-two-column { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; @media (max-width: @screen-xs-max) { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } } .bg-red{ background-color: @red; } .btn{ &:hover,&:focus,&:active,&:active:focus{ outline: none; } } .btn-circle{ border-radius: 100%; border: 2px solid #DCDCDC; color: #333; width: 54px; height: 54px; line-height: 54px; padding: 0; text-align: center; font-size: 23px; background-color: transparent; box-sizing: content-box; .transition(); .icon{ } &:hover{ background-color: #DDD; } &.btn-red{ border-color: @red; background-color: @red; color: #FFF; &:hover{ border-color: darken(@red,10%); background-color: darken(@red,10%); } } @media (max-width: @screen-xs-max){ width: 48px; height: 48px; line-height: 48px; } @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max){ width: 44px; height: 44px; line-height: 44px; } } .form-control{ box-shadow: none; background: #fff; -webkit-appearance: none; -webkit-box-shadow: none; } select.form-control{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAP1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACzJYIvAAAAFHRSTlMAgPbl2cu7qpmId25mVUQ0JhoRCXfLxb4AAABTSURBVBjTVchHEoAgAMDA2KXX/7/VQURgbwlqmShknkjSNvaWQI9DA+y9dwrTh+F1tD6obBuWz1n7pHF1OH5X6YvOl+EZ3DnfjMK6BiZCMIuR6gEPeAkJ83KINAAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: center right 8px; background-size: 6px; padding: 6px 20px 6px 12px; } .modulo_alt{ .form-control; } .form-contatti{ label{ font-size: 15px; } .privacy{ font-size: 14px; text-align: right; margin-bottom: 15px; } .bottone_alt{ .btn; .btn-primary; text-transform: uppercase; padding: 10px 20px; } .modulo_alt{ background: #efefef; border: none; min-height: 50px; font-size: 14px; padding: 15px; } } /* ADMIN */ .admin-login-bg{ display: table; position: absolute; height: 100%; width: 100%; background-color: #000; background-image: url(/source/images/bg-admin-login.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; } .admin-login-container{ display: table-cell; vertical-align: middle; background: transparent; .admin-login-box{ margin-left: auto; margin-right: auto; min-height: 364px; min-width: 320px; max-width: 412px; width: calc(~"100% - 40px"); padding: 36px; margin-bottom: 28px; background-color: #FFF; -webkit-box-shadow: 0 0px 20px 0 rgba(0,0,0,.55); -moz-box-shadow:0 0px 20px 0 rgba(0,0,0,.55); box-shadow: 0 0px 20px 0 rgba(0,0,0,.55); text-align: center; .admin-login-form{ text-align: left; h2{ padding: 0; margin-top: 16px; font-weight: 300; font-size: 20px; line-height: 1.75; } form{ margin-bottom: 15px; input{ padding: 10px 10px; border: 1px rgba(0,0,0,.5) solid; outline: none; height: auto; font-weight: 200; } button{ width: 100%; } } .back-link{ font-size: 14px; } } .alert{ margin: 15px -36px -36px; font-size: 14px; } } } .admin-footer{ width: 100%; overflow: visible; clear: both; background-color: rgba(0,0,0,.3); color: #000; padding: 10px; font-size: 12px; text-align: right; a{ color: @red; } } .tpl-admin-login{ padding-bottom: 20px; .admin-footer{ position: fixed; z-index:1000; bottom: 0; left: 0; background-color: rgba(0,0,0,.7); color: #fff; } } .admin-login-footer{ } .admin-top-menu{ background: #F1F1F1; line-height: 80px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; .logo{ background: #333; } p{ margin: 0; } @media (max-width: @screen-xs-max){ position: relative; padding-bottom: 10px; text-align: center; line-height: 50px; .logo{ img{ max-height: 40px; } } .btn-new-article{ display: block; } } } .btn-new-article{ padding: 12px 20px; text-transform: uppercase; font-weight: 200; } label{ .help{ vertical-align: text-top; padding: 0; margin: 0; line-height: 0; font-size: 14px; } } .form-admin{ margin-top: 50px; background: #f8f8f8; padding: 50px 50px 70px; font-size: 16px; label{ line-height: 2.2; } input, button, select, textarea{ font-size: 16px; } .form-control{ height: 40px; padding: 0 10px; border: 1px solid #e1e1e1; box-shadow: none; } .datepicker,.timepicker { background: #FFF; } textarea.form-control{ padding: 10px; height: auto; } .file { visibility: hidden; position: absolute; } button.browse{ height: 40px; } .input-group-addon{ border: 1px solid #e1e1e1; border-right: none; } #load-video, #load-audio{ display:none; } @media (max-width: @screen-xs-max){ padding: 15px 15px 70px; } } .form-admin-filters{ margin-top: 15px; margin-bottom: 15px; background: #f8f8f8; padding: 10px; font-size: 16px; label{ line-height: 1; } .btn{ height: 40px; background: #333; color: #FFF; } } #admin_correlati{ background: #FFF; padding: 20px 30px; display: none; ul{ max-height: 16em; overflow: auto; list-style: none; padding: 0; .correlato{ label{ line-height: 1.5; cursor: pointer; } } } @media (max-width: @screen-xs-max){ padding: 20px 15px; font-size: 14px; } } #media_select{ .media{ background: #FFF; padding: 20px; border: 1px solid #e1e1e1; } } .seo-content{ display: none; } // Slider checkbox .switch { display: inline-block; height: 34px; position: relative; width: 60px; vertical-align: middle; input{ display: none; } .slider{ background-color: #ccc; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; &:before { background-color: #fff; bottom: 4px; content: ""; height: 26px; left: 4px; position: absolute; transition: .4s; width: 26px; } &.round { border-radius: 34px; &:before { border-radius: 50%; } } } input:checked + .slider { background-color: #66bb6a; } input:checked + .slider:before { transform: translateX(26px); } } .table-admin{ font-size: 14px; > thead{ background: #333; color: #ccc; > tr{ > th{ padding: 20px 8px; border: none; font-weight: 200; font-size: 15px; &.azioni{ text-align: center; width: 100px; } } } } > tbody{ > tr{ > td{ padding: 10px 8px; } } } .switch { height: 20px; width: 46px; margin-bottom: 0; .slider{ &:before { height: 12px; width: 12px; } &.round { border-radius: 20px; } } } } .wrapper_paginator{ text-align: center; font-size: 14px; margin: 0 0 20px; .pagination{ margin: 0; li{ a{ padding: 12px 20px; } } } } /* SITO FRONTEND */ .top-bar{ background: #F1F1F1; line-height: 80px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; .cnt-logo{ background: @red; text-align: center; img{ max-width: 92%; } } .menu{ list-style: none; margin: 0; padding: 0; font-size: 14px; font-weight: 800; text-transform: uppercase; @media (max-width: 1250px){ font-size: 13px; } @media (max-width: 1050px){ font-size: 12px; } > li{ display: inline-block; position: relative; padding: 0 15px; a{ color: #222; } button{ color: #222; background: none; padding:0; border: none; box-shadow: none; text-transform: uppercase; } a,button{ &:hover,&:active,&:focus{ outline: none; text-decoration: underline; } } /* @media (min-width: @screen-md-min) and (max-width: @screen-md-max){ padding: 0 4px; }*/ @media (max-width: 1500px){ padding: 0 10px; } @media (max-width: 1350px){ padding: 0 8px; } @media (max-width: 1250px){ padding: 0 6px; } @media (max-width: 1110px){ padding: 0 3px; } } .sub{ display: none; background: #B5283E; padding: 20px 0px; list-style: none; position: absolute; z-index:10; min-width: 190px; font-weight: 700; &._open{ display: block; } > li{ line-height: 1; a{ color: #FFF; display: block; padding: 6px 20px 13px; } } } } .cnt-search-mail-buttons{ text-align: right; .btn{ margin-right: 10px; } } @media (max-width: @screen-xs-max){ background: transparent; .cnt-search-mail-buttons{ padding: 0; } } @media (max-width: @screen-sm-max){ line-height: 60px; .cnt-logo{ img{ max-height: 37px; } } .cnt-btn-menu-mobile{ background: @red; text-align: center; border-right: 1px solid #BF2B41; .btn-mobile-menu{ background: transparent; border: none; color: #FFF; line-height: 0; font-size: 30px; text-align: center; vertical-align: middle; padding: 0; } } .cnt-search-mail-buttons{ .btn{ margin-right: 5px; } .text-info{ color: #585858; } } } } .contacts-mobile{ padding: 10px 15px; .btn{ margin-right: 2px; .icon{ font-size: 27px; vertical-align: text-bottom; } } .text-info{ line-height: 1; font-size: 15px; text-align: left; padding-top: 15px; color: @text-color; } } .search-bar{ background: #333; text-align: center; padding: 10px; display: none; form{ input{ background: #FFF; border: none; max-width: 760px; width: calc(~"100% - 200px"); vertical-align: middle; display: inline-block; height: 46px; } button{ width: 186px; display: inline-block; vertical-align: middle; height: 46px; } } @media (max-width: @screen-xs-max){ form{ input{ width: 100%; max-width: 100%; } button{ width: 100%; } } } } .sidr{ box-shadow: none; background: #B5283E; font-family: @font-merriweather-sans; .sidr-inner{ border: none; padding-top: 20px; ul{ border: none; li { list-style: none; border-top: none; border-bottom: none; a,button{ color: #fff; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 1; padding: 15px 30px; display: block; width: 100%; border:none; background: transparent; text-align: left; &:hover,&:focus,&:active, &.cmsCurrentPage{ background-color: @red; color: #FFF; outline: none; box-shadow: none; } } .sidr-class-sub { background-color: #961f31; margin: 0 10px; display:none; } } } } .search-bar{ background: transparent; text-align: left; padding: 10px; display: block; border-bottom: 1px solid rgba(0,0,0,0.1); form{ margin: 0; input{ background: transparent; border: none; max-width: 100%; width: calc(~"100% - 55px"); vertical-align: middle; display: inline-block; height: 40px; font-size: 15px; color: #FFF; margin:0; padding-left: 20px; .input-placeholder(#FFF); } button{ width: 50px; display: inline-block; vertical-align: middle; height: 40px; color: #FFF; background: transparent; border: none; .icon{ font-size: 24px; } span{ display: none; } } } } } .cnt-meteo-data, .cnt-contacts-social{ line-height: 31px; font-size: 15px; margin: 24px 0 30px; @media (max-width: @screen-sm-max){ margin: 0px 0 30px; } @media (max-width: @screen-xs-max){ display: none; } } .cnt-meteo-data{ .meteo{ border-right: 1px solid #DCDCDC; padding-right: 22px; margin-right: 22px; img{ height: 20px; } @media (min-width: @screen-md-min) and (max-width: @screen-md-max){ padding-right: 10px; margin-right: 10px; } } } .cnt-contacts-social{ text-align: right; .social{ margin-left: 4px; a{ &:hover,&:focus,&:active{ text-decoration: none; color: #000; } } } a{ color: #585858; font-weight: bold; font-size: 16px; } .icon{ font-size: 28px; } .san-marino-menu{ padding-right: 66px; } } .spazia { margin-top:20px; } .banners{ margin-bottom:10px; .banner{ text-align:center; img{ border: 1px solid #eaeaea; display:inline-block; } @media (max-width: @screen-xs-max){ margin-bottom:10px; } } .banners-center { margin-bottom:20px; } .img_loading_banner { height:90px; border:0px !important; } } .banners-hr-header { .banner { margin-bottom:10px; max-height:120px; min-height:120px; overflow:hidden; @media (max-width: @screen-sm-max){ min-height:95px; } @media (max-width: @screen-xs-max){ max-height:100px; min-height:auto; } } } .slick-slider{ margin-bottom: 0px; } .link-sezione{ font-size: 14px; color: #666; margin: 0px 0 20px; display: inline-block; @media (max-width: @screen-xs-max){ /*padding: 22px 18px;*/ /*background: #F1F1F1; border: 1px solid #DBDBDB; border-radius: 3px;*/ font-size: 17px; font-weight: bold; text-align: center; width: 100%; color:#D13048; text-decoration:underline; } } .share-box{ position: relative; padding: 24px 0 0; button{ border: none; background: none; padding: 0; font-size: 13px; font-weight: 700; .icon{ font-size: 16px; font-weight: 700; } } .social{ position: absolute; top: 18px; left: 95px; display: none; a{ display: inline-block; } } @media (max-width: @screen-xs-max){ width: 100%; text-align: center; button{ background-color: #e6e6e6; padding: 10px 20px; } .social{ position: relative; top: 0; left: 0; margin-top: 10px; } } } .article{ .content{ position: relative; a{ display: block; &:hover,&:focus,&:active{ text-decoration: none; .text{ h2{ text-decoration: underline; } } } } .label-categoria{ position: absolute; top: 0px; left: 0px; z-index: 10; background: @grey; font-size: 12px; font-weight: 700; color: #FFF; text-transform: uppercase; width: auto; line-height: 22px; padding: 0 10px; -webkit-backface-visibility: hidden; } .text{ -webkit-backface-visibility: hidden; font-size: 15px; font-weight: 200; h2{ display: block; font-size: 20px; line-height: 1.2; overflow: hidden; min-height: 2.4em; margin: 0px 0 15px; font-weight: 700; @media (max-width: @screen-xs-max){ font-size:14px; min-height: auto; } } .date{ margin: 15px 0 10px; } .detail{ display: block; line-height: 1.2; overflow: hidden; min-height: 2.4em; font-size: 15px; } } .media{ position: relative; border: 1px solid #eaeaea; img{ object-fit: cover; width: 100%; } .icon{ -webkit-backface-visibility: hidden; position: absolute; z-index: 10; font-size: 40px; color: rgba(255,255,255,1); top: calc(~"50% - 20px"); left: calc(~"50% - 20px"); pointer-events: none; } } .share-box{ .social{ a{ display: inline-block; } } } } &.cat-1{ .content{ .label-categoria{ background-color: @politica; } .text{ border-left-color: @politica; } } } &.cat-2{ .content{ .label-categoria{ background-color: @cronaca; } .text{ border-left-color: @cronaca; } } } &.cat-3{ .content{ .label-categoria{ background-color: @salute; } .text{ border-left-color: @salute; } } } &.cat-4{ .content{ .label-categoria{ background-color: @sport; } .text{ border-left-color: @sport; } } } &.cat-5{ .content{ .label-categoria{ background-color: @cultura; } .text{ border-left-color: @cultura; } } } &.cat-6{ .content{ .label-categoria{ background-color: @spettacolo; } .text{ border-left-color: @spettacolo; } } } &.cat-7{ .content{ .label-categoria{ background-color: @opinioni; } .text{ border-left-color: @opinioni; } } } @media (max-width: @screen-xs-max){ .content{ .text{ h2{ margin-bottom: 0; } .detail{ display: none; } position:absolute; bottom:36px; width:100%; padding:10px; font-size: left:0px; background-color:rgba(255,255,255,0.8); } } } @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max){ .content{ .text{ h2{ font-size: 16px; margin-bottom: 0; } .date{ font-size: 13px; } .detail{ display: none; } } } } @media (min-width: @screen-md-min) and (max-width: @screen-md-max){ .content{ .text{ h2{ font-size: 18px; } } } } } .article-compact{ background: #ccc; margin-bottom: 20px; .content{ .text{ .gradient(transparent, rgba(0,0,0,0.9)); background: -o-linear-gradient(bottom , #000, rgba(0,0,0,0.2)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, #000, rgba(0,0,0,0.2)); /* For Firefox 3.6 to 15 */ background: linear-gradient(bottom,#000, rgba(0,0,0,0.2)); /* Standard syntax */ background:-webkit-linear-gradient(bottom, #000, rgba(0,0,0,0.2)); position: absolute; bottom: -1px; left: 0; z-index: 10; width: 100%; border-left: 6px solid @grey; color: #FFF; padding: 0 24px 17px; h2{ font-size: 26px; margin: 0; color: #FFF; } .date{ margin: 10px 0 14px; } } } @media (max-width: @screen-xs-max){ margin-bottom: 15px; .content{ .text{ padding: 0 15px 15px; h2{ font-size: 22px; } } } } } .article-vertical{ border-bottom: 1px solid #DEDEDE; padding-bottom: 24px; margin-bottom: 24px; @media (max-width: @screen-sm-max){ &.article-vertical-inverse{ .content{ .text{ h2{ margin-bottom: 15px; } } } } } } .article-horizontal{ border-bottom: 1px solid #DEDEDE; padding-bottom: 24px; margin-bottom: 24px; .content{ .date{ margin-top: 0; margin-bottom: 10px; font-size: 14px; } .text{ h2{ margin-bottom: 15px; } .detail{ padding-bottom: 40px; } } .media{ margin-right: 10px; } .share-box{ padding: 0; margin-top: -25px; button{ } .social{ top: -6px; } @media (max-width: @screen-xs-max){ margin-top: 0px; } } } @media (max-width: @screen-xs-max){ margin-bottom: 10px; .content{ .date{ margin-top: 10px; } .media{ margin-right: 0px; } } } @media (max-width: @screen-sm-max){ .content{ .text{ .detail{ display: block; } } } } } .article-minimize{ border-bottom: 1px solid #DEDEDE; padding-bottom: 18px; margin-bottom: 18px; .content{ .text{ h2{ font-size: 15px; margin: 0; } .date{ margin: 0; line-height: 1.2; } } .media{ .icon{ font-size: 32px; top: calc(~"50% - 16px"); left: calc(~"50% - 16px"); } } } @media (min-width: @screen-md-min) and (max-width: @screen-md-max){ .content{ .text{ h2{ min-height: 3.6em; } .date{ min-height: 2.4em; } } } } } .article-related{ border-bottom: 0; .content{ .text{ h2{ font-size: 17px; } } } } .slide-arrows{ margin: 0px 0px 15px; background: #F1F1F1; padding: 10px 0; > div + div { border-left: 1px solid rgba(51,51,51,0.18); } .btn-arrow{ background: transparent; border: none; color: #333; font-size: 13px; width: 100%; &.btn-prev{ text-align: right; } &.btn-next{ text-align: left; } } } @dimDots: 6px; .slide-1-elements{ .slick-dots{ bottom: 20px; right: 20px; width: auto; li{ width:@dimDots; height:@dimDots; margin: 0 4px; button{ width:@dimDots; height:@dimDots; &:before{ width:@dimDots; height:@dimDots; content: ' '; color: transparent; background: #FFF; border-radius: 50%; } } &.slick-active{ button:before{ opacity: 1; color: transparent; } } } } } .slide-3-elements{ .article{ padding-left: 5px; padding-right: 5px; border-bottom: none; } } .slide-gallery{ .slick-arrow{ z-index: 1; margin-top: -15px; width: 30px; height: 30px; &:before{ content: none; } &.slick-prev{ left: 30px; text-shadow:2px 0px 2px rgba(0,0,0,0.5); } &.slick-next{ right: 30px; text-shadow:-2px 0px 2px rgba(0,0,0,0.5); } .icon{ color: #FFF; font-size: 30px; } } } .cnt-slide-categoria{ position: relative; .link-sezione{ position: relative; top: -90px; @media (max-width: @screen-xs-max){ top: 0; } } } .cnt-slide-categoria-rimini{ padding-bottom: 20px; } #slideEvidenza .contenutiSlider { max-height:508px; overflow-y:hidden; @media (max-width: @screen-sm-max){ max-height: none; } } .riempitivoCat { background-color: #F1F1F1; min-height:270px; padding-top:15%; position:relative; @media (max-width: @screen-sm-max){ min-height: 200px; } @media (max-width: @screen-xs-max){ min-height: auto; padding-top:5px; margin-bottom:10px; } } .goCat { position:absolute; bottom:20px; width:100%; div { text-align:center; padding:20px; margin:0 auto; width:90%; border:1px solid #ccc; font-size: 14px; color: #666; @media (max-width: @screen-sm-max){ } } } .box-categoria{ min-height: 250px; background-color: @grey; color: #FFF; text-align: center; padding: 40px 16px 16px; h2{ font-family: @font-merriweather-sans; font-size: 30px; font-weight: 200; color: #FFF; } > .icon{ font-size: 60px; } .slide-arrows{ background: transparent; margin: 40px 0 0; padding-bottom: 0; border-top: 1px solid rgba(255,255,255,0.18); > div + div{ border-color: rgba(255,255,255,0.18); } .btn-arrow{ color: #FFF; } } &.cat-1{ background-color: @politica; } &.cat-2{ background-color: @cronaca; } &.cat-3{ background-color: @salute; } &.cat-4{ background-color: @sport; } &.cat-5{ background-color: @cultura; } &.cat-6{ background-color: @spettacolo; } &.cat-7{ background-color: @opinioni; } @media (max-width: @screen-xs-max){ display: none; } &.rimini{ background-color: #00bfe5; img{ margin: auto; } } @media (max-width: @screen-sm-max){ min-height: 176px; .slide-arrows{ padding-top: 14px; margin-top: 20px; } } } .approfondimenti{ background-color: #F1F1F1; padding: 38px 24px; .element{ border-left: 6px solid #DCDCDC; position: relative; padding-left: 26px; .date{ font-size: 14px; font-weight: 200; margin: 0 0 3px; } .text{ h4{ font-size: 17px; font-weight: 700; line-height: 1.2; overflow: hidden; max-height: 3.6em; margin: 0; } } &::after{ height: 20px; width: 20px; background: #FFF; content: ' '; position: absolute; left: -13px; top: 0; border: 4px solid #DCDCDC; border-radius: 50%; } } .element + .element{ padding-top: 50px; &::after{ top: 50px; } } .link-sezione{ margin-bottom: 0; margin-top: 36px; } } .wrap-download-app-top{ padding-bottom: 7px; h3{ margin-top: 0; } .wrap-store-loghi-top{ &:extend(.wrap-store-loghi all); img{ width: 16%; } display:inline-block; a{ padding-left: 4px; float: right; width: 40%; img{ width: 100%; } } } } .bottom-bar{ background: #F1F1F1; padding: 40px 0 20px; margin-top: 24px; h3{ margin: 0 0 32px; } .slide-arrows{ margin-bottom: 0; } } .footer{ background: #444444; padding: 50px 0 0px; color: #DDD; font-size: 16px; font-weight: 200; line-height: 1.5; a{ color: #DDD; } .cnt-magazine{ font-size: 22px; font-weight: bold; border-right: 1px solid #363636; min-height: 280px; color: #FFF; .icon{ font-size: 60px; color: @red; margin-top: 18px; } .btn{ font-size: 17px; font-family: @font-merriweather; line-height: 53px; width: 300px; max-width: 100%; padding: 0; color: #FFF; } p{ margin: 18px 0 25px; } @media (max-width: @screen-xs-max){ text-align: center; border: none; min-height: auto; border-bottom: 1px solid #363636; margin-bottom: 15px; padding-bottom: 15px; p{ line-height: 1.2; } } } .cnt-banner{ .make-xs-column(12); .make-md-column(7/2); .banners{ .banner{ img{ border-color: #333; width: auto; margin: 0 auto; } } } } .cnt-pubblicita{ .make-xs-column(12); .make-md-column(7/2); border-left: 1px solid #363636; min-height: 280px; padding-left: 30px; h4{ font-family: @font-merriweather-sans; font-size: 19px; margin: 40px 0 40px; font-weight: bold; color: #FFF; } .menu{ margin-top: 40px; ul{ padding: 0; li{ a{ font-size: 14px; } } li + li{ margin-left: 5px; } } } @media (max-width: @screen-xs-max){ border-left: none; border-top: 1px solid #363636; margin-top: 15px; min-height: auto; padding-left:10px; padding-right:10px; } } .cnt-contacts{ padding: 60px 10px; margin-top: 60px; border-top: 1px solid #363636; border-bottom: 1px solid #363636; .contatti{ text-align: right; } @media (max-width: @screen-sm-max){ padding: 30px 10px; margin-top: 30px; text-align: center; .contatti{ text-align: center; margin-top: 20px; } } @media (max-width: @screen-xs-max){ .contatti{ text-align: left; } } } .credits{ text-align: right; line-height: 66px; font-size: 14px; color: #999; a{ color: #999; } @media (max-width: @screen-xs-max){ text-align: left; } } .wrap-banner-app{ margin-right: 10px; margin-left: 10px; padding-left: 0; padding-right: 0; .img-banner-phone{ padding-left: 25px; } .test-banner-app{ padding-top: 38px; font-size: 23px; font-weight: bold; color: white; @media (min-width: @screen-lg-min) { font-size: 27px; padding-top: 56px; } } .wrap-store-loghi{ text-align: right; padding-top: 38px; a{ padding-right: 15px; display: inline-block; display: inline-block; width: 40%; } @media (min-width: @screen-lg-min) { padding-top: 50px; } } } @media (min-width: @screen-lg-min){ padding: 24px 0 0px; } } .article-detail{ .content{ padding: 0 20px 20px; .label-categoria{ z-index: 10; background: @grey; font-size: 12px; font-weight: 700; color: #FFF; text-transform: uppercase; width: auto; padding: 3px 13px; margin-right: 10px; display: inline-block; a{ color: #fff; &:hover,&:focus,&:active{ text-decoration: none; } } } .date{ font-size: 14px; line-height: 1.5; } h1{ margin-bottom: 25px; } .media{ margin-bottom: 35px; text-align: center; audio{ width: 100%; display: block; margin-top: 35px; } } .text{ line-height: 1.5; } } .explose-share-box{ color: #666; font-size: 13px; border-right: 1px solid #DCDCDC; text-align: center; font-weight: 700; padding: 0 10px; .icon{ font-size: 16px; display: block; font-weight: 700; } .addthis_inline_share_toolbox{ margin: 25px auto; width: 50px; } .social { top:100px; display:block; left:39%; a { display:blocK; margin-bottom:20px; } } } &.cat-1{ .label-categoria{ background-color: @politica; } } &.cat-2{ .label-categoria{ background-color: @cronaca; } } &.cat-3{ .label-categoria{ background-color: @salute; } } &.cat-4{ .label-categoria{ background-color: @sport; } } &.cat-5{ .label-categoria{ background-color: @cultura; } } &.cat-6{ .label-categoria{ background-color: @spettacolo; } } &.cat-7{ .label-categoria{ background-color: @opinioni; } } @media (max-width: @screen-xs-max){ .content{ padding: 0 10px 20px; } } } h1.up-filter{ font-size: 25px; margin-top: 0px; color: #1f1f1f; font-family: @font-merriweather-sans; margin-bottom: 20px; font-weight: 700; @media (max-width: @screen-xs-max){ display: inline-block; margin-top: 5px; margin-bottom: 0; } } .btn-filter{ display: none; @media (max-width: @screen-xs-max){ display: inline-block; float: right; &:active, &:focus{ background: transparent; } } } .filter{ margin-bottom: 40px; h1{ font-weight: 200; } form{ .form-control{ height: 42px; font-weight: 200; border-radius: 0; -webkit-border-radius: 0; } button{ height: 42px; font-weight: 700; min-width: 100px; font-size: 14px; border-radius: 0; } } @media (max-width: @screen-xs-max){ form{ display: none; margin-top: 20px; .form-control{ margin-bottom: 5px; } button{ width: 100%; } } } } .archivio{ > .row{ margin-bottom: 20px; } .year{ background: #333; color: #FFF; text-align: center; padding: 6px 5px; margin-bottom: 5px; } .month{ text-align: center; .btn,.disabled{ padding: 6px 5px; width: 100%; margin-bottom: 5px; } .disabled{ background-color: rgba(0,0,0,0.1); border-color: #cccccc; font-size: 18px; border-radius: 2px; } } } .buttons-list{ @media (max-width: @screen-xs-max){ .btn-archivio{ margin: 0 auto 20px; display: block; } } } .smartbanner{ top: 60px !important; z-index:1 !important; } //Modale Download App #appModal{ .modal-body{ .wrap-store-loghi-top{ img{ display:inline-block; max-width: 45%; } } } .modal-title{ font-size: 20px; padding-bottom: 15px; } } @media (max-width: @screen-xs-max){ } @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max){ } @media (min-width: @screen-md-min) and (max-width: @screen-md-max){ } @media (min-width: @screen-lg-min){ } .titEdizioni { margin-top:50px; margin-bottom:30px; font-size:30px; text-align:center; } .rigaEdiz { padding:10px; margin-bottom:20px; border-bottom:1px solid #ccc; } .boxSfogliabile { padding:5px; background:#eee; border:1px solid #ccc; margin-bottom:20px; text-align:center; a:hover { text-decoration:none; } img { margin-bottom:10px; } } .boxPrevSfogliabile { text-align:center; margin-bottom:20px; font-size:25px; color:#fff; max-width:340px; padding:20px; background:#D13048; margin:0px auto; a { color:#fff; } img { margin-bottom:10px; } a:hover { text-decoration:none; } } .box_sf_small { background:transparent; font-size:20px; } .article-detail .content { text-align: left; } .cnt-locandine-top { display:flex; align-items:center; .loc-rimini-mag { border:1px solid #D13048; @media (min-width: @screen-md){ margin-right:10px; } } }