diff --git a/contact.html b/contact.html index b0e7662..690cdb2 100644 --- a/contact.html +++ b/contact.html @@ -1,137 +1,110 @@ LaKademy | Latin America KDE Summit
-
+
-

Page Title

- -

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. -

- -

Listing

-
    -
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit
  • -
  • voluptate velit esse cillum dolore eu fugiat nulla pariatur
  • -
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit
  • -
  • occaecat cupidatat non proident, sunt in
  • -
+

Contato

-

Blockquote

-
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. -
+
logo
+ +

O LaKademy é organizado pela Equipe do KDE Brasil com o apoio do KDE e.V. Se você deseja fazer parte da comunidade, participar do evento e/ou colaborar para sua realização, você pode entrar em contato conosco através do endereço de e-mail lakademy-team@kde.org.

-
diff --git a/style.css b/style.css index 7ddb5c5..781738d 100644 --- a/style.css +++ b/style.css @@ -1,487 +1,490 @@ /* General */ body{ font-family: 'Abel', sans-serif; padding:0; - font-size:12px; margin:0 auto; color:#757575; background-color:#FFFFFF; } .clear{ clear:both; } p{ padding:0; margin:0px; text-align:left; line-height:20px; } a{ color:#87CEFA; text-decoration:none; } a img{ border:none; } a:hover{ text-decoration:none; } a:active, a:hover { outline: 0; } a.more{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background-color:#1E90FF; color:#fff; - font-size:11px; + font-size:14px; padding:6px 6px; margin:auto; width:60px; display:block; text-align:center; margin-top:10px; } h1{font-weight: normal;color: #252525;font-size:26px;margin:0;padding:0 0 25px 0;} h2{font-weight: normal;color: #252525;font-size:21px;margin:0;padding:0 0 25px 0;} h3{font-weight: normal;color: #252525;font-size:18px;margin:0;padding:0 0 25px 0;} h4{font-weight: normal;color: #252525;font-size:16px;margin:0;padding:0 0 25px 0;} h5{font-weight: normal;color: #252525;font-size:14px;margin:0;padding:0 0 25px 0;} h6{font-weight: normal;color: #f98740;font-size:12px;margin:0;padding:0 0 25px 0;} h1, h2, h3, h4{font-family: 'Abel', sans-serif;} p {text-align:justify;} /* Top */ #wrap{margin:auto;width:1000px;padding:0 0 40px 0;} .main_content{ clear:both;} #header{width:100%; height:60px;background-color:#1E90FF;} .header_content{ width:1000px; margin:auto;} .logo{float:left; padding:10px 0px 0px 12px;font-family: 'Abel', sans-serif; font-size:30px; color:#505050;} .logo a{color:#fff;} .logo span{ font-size:14px; color:#FFFFFF;} .logoimage{width:auto; height:auto; padding: 2px 2px 0px 2px; float:left;} /* Menu */ .menu{float:right; padding:20px 20px 0 0;} .menu ul {list-style:none; margin:0; padding:0px;} -.menu ul * {margin:0; padding:0;} +.menu ul * {margin:0; padding-bottom:5px;} .menu ul li {float:left; padding:0 20px 0 20px; height:35px;} .menu ul li a{font-family: 'Abel', sans-serif;color:#FFFFFF; font-size:16px;} .menu ul li.selected a{text-decoration: underline;} .menu ul li a:hover{color:#AFEEEE;} .menu-active {text-decoration: underline} /* Dropdown*/ li a, .dropbtn { display: list-item; color: #595959; text-align: center; text-decoration: none; } li.dropdown { display: inline-block; } .dropdown-content { display: none; position: absolute; background-color:#1E90FF; min-width: 60px; line-height: 12px; } .dropdown-content a { color: black; - padding: 12px 12px; + padding: 10px 10px; text-decoration: none; display: block; text-align: center; } .dropdown-content a:hover {background-color: #1E90FF;} .dropdown:hover .dropdown-content {display: block; z-index: 1;} .join {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;background-color:#1E90FF; color:#fff; font-size:14px; padding:0 5px; margin:auto; width:180px; display:block; text-align:center;} /* Slider */ .slider{ width:920px; margin:auto; clear:both; padding-top:50px; } .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {width: 100%; margin: 0; padding: 0 0 0 0;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} .flex-container {zoom: 1; position: relative;} .flex-direction-nav li a { width:65px; height:37px; margin:0; display: block; position: absolute; top:205px; cursor: pointer; text-indent: -9999px; /* opacity: .5; */ /* filter:alpha(opacity=30); */ } .flex-direction-nav li a.next { background:url(images/next.png) no-repeat center; right:0px; } .flex-direction-nav li a.prev { background:url(images/prev.png) no-repeat center; /* right:65px; */ left:0px; } .flex-direction-nav li a.next:hover {background:url(images/next_a.png) no-repeat center;} .flex-direction-nav li a.prev:hover {background:url(images/prev_a.png) no-repeat center;} .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} .flex-caption{ position: absolute; left:0px; top:150px; width:920px; padding: 10px 5px; font-family: 'Abel', sans-serif; text-align:center; - font-size:1.5em; + font-size:16px; color:#FFFFFF; background: rgba(0, 0, 0, .5); } .flex-caption h2{ font-size:25px; color:#FFFFFF;} .flex-caption p{ text-align:center; padding:0 180px;} a.slider_button{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;background-color:#1E90FF; color:#fff; font-size:14px; padding:8px 12px; margin:20px 0 0 0; display:inline-block;} /* STRUCTURE */ .section_full {padding:40px 40px 0 40px; float:left;} .section_one_two{ width:440px; float:left; padding:40px 0 0 40px;} -.section_one_three{ width:280px; float:left; padding:40px 0 0 40px;} +.section_one_three{ width:280px; float:left; padding:40px 0 0 40px; font-size:14px;} .section_one_four{ width:200px; float:left; padding:40px 0 0 40px;} .section_two_three{ width:600px; float:left; padding:40px 0 0 40px;} .main_content img {max-width: 100%; display: block;} -figcaption {display: block; text-align:center;padding-bottom:10px;} +.contact{float:left; padding:20px 25px 20px 0;} +.contact_entry p{padding:40px 20px;} + +figcaption {display: block; text-align:center;padding-bottom:10px; font-size: 14px;} .roundimg{width:80px;height:50px;display:block;border-radius:90px;-moz-border-radius:90px;-webkit-border-radius:90px;-khtml-border-radius:90px;margin:auto;background-color:#1E90FF;text-align:center; padding:15px 0 15px 0;} .roundimg img{ margin:auto; display:block;} h2.centered_title{ text-align:center;} -p.centered_text{ padding:10px 20px; text-align:center;} +p.centered_text{ padding:10px 20px; text-align:center; font-size:14px;} .entry{ padding-bottom:20px;} .entry h3, .entry h4{ padding-top:30px;} .entry ul{ padding:0; margin:0px; list-style:none; display:block;} .entry ul li{background:url(images/bullet.png) no-repeat left; margin:0 0 10px 0; padding:0 0 0 20px; display:block;} img.entry_image{ padding-bottom:20px;} .entry ol{ padding:0; margin:0px; list-style:none; display:block;} .entry ol li{ padding:0 0 10px 0; margin:0px; display:block;} blockquote{background-color:#ededed; border:1px #dedede solid;float:left;-moz-border-radius:8px; -webkit-border-radius:8px;-khtml-border-radius:8px;border-radius:8px; padding:12px; margin:0px 10px 0 0; line-height:20px;} /* Sidebar */ .sidebar h2{ clear:both;} .sidebar ul{ padding:0 0 45px 0; margin:0px; list-style:none; display:block;clear:both; float:left;} .sidebar ul li{ padding:0 0 10px 0; margin:0px; display:flex;} .sidebar ul li a{ background:url(images/bullet.png) no-repeat left; display:block; padding:0 0 0 20px;} .sidebar ul li a:hover{ color:#000000;} .sidebar .clear{ padding-bottom:40px;} #map {padding-bottom:40px; margin-bottom:20px;} +.contact_sidebar{padding-bottom: 64px;} /* Footer */ .footer{ padding:20px 0 40px 0; margin:20px 0 0 0; clear:both; width:100%; background-color:#1E90FF;} .footer_content{margin:auto;width:1000px;} -.footer_left{ float:left; padding:0 0 0 40px;} +.footer_left{ float:left; padding:0 0 0 40px; font-size:14px;} .footer_left p {color:#FFFFFF;} .footer_left a {color:#FFFFFF; text-decoration:underline;} .footer_right{ float:right; padding:0 40px 0 0;} ul.social_icons { margin:0px; padding:0px; list-style:none;} ul.social_icons li{ float:left;} ul.social_icons li a{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;text-align:center;} ul.social_icons li a#top{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#f98740;text-align:center;} ul.social_icons li a:hover{ background-color:#1E90FF;} ul.social_icons li a img{ width:60%; display:block; margin:5px auto;} ul.footer_menu{ padding:10px 0 0 0; margin:0px; list-style:none;} ul.footer_menu li{ float:left; padding:0 15px 0 0;} ul.footer_menu li a{ background:url(images/bullet.png) no-repeat left; padding:0 0 0 12px;} /* Media Queries */ @media screen and (max-width: 361px) { #wrap{ margin:0 auto; width:100%; } #header{ width:100%; height:auto; float:left; background-color:#1e90ff; padding-bottom:40px; } .header_content{ width:100%; float:left; margin:auto; line-height:100px; } .logo{ margin:0 0 0 30px; } .logo span{ display:none; } .section_one_three, .section_two_three, .section_one_two, .section_one_four{ width:92%; float:left; padding:5% 0 0 4%; } .slider{ width:100%; margin:auto; clear:both; } .menu{ float:left; clear:both; padding:0px 0 0px 0; width:100%; } .menu ul { list-style:none; margin:0; padding:0 20px 0 20px; } .menu ul * { margin:0; padding:0; } .menu ul li { width:100%; float:left; padding:0px; height:auto; border-bottom:1px #efefef solid; height:35px; line-height:35px; } .menu ul li a{ color:#fff; font-size:20px; padding:0 0 0 10px; display:block; cursor:pointer; } .menu ul li a:hover{ color:#000; } .footer_content{ margin:auto; width:100%; } .footer_left{ float:left; padding:0 0 0 10px; } .footer_right{ float:right; padding:0 10px 0 0; } .flex-caption{ width: 100vw; top:0; height: 100%; } .flex-caption h2{ font-size: 1em; color:#FFFFFF; } .flex-caption p{ text-align:center; padding: 0 2em; font-size: .6em; } .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-direction-nav li a { width:65px; height:37px; margin:0; display: block; position: absolute; top: 40%; } } @media screen and (min-width: 362px) and (max-width: 1000px) { #wrap{ margin:0 auto; width:100%; } #header{ width:100%; height:auto; float:left; background-color: #1e90ff; padding-bottom:40px; } .header_content{ width:100%; float:left; margin:auto; line-height:100px; } .logo{ margin:0 0 0 30px; } .logo span{ display:none; } .section_one_three, .section_two_three, .section_one_two, .section_one_four{ width:92%; float:left; padding:5% 0 0 4%; } .slider{ width:100%; margin:auto; clear:both; } .menu{ float:left; clear:both; padding:0px 0 0px 0; width:100%; } .menu ul { list-style:none; margin:0; padding:0 20px 0 20px; } .menu ul * { margin:0; padding:0; } .menu ul li { width:100%; float:left; padding:0px; height:auto; border-bottom:1px #efefef solid; height:35px; line-height:35px; } .menu ul li a{ color:#fff; font-size:20px; padding:0 0 0 10px; display:block; cursor:pointer; } .menu ul li a:hover{ color:#000; } .footer_content{ margin:auto; width:100%; } .footer_left{ float:left; padding:0 0 0 10px; } .footer_right{ float:right; padding:0 10px 0 0; } .flex-caption{ width: 100vw; top:20%; height: 50%; } .flex-caption h2{ font-size: 1.5em; color:#FFFFFF; } .flex-caption p{ text-align:center; padding: 0 3em; font-size: 1.0em; } .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-direction-nav li a { width:65px; height:37px; margin:0; display: block; position: absolute; top: 40%; } }