From a679a2b00a1b397f5450fd19e87e8a24d2ab9b20 Mon Sep 17 00:00:00 2001 From: Fabio Teixeira Date: Mon, 27 Apr 2015 16:31:21 -0300 Subject: [PATCH] prototyped community's repository-feed and discussion tabs --- images/left-arrow.png | Bin 0 -> 249 bytes images/upload-icon.png | Bin 0 -> 384 bytes pagina_comunidade.css | 142 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------- redes_sociais.css | 140 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------- 4 files changed, 188 insertions(+), 94 deletions(-) create mode 100644 images/left-arrow.png create mode 100644 images/upload-icon.png diff --git a/images/left-arrow.png b/images/left-arrow.png new file mode 100644 index 0000000..b8c6940 Binary files /dev/null and b/images/left-arrow.png differ diff --git a/images/upload-icon.png b/images/upload-icon.png new file mode 100644 index 0000000..00c39e1 Binary files /dev/null and b/images/upload-icon.png differ diff --git a/pagina_comunidade.css b/pagina_comunidade.css index bac6cf1..d9460d8 100644 --- a/pagina_comunidade.css +++ b/pagina_comunidade.css @@ -296,21 +296,36 @@ ul#itens-legend-grafic{ } #discussions h3{ - padding:12px 0px 3px 0px; + font-size: 20px; + padding:25px 0px 5px 0px; margin:0px; } .tidings{ - border-top: 1px solid #ECEDF1; + border-top: 1px solid #D3D6DE; padding:10px; + padding-bottom: 23px; } .date-list-discussion, .subject-list-discussion{ display: block; - line-height: 21px; - padding: 0px 0px 10px 0px; - position: relative; + line-height: 21px; + padding: 10px 0px 0px 0px; + position: relative; +} + +.date-list-discussion { + letter-spacing: -0.1px; +} + +.subject-list-title { + line-height: 18px !important; +} + +.subject-list-discussion { + font-size: 16px; + padding-top: 3px; } .date-list-discussion{ @@ -321,30 +336,45 @@ ul#itens-legend-grafic{ text-decoration: none; color:#5E82C6; } -.see-more-discussion{ -text-align: right; - padding: 10px; + +.see-more-discussion { + text-align: right; + padding: 15px 0px 0px 0px; text-transform: uppercase; line-height: 21px; - font-size: 12px; - border-top: 1px solid #ECEDF1; + font-size: 11px; + border-top: 1px solid #D3D6DE; + margin-bottom: 2px; + letter-spacing: -0.12px; } .see-more-discussion::after { background: none repeat scroll 0 0 #3e67b1; - border-radius: 4px; + border-radius: 2px; color: #ffffff; - content: ">"; + content: url('images/left-arrow.png'); font-size: 15px; line-height: 20px; margin-left: 5px; - padding-left: 7px; - padding-right: 4px; + padding: 2px 7px 1px 7px; position: relative; text-align: center; top: 2px; } +.tidings { + padding-left: 0px; +} + +#mais-relevantes h3 { + letter-spacing: 0.2px; + padding-bottom: 16px; +} + +#mais-relevantes span { + letter-spacing: 0px; +} + /********************** ABA03 - BLOG ********************************/ #block-news-community{ padding-top:20px; @@ -384,6 +414,11 @@ text-align: right; /********************** ABA04 - Wiki ********************************/ +#aba4 { + border-bottom: 3px solid #172738; + padding-bottom: 40px; +} + #aba4 h3{ color:#172738; border-bottom: 2px solid #ECEDF1; @@ -392,7 +427,12 @@ text-align: right; #aba4 span{ line-height: 21px; - font-size: 13px; + font-size: 15px; + display: block; + padding-left: 3px; + font-weight: 400; + color: black; + padding-top: 10px; } @@ -400,72 +440,92 @@ text-align: right; .information-repository-activ{ border-bottom: 1px solid #D3D6DE; - padding:40px 20px 40px 20px; + /*padding:40px 20px 40px 20px; #D3D6DE*/ + margin: 0px; color:#172738; } .about-commit{ + font-size: 12px; display:block; position:absolute; float:left; + margin-top: 27px; border-right:1px dotted #D3D6DE; - padding-right: 40px; + padding: 0px 23px 13px 0px; } + +.calendar-commit { + margin-top: 10px; +} + .about-commit span{ position: relative; - display:block; + display: block; line-height: 21px; - padding: 5px; + padding: 0px; } .information-member-repository{ - margin-left:150px; + padding-top: 28px; + margin-left: 127px; display:block; } +.name-information-repository { + font-size: 12px; +} + +.information-member-repository { + margin-bottom: 20px; +} + .information-member-repository span{ display:block; position:relative; - line-height: 21px; - padding: 5px; + line-height: 15px; + padding: 5px; } .commit-historic::before { - content: url("images/calendar-icon.png"); - float: left; + content: url("images/upload-icon.png"); + /*float: left;*/ line-height: 20px; - margin-right: 10px; + margin-right: 11px; margin-top: 4px; } .calendar-commit::before { content: url("images/calendar-icon.png"); - float: left; + /*float: left;*/ line-height: 20px; - margin-right: 10px; + margin-right: 11px; margin-top: 4px; } .see-more-repository{ + color: black !important; text-align: right; - padding:10px; + padding: 15px 0px 0px 0px; text-transform: uppercase; line-height: 21px; - font-size:12px; + font-size: 11px; +/* border-top: 1px solid #D3D6DE; */ + margin-bottom: 2px; + letter-spacing: -0.12px; } .see-more-repository::after { - background: none repeat scroll 0 0 #3e67b1; - border-radius: 4px; - color: #ffffff; - content: ">"; - font-size: 15px; - line-height: 20px; - margin-left: 5px; - padding-left: 7px; - padding-right: 4px; - position: relative; - text-align: center; - top: 2px; + background: none repeat scroll 0 0 #3e67b1; + border-radius: 2px; + color: #ffffff; + content: url('images/left-arrow.png'); + font-size: 15px; + line-height: 20px; + margin-left: 5px; + padding: 2px 7px 1px 7px; + position: relative; + text-align: center; + top: 2px; } diff --git a/redes_sociais.css b/redes_sociais.css index bf3b6ff..fa39e44 100644 --- a/redes_sociais.css +++ b/redes_sociais.css @@ -1,59 +1,62 @@ .ui-widget-header { - background: none; - border: 0px solid #aaaaaa; - color: none; - font-weight: bold; + background: none; + border: 0px solid #aaaaaa; + color: none; + font-weight: bold; } .ui-tabs .ui-tabs-panel { - background-color: #eeeff1; - border-width: 1px; - color: #777; - display: block; - font-size: 13px; - padding: 1em 1.4em; - text-decoration: none; + background-color: #eeeff1; + border-width: 1px; + color: #777; + display: block; + font-size: 13px; + padding: 1em 1.4em; + text-decoration: none; } .ui-tabs .ui-tabs-nav { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { - background: #d5d5d5 none; - border: 1px solid #d4d5d7; - color: #555555; - font-weight: normal; + background: #d5d5d5 none; + border: 1px solid #d4d5d7; + color: #555555; + font-weight: normal; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { - background: #eeeff1 none; - background-color: #eeeff1; - border: 1px solid #aaaaaa; - color: #212121; - font-weight: normal; + background: #eeeff1 none; + background-color: #eeeff1; + border: 1px solid #aaaaaa; + color: #212121; + font-weight: normal; } .ui-widget-content { - border: 0px solid #aaaaaa; + border: 0px solid #aaaaaa; } /********Novas abas - pagina de comunidade*********/ #block-community-tabs{ - font-family:arial; + font-family:arial; } #block-community-tabs .ui-widget-header{ - background:#ECEDF1; - border-radius:0px; - border:none; - border-bottom: 3px solid #D3D6DE; - color: none; - font-weight: bold; + background:#ECEDF1; + border-radius:0px; + border:none; + border-bottom: 3px solid #D3D6DE; + color: none; + font-weight: bold; } +.information-repository-activ { + height: 117px !important; +} #block-community-tabs .ui-tabs .ui-tabs-panel{ background-color: #ffffff; @@ -64,44 +67,75 @@ padding: 0px; /*padding: 1em 1.4em;*/ text-decoration: none; } + +#block-community-tabs .ui-tabs .ui-tabs-panel { + padding: 0px; +} + #block-community-tabs .ui-tabs .ui-tabs-nav{ - margin: 0; - padding: 0; + margin: 0px; + padding: 0px; } #block-community-tabs .ui-state-default,#block-community-tabs .ui-widget-content .ui-state-default,#block-community-tabs .ui-widget-header .ui-state-default{ - /*background: #d5d5d5 none; - border: 1px solid #d4d5d7; - color: #555555;*/ - font-weight: normal; + /*background: #d5d5d5 none; + border: 1px solid #d4d5d7; + color: #555555;*/ + font-weight: normal; } #block-community-tabs .ui-state-active,#block-community-tabs .ui-widget-content .ui-state-active,#block-community-tabs .ui-widget-header .ui-state-active{ - /*background: #eeeff1 none; - background-color: #eeeff1; - border: 1px solid #aaaaaa; - color: #212121;*/ - font-weight: normal; + /*background: #eeeff1 none; + background-color: #eeeff1; + border: 1px solid #aaaaaa; + color: #212121;*/ + font-weight: normal; } #block-community-tabs .ui-widget-content{ - border: 0px solid #aaaaaa; + border: 0px solid #aaaaaa; } #block-community-tabs .ui-state-default,#block-community-tabs .ui-widget-content .ui-state-default,#block-community-tabs .ui-widget-header .ui-state-default { - border: none; - background:#ECEDF1 ; - font-weight: normal; - color: #172738; + border: none; + background:#ECEDF1 ; + font-weight: normal; + color: #172738; } -#block-community-tabs .ui-state-default a:hover, -#block-community-tabs .ui-state-default a:link, -#block-community-tabs .ui-state-default a:active{ - color:#172738; +#block-community-tabs .ui-state-default a{ + color: #172738; +} + +#block-community-tabs .ui-tabs .ui-tabs-nav { + font-size: 15px; } #block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active { -margin-bottom: -3px; -padding-bottom: 1px; -border-bottom: 3px solid #FF0366; + margin-bottom: -3px; + padding-bottom: 1px; + border-bottom: 3px solid #FF0366; + font-weight: 700; + +} + +#block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a{ + color: #FF0366; +} + +#block-community-tabs .ui-tabs .ui-tabs-nav li .triangle { + position: absolute; + margin-top: 38px; + margin-left: 45%; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #FF0366; + font-size: 0; + line-height: 0; + display: none; +} + +#block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active .triangle { + display: block; } -- libgit2 0.21.2