La Opción

http://www.laopcion.com.mx

Periodismo de verdad

.header-wrapper {position:relative;} .main-wrapper, .mag-content {padding-top:0 !important;margin-top:0 !important;} /* === eliminar sombra menu principal === */ .header {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} /* === eliminar busqueda menu === */ .mm-search, .mm-noresultsmsg {display:none;} /* === eliminar margin menu === */ .dropdown-menu .mega-menu-news { margin-top: 0;} /* === ranking portales === */ .portalestop20 article:nth-child(-n+10) {display: none;} .portalestop30 article:nth-child(-n+20) {display: none;} .adsense {overflow:hidden;} span.sep {display:none;} span.tbc {margin-left: 5px;} .simple-thumb, .author-thumb {background: none;} /* === flashing tv === */ .bgtv {background: #ff0000 !important;} @keyframes blink { 50% { opacity: 0.0; } } @-webkit-keyframes blink { 50% { opacity: 0.0; } } .blink { animation: blink 1s step-start 0s infinite; -webkit-animation: blink 1s step-start 0s infinite; } /* === lateral adsense === */ .publicidad-izq {position:absolute;top:0;left:-120px;overflow:hidden;} .publicidad-der {position:absolute;top:0;right:-120px;overflow:hidden;} /* === fondo transparente === */ .alphanaranja { /* Fallback for web browsers that don't support RGBa */ background-color: rgb(255, 102, 0); /* RGBa with 0.6 opacity */ background-color: rgba(255, 102, 0, 0.5); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } .alphaazul { /* Fallback for web browsers that don't support RGBa */ background-color: rgb(41, 128, 185); /* RGBa with 0.6 opacity */ background-color: rgba(41, 128, 185, 0.5); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } /* === boton whatsapp === */ .share-wrapper .whatsapp { background: #34af23; } /* === Pagination Style === */ .post-content .pagination, .post-content .pager, ul.pagination { margin-left: 0px; text-align: center; width:100%; } .pagination>li, .post-content .pagination>li, .post-content .pager li{ list-style-type: none; float: none; display: inline-block; } .pagination>li>a, .pagination>li>span, .pager li>a, a.lien_pagination, strong.on { margin-left: 5px; font-weight: 500; font-size: 14px; color:#7a7a7a !important; padding: 9px 15px; text-decoration: none; background-color: #fff !important; border:2px solid #dadada !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; } .pager li>a, .pager li>span{ min-width: 100px; } .pager li.previous, .pager li.next{ display: block; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pager li>a:focus, .pager li>a:hover, .pager li>span:focus, .pager li>span:hover, a.lien_pagination:hover { color: #fff !important; border:2px solid #7a7a7a !important; background: #7a7a7a !important; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, strong.on { color: #fff !important; background-color: #7a7a7a !important; border-color: #7a7a7a !important; } .pagination-lg>li>a, .pagination-lg>li>span { padding: 10px 16px; font-size: 18px; } .pagination-sm>li>a, .pagination-sm>li>span { padding: 5px 10px; font-size: 12px; } /* === efecta sepia imagenes === */ img {display:block;margin:0 auto;} img:hover {-webkit-filter: sepia(100%);} /* === simple weather === */ /* Docs at http://http://simpleweatherjs.com Look inspired by http://www.degreees.com/ Used for demo purposes. Weather icon font from http://fonts.artill.de/collection/artill-weather-icons DO NOT hotlink the assets/font included in this demo. If you wish to use the same font icon then download it to your local assets at the link above. If you use the links below odds are at some point they will be removed and your version will break. */ @font-face { font-family: 'weather'; src: url('squelettes/monkeecreate-jquery.simpleWeather-0d95e82/artill_clean_icons-webfont.eot'); src: url('squelettes/monkeecreate-jquery.simpleWeather-0d95e82/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('squelettes/monkeecreate-jquery.simpleWeather-0d95e82/artill_clean_icons-webfont.woff') format('woff'), url('squelettes/monkeecreate-jquery.simpleWeather-0d95e82/artill_clean_icons-webfont.ttf') format('truetype'), url('squelettes/monkeecreate-jquery.simpleWeather-0d95e82/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg'); font-weight: normal; font-style: normal; } #weather { margin: 0px auto; text-align: center; } #weather i { color: #000; font-family: weather; font-size: 115px; font-weight: normal; font-style: normal; line-height: 1.0; text-transform: none; } #weather span { color: #ff6600; } .icon-0:before { content: ":"; } .icon-1:before { content: "p"; } .icon-2:before { content: "S"; } .icon-3:before { content: "Q"; } .icon-4:before { content: "S"; } .icon-5:before { content: "W"; } .icon-6:before { content: "W"; } .icon-7:before { content: "W"; } .icon-8:before { content: "W"; } .icon-9:before { content: "I"; } .icon-10:before { content: "W"; } .icon-11:before { content: "I"; } .icon-12:before { content: "I"; } .icon-13:before { content: "I"; } .icon-14:before { content: "I"; } .icon-15:before { content: "W"; } .icon-16:before { content: "I"; } .icon-17:before { content: "W"; } .icon-18:before { content: "U"; } .icon-19:before { content: "Z"; } .icon-20:before { content: "Z"; } .icon-21:before { content: "Z"; } .icon-22:before { content: "Z"; } .icon-23:before { content: "Z"; } .icon-24:before { content: "E"; } .icon-25:before { content: "E"; } .icon-26:before { content: "3"; } .icon-27:before { content: "a"; } .icon-28:before { content: "A"; } .icon-29:before { content: "a"; } .icon-30:before { content: "A"; } .icon-31:before { content: "6"; } .icon-32:before { content: "1"; } .icon-33:before { content: "6"; } .icon-34:before { content: "1"; } .icon-35:before { content: "W"; } .icon-36:before { content: "1"; } .icon-37:before { content: "S"; } .icon-38:before { content: "S"; } .icon-39:before { content: "S"; } .icon-40:before { content: "M"; } .icon-41:before { content: "W"; } .icon-42:before { content: "I"; } .icon-43:before { content: "W"; } .icon-44:before { content: "a"; } .icon-45:before { content: "S"; } .icon-46:before { content: "U"; } .icon-47:before { content: "S"; } #weather h1, #weather h2 { margin:0;color: #000; } @media only screen and (max-width: 720px) { .header-mid {padding: 5px 0;} } @media only screen and (min-width: 720px) { .mobile {display:none;} } @media only screen and (max-width: 960px) { .nomobile {display:none;} } @media only screen and (max-width: 1280px) { .publicidad-izq, .publicidad-der {display:none;} }

La Opción

Secciones

Tópicos

Lista de Correo

Recomendaciones