Advertisement
MrViSiOn

nadena

May 19th, 2016
131
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.78 KB | None | 0 0
  1. .suscriptions {
  2.   .description-2 {
  3.     .mb2;
  4.     .h2;
  5.     .bold500;
  6.     .color-blue-6;
  7.     .line-height-5;
  8.   }
  9. }
  10.  
  11. .publicaciones-eventos-magazine-suscripcion {
  12.   .title {
  13.     .hh1;
  14.     .h0;
  15.     .color-secondary;
  16.   }
  17.   .description {
  18.     .color-secondary;
  19.     .bold;
  20.   }
  21. }
  22.  
  23. .publicaciones {
  24.   .title {
  25.     .h0;
  26.     .bold;
  27.     .color-secondary;
  28.   }
  29. }
  30.  
  31. .rss {
  32.   .title {
  33.     .block;
  34.     .mb2;
  35.     .h2;
  36.     .color-primary;
  37.     .bold;
  38.   }
  39.  
  40.   .rss-description-2 {
  41.     .block;
  42.     .bold;
  43.     .mb1;
  44.     .color-secondary;
  45.   }
  46.   .rss-description {
  47.     .block;
  48.     .mb3;
  49.     .color-secondary;
  50.   }
  51. }
  52. .solicita-informacion-eventoplus {
  53.   .telefono {
  54.     .block;
  55.     .mb4;
  56.     .h12;
  57.     .bold;
  58.     .color-secondary;
  59.   }
  60. }
  61. .solicitar-presupuesto-registro {
  62.   .solicitar-title {
  63.     .mb2;
  64.     .hh1;
  65.     .h2;
  66.     .color-blue-6;
  67.     .center-desktop;
  68.   }
  69. }
  70.  
  71. .suscriptions {
  72.   .description-1 {
  73.     .mb2;
  74.     .h2;
  75.     .bold500;
  76.     .color-blue-6;
  77.     .line-height-5;
  78.   }
  79. }
  80.  
  81. .valoracion-landing-form {
  82.   .valoracion-description {
  83.     .mb4;
  84.     .color-secondary;
  85.   }
  86.   .valoracion-title {
  87.     .h2;
  88.     .color-primary;
  89.   }
  90. }
  91.  
  92. .mb31 {
  93.   margin-bottom: 3.2rem;
  94. }
  95.  
  96. .media-size(@desktop-md, {
  97.  
  98.   .preheader, .footer, .footer-desktop  {
  99.     > .container {
  100.         padding-left: 0; padding-right: 0;
  101.     }
  102.   }
  103.  
  104.   .footer {
  105.     > .container {
  106.       > .col-grid {
  107.         > .col2:last-child {
  108.            padding-left: 14px; .h1-desktop {
  109.             font-size: 1.9rem;
  110.           }
  111.         }
  112.       }
  113.     }
  114.   }
  115.  
  116.  
  117.   .header-desktop {
  118.      padding-left: 0; padding-right: 0;
  119.  
  120.   }
  121.  
  122.   .alta-empresa, .publicaciones-eventos-magazine-suscripcion {
  123.       .col3-grid {
  124.         margin-left: -30px;
  125.         margin-right: -30px;
  126.       }
  127.       .col3.col2-tablet {
  128.         width: ~"calc(33.33333% - 62px)";
  129.         margin-left: 35px;
  130.         margin-right: 22px;
  131.         margin-bottom: 17px;
  132.       }
  133.  
  134.       .form-label.pt3 {
  135.         padding-top: 2.4rem;
  136.  
  137.         &:after {
  138.           top: 85%;
  139.         }
  140.       }
  141.  
  142.       .acepto {
  143.         padding-top: 1rem;
  144.         padding-left: 0.7rem;
  145.       }
  146.  
  147.     .submit a{
  148.       margin-top: 1rem;
  149.       margin-right: 1.4rem;
  150.       padding-left: 21px;
  151.       padding-right: 20px;
  152.     }
  153.   }
  154.  
  155.   .valoracion-landing-login {
  156.     ul {
  157.       font-size: 1rem;
  158.     }
  159.     margin-bottom: 43px;
  160.     padding-top: 30px;
  161.     padding-right: 0;
  162.  
  163.     .pt2 {
  164.       padding-top: 1.2rem;
  165.     }
  166.  
  167.     ul {
  168.       margin-bottom:59px;
  169.       li{
  170.         line-height: 1.8rem;
  171.         &:last-child {
  172.  
  173.         }
  174.       }
  175.     }
  176.  
  177.     > a {
  178.       height: 46px;
  179.       line-height: 42px;
  180.     }
  181.  
  182.     .col2 {
  183.       &:first-child {
  184.         margin-right: 0;
  185.         width: 53%;
  186.       }
  187.       &:last-child {
  188.         margin-top: -8px;
  189.         margin-left: 115px;
  190.         width: 39%;
  191.  
  192.         .p3 {
  193.           padding: 1.8rem 3rem 2rem 2.2rem;
  194.  
  195.           .with-border {
  196.             margin-bottom: 1.6rem;
  197.           }
  198.         }
  199.         .button {
  200.           padding-left: 26px;
  201.           padding-right: 26px;
  202.         }
  203.       }
  204.  
  205.       .button {
  206.         height: 50px;
  207.         line-height: 46px;
  208.  
  209.       }
  210.     }
  211.   }
  212.  
  213.   .valoracion-landing-form {
  214.  
  215.       padding: 27px 11.1px;
  216.       margin-bottom: 60px;
  217.  
  218.       .hh1 {
  219.         margin-bottom: 1.7rem;
  220.       }
  221.  
  222.       .valoracion-title {
  223.         .h2;.color-primary;
  224.         margin-bottom: 0.3rem;
  225.       }
  226.  
  227.       .valoracion-description {
  228.         .mb4; .color-secondary;
  229.         .bold700;
  230.  
  231.         font-size: 1rem;
  232.         line-height: 1.2rem;
  233.       }
  234.  
  235.       .px6 {
  236.  
  237.         .valoracion {
  238.           margin-bottom: 5px;
  239.           .stars {
  240.             i {
  241.               padding-right: 6px;
  242.               font-size: 24px;
  243.             }
  244.           }
  245.         }
  246.       }
  247.  
  248.   }
  249.  
  250.   .solicitar-presupuesto-registro {
  251.  
  252.     p, li {
  253.       font-size:  .95rem;
  254.     }
  255.     p {
  256.       line-height: 1.6rem;
  257.     }
  258.     .px8 {
  259.       padding-right: 14rem;
  260.     }
  261.     .p3 {
  262.       padding-right: 0;
  263.     }
  264.  
  265.     ul {
  266.       line-height: 1.9rem;
  267.     }
  268.  
  269.     .button {
  270.       padding-left: 0.8rem;
  271.       padding-right: 1.2rem;
  272.       margin-left: 13px;
  273.     }
  274.  
  275.     .solicitar-title {
  276.       .mb2;.hh1;.h2;.color-blue-6;.center-desktop;
  277.  
  278.       padding-right: 2rem;
  279.       font-size: 1.5rem;
  280.     }
  281.  
  282.     .with-border.mb0 & {
  283.       padding-bottom: 48px;
  284.       margin-bottom: 0;
  285.     }
  286.  
  287.     .col-grid .col2:first-child {
  288.       width: 48%;
  289.     }
  290.   }
  291.  
  292.   .solicitar-presupuesto {
  293.     margin-bottom: 11px;
  294.     .px6 {
  295.       padding-left: 9rem;
  296.       padding-right: 9rem;
  297.     }
  298.  
  299.     .acepto {
  300.       overflow: hidden;
  301.       margin-left: 6px;
  302.     }
  303.  
  304.   }
  305.  
  306.   .solicita-informacion-eventoplus {
  307.  
  308.         .telefono {
  309.         .block;.mb4;.h12;.bold;.color-secondary;
  310.         margin-bottom: 5.6rem;
  311.       }
  312.       .acepto {
  313.         overflow: hidden;
  314.         margin-left: 6px;
  315.       }
  316.  
  317.   }
  318.  
  319.   .rss {
  320.     padding-top: 30px;
  321.     padding-bottom: 37px;
  322.  
  323.     .rss1 {
  324.       .bg-color-grey-box;
  325.  
  326.       min-height: 175px;
  327.     }
  328.  
  329.     .pr6 {
  330.       padding-right: 4rem;
  331.     }
  332.  
  333.     .title {
  334.       .block;.mb2;.h2;.color-primary;.bold;
  335.       margin-bottom: .8rem;
  336.     }
  337.  
  338.     .rss-description-2 {
  339.       .block;.bold;.mb1;.color-secondary;
  340.     }
  341.  
  342.     .rss-description {
  343.       .block;.mb3;.color-secondary;
  344.  
  345.       line-height: 1.55rem;
  346.       margin-bottom: 2.3rem
  347.     }
  348.  
  349.     ul {
  350.       line-height: 0.8rem;
  351.     }
  352.   }
  353.  
  354.   .solicita-informacion-eventoplus {
  355.     margin-bottom: 24px;
  356.   }
  357.  
  358.   .publicaciones {
  359.     .title {
  360.       .h0;.bold;.color-secondary;
  361.  
  362.       margin-bottom: .7rem;
  363.     }
  364.  
  365.     .new-body {
  366.       h2 {
  367.         margin-top: 6px;
  368.       }
  369.  
  370.       .button {
  371.         padding-left: 2.5rem;
  372.         padding-right: 2.5rem;
  373.       }
  374.     }
  375.   }
  376.  
  377.   .publicaciones-hemeroteca-boletines {
  378.     padding-top: 0;
  379.  
  380.     .directorio-filter .filter-container .filter:first-child{
  381.       margin-right: 0;
  382.     }
  383.  
  384.     .with-border {
  385.       padding-bottom: 0.1rem;
  386.       margin-bottom: 1.5rem;
  387.     }
  388.  
  389.     .mr4 {
  390.       margin-right: 2.7rem;
  391.     }
  392.  
  393.     .p1 {
  394.       padding: .4rem;
  395.     }
  396.  
  397.     .publicaciones-hemeroteca-boletin {
  398.       margin-bottom: 1.8rem;
  399.     }
  400.   }
  401.  
  402.   .publicaciones-eventos-magazine-ficha {
  403.     padding-top: 7px;
  404.     padding-bottom: 0;
  405.  
  406.     .with-border {
  407.       margin-bottom: 1rem;
  408.     }
  409.     .px6 {
  410.       padding-left: 9rem;
  411.       padding-right: 9rem;
  412.     }
  413.  
  414.     ~ .adspot-search.py2  {
  415.       padding-bottom: 0;
  416.     }
  417.   }
  418.  
  419. .publicaciones-eventos-magazine-suscripcion {
  420.   padding-bottom: 0;
  421.   .title {
  422.     .hh1;.h0;.color-secondary;
  423.  
  424.     margin-bottom: 6px;
  425.   }
  426.  
  427.   .description {
  428.     .color-secondary;.bold;
  429.     margin-bottom: 3.2rem;
  430.   }
  431.  
  432.   .suscrition-wrapper {
  433.     .p3 {
  434.       padding: 2rem 1.4rem;
  435.     }
  436.     .ml3 {
  437.       margin-left: 1.8rem;
  438.     }
  439.     label {
  440.       margin-bottom: .8rem;
  441.     }
  442.  
  443.     li {
  444.       font-size: .95rem;
  445.     }
  446.   }
  447.  
  448.   form {
  449.     padding-left: 44px;
  450.     padding-right: 30px;
  451.     padding-top: 31px;
  452.  
  453.     .form-label {
  454.       margin-left: -10px;
  455.     }
  456.  
  457.     .acepto {
  458.       padding-left: 0;
  459.       padding-top: 0;
  460.     }
  461.   }
  462.  
  463.   .caja-pago {
  464.     margin-bottom: 34px;
  465.  
  466.  
  467.     .p3 {
  468.       padding: 1.6rem;
  469.     }
  470.  
  471.     input {
  472.       width: 93%;
  473.     }
  474.  
  475.     .info {
  476.       margin-left: -20px;
  477.     }
  478.   }
  479. }
  480.  
  481. .suscriptions-note {
  482.   .container {
  483.     padding-top: 1.4rem;
  484.     padding-bottom: 1.4rem;
  485.   }
  486.  
  487.   ~ .adspot-desktop-mobile-switch {
  488.     padding-bottom: 13px;
  489.   }
  490. }
  491.  
  492. .perfil-usuario-tabs {
  493.   padding-left: 100px;
  494.  
  495.   &.pl0{
  496.     .pl0;
  497.   }
  498.   a {
  499.     padding-left: 33px;
  500.     padding-right: 33px;
  501.     line-height: 16px;
  502.     font-size: 19px;
  503.   }
  504. }
  505.  
  506. .suscriptions {
  507.   margin-bottom: 40px;
  508.   > .mb2 {
  509.     padding-left: 100px;
  510.   }
  511.  
  512.   .suscription-description {
  513.     padding-top: 2.8rem;
  514.     padding-left: 2.5rem;
  515.   }
  516.  
  517.   .description-1 {
  518.     .mb2;.h2;.bold500;.color-blue-6;.line-height-5;
  519.   }
  520.  
  521.   .suscription-wrapper-cajas {
  522.     padding: 50px 60px;
  523.  
  524.     > .suscription-wrapper {
  525.       padding: 24px 15px;
  526.     }
  527.  
  528.     .suscription-name {
  529.       margin-bottom: 1.4rem;
  530.     }
  531.   }
  532. }
  533.  
  534. .perfil-usuario-favoritos {
  535.   margin-bottom: 74px;
  536.   .container.p3 {
  537.     padding: 1.8rem 1.5rem;
  538.   }
  539.   .directorio-resultado-auditorio .new-body {
  540.     padding: 1.4rem 0.7rem;
  541.   }
  542.   h2 {
  543.     font-size: 1.35rem;
  544.   }
  545.   .directorio-resultado-auditorio {
  546.     margin-bottom: 1rem;
  547.     &.mb0-desktop{
  548.       margin-bottom: 0;
  549.     }
  550.     .directorio-resultado-auditorio-hover .absolute-text {
  551.       left: .7rem;
  552.       right: .7rem;
  553.       bottom: 1.4rem;
  554.     }
  555.   }
  556.  
  557.   .col4-with-gutter {
  558.     width: %(~"calc(25%% - %dpx)", 10);
  559.     margin-left: e(%("%dpx", (10/2)));
  560.     margin-right: e(%("%dpx", (10/2)));
  561.   }
  562. }
  563.  
  564.  
  565.  
  566.  
  567.  
  568.  
  569.  
  570.  
  571.  
  572.  
  573.  
  574.  
  575.  
  576.  
  577.  
  578.  
  579.  
  580.  
  581.  
  582.  
  583.  
  584.  
  585.  
  586.  
  587. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement