diff --git a/css/style.css b/css/style.css index 7d70149d..e4a2c31b 100644 --- a/css/style.css +++ b/css/style.css @@ -483,15 +483,6 @@ p { background-color: #3366cc; } -.page-section-summit { - mix-blend-mode: soft-light; - object-fit: cover; - object-position: center; - width: 85%; - text-align: center; - margin: 0 auto; -} - .page-section-yellow { background-color: var(--yellow); background-color: #ff9900; @@ -1749,180 +1740,143 @@ p { .wrapper { display: grid; grid-gap: 10px; - grid-template-columns: [date] 1fr [speaker] 1fr [talk] 1fr 1fr 1fr; - grid-auto-rows: min-content; color: #fff; - align-content: space-evenly; - font-size: small; font-weight: 300; - font-size: medium; - } +} - .wrapper a{ - color: #fff; - text-decoration: none; - border-bottom: 2px dotted #e60050; - } +.wrapper a { + color: #fff; + text-decoration: none; + border-bottom: 2px dotted #e60050; +} - .box { - border-radius: 5px; - padding: 20px; - } +.box { + border-radius: 5px; + padding: 20px; +} - .box img { - border-radius: 100%; - width: 50%; - border: 2px solid #ddc7ed; - } +.box img { + border-radius: 100%; + width: 50%; + border: 2px solid #ddc7ed; +} - .destaque { - color: #ddc7ed; - font-family: 'Josefin Sans', Sans-Serif; - text-transform: uppercase; - } +.destaque { + color: #ddc7ed; + font-family: 'Josefin Sans', Sans-Serif; + text-transform: uppercase; +} - .talk-txt { - font-family: 'Josefin Sans', Sans-Serif; - text-transform: uppercase; - } +.talk-txt { + font-family: 'Josefin Sans', Sans-Serif; + text-transform: uppercase; +} - .bio { - font-size: small; - font-style: italic; - margin: 1em 0; - letter-spacing: 1px; - } +.bio { + font-size: small; + font-style: italic; + margin: 1em 0; + letter-spacing: 1px; +} - .speaker-txt-name { - font-family: 'Josefin Sans', Sans-Serif; - font-size: large; - } - .social-speaker a { - margin: 0 1em; - } - .roxo { - color: #920087; - } +.speaker-txt-name { + font-family: 'Josefin Sans', Sans-Serif; + font-size: large; +} - .interface { - background: #ffff66; - color: #660000; - font-weight: 700; - border: 2px solid #f6a623; - border-radius: 4px; - } - .seguranca { - background: #3366cc; - color: #fff; - border: 2px solid #40c5f5; - border-radius: 4px; - } - .desenvolvimento { - background: #336600; - color: #fff; - border: 2px solid #99ff00; - border-radius: 4px; - } - .stage { - background-color: #444; - grid-column: date / span 5; - } +.social-speaker a { + margin: 0 1em; +} - .a { - grid-column: date / span 2; - background-color: rgba(146,0,135, 0.9); - } - .b { - grid-column: talk / span 3; - background-color: rgba(137,53,159, 0.5); - } +.roxo { + color: #920087; +} - .date { - grid-column: date ; - background-color: rgba(31,58,147, 0.9); - } +.interface { + background: #ffff66; + color: #660000; + font-weight: 700; + border: 2px solid #f6a623; + border-radius: 4px; +} - .speak { - grid-column: speaker ; - background-color: rgba(58,83,155, 0.8); - } - .talk { - grid-column: talk / span 3 ; - background-color: rgba(58,83,155, 0.9); - } +.seguranca { + background: #3366cc; + color: #fff; + border: 2px solid #40c5f5; + border-radius: 4px; +} - /*.c { - grid-column: col / span 2; - grid-row: row 19; - background-color: rgba(146,0,135, 0.8); - text-align: left; - } - .d { - grid-column: col 2 / span 5; - grid-row: row 19; - background-color: rgba(146,0,135, 0.6); - z-index: 20; - } +.desenvolvimento { + background: #336600; + color: #fff; + border: 2px solid #99ff00; + border-radius: 4px; +} - .f { - grid-column: col; - grid-row: row 20; - opacity: 0.2; - } +.stage { + background-color: #444; + grid-column: span 4; +} + +.a { + background-color: rgba(146,0,135, 0.9); +} + +.b { + grid-column: span 3; + background-color: rgba(137,53,159, 0.5); +} + +.date { + background-color: rgba(31,58,147, 0.9); +} + +.speak { + background-color: rgba(58,83,155, 0.8); +} + +.talk { + grid-column: span 2; + background-color: rgba(58,83,155, 0.9); +} - .g { - grid-column: col 2; - grid-row: row 20; - opacity: 0.2; +@media (max-width: 660px) { + .stage { + grid-column: span 2; } - .h { - grid-column: col 3; - grid-row: row 20; - opacity: 0.2; + .a { + grid-column: span 1; } - .i { - grid-column: col 4; - grid-row: row 20; - opacity: 0.2; + .b { + grid-column: span 1; } - .j { - grid-column: col 5 / span 2; - grid-row: row 20; - opacity: 0.2; + .talk { + grid-column: span 2; } +} - .k { - grid-column: col; - grid-row: row 21; - opacity: 0.2; +@media (min-width: 992px) { + .stage { + grid-column: span 5; } - .l { - grid-column: col 2; - grid-row: row 21; - opacity: 0.2; + .a { + grid-column: span 2; } - .m { - grid-column: col 3; - grid-row: row 21; - opacity: 0.2; + .b { + grid-column: span 3; } - .n { - grid-column: col 4; - grid-row: row 21; - opacity: 0.2; + .talk { + grid-column: span 3; } +} - .o { - grid-column: col 5 / span 2; - grid-row: row 21; - opacity: 0.2; - }*/ /*QUEM SOMOS*/ .img-content-highlight { diff --git a/summit.html b/summit.html index bfc208a7..3e1e38b8 100644 --- a/summit.html +++ b/summit.html @@ -13,7 +13,7 @@

Codamos Summit

-
+

Edição #1 vai acontecer dia 14/04 - NUbank em São Paulo