diff --git a/index.html b/index.html
index 00a1589..e5da460 100644
--- a/index.html
+++ b/index.html
@@ -289,7 +289,7 @@
-
+
@@ -353,40 +353,42 @@
diff --git a/sass/style.sass b/sass/style.sass
index ecaec90..5565969 100644
--- a/sass/style.sass
+++ b/sass/style.sass
@@ -30,10 +30,12 @@
// 6.10 - imagem destaque do programa, titulo, descricao e botao de acesso
// 6.11 - login form
// 6.12 - votacao
-// 6.13 - lista de resultados
-// 6.14 - paginador
-// 6.15 - calendario dos ministros
-// 6.16 - listas
+// 6.13 - tabela de resultados
+// 6.14 - lista de resultados
+// 6.15 - paginador
+// 6.16 - calendario dos ministros
+// 6.17 - listas
+// 6.18 - artigo
// 7 - Modificadores
// 8 - Cores do Temas
// 9 - Alto Contraste
@@ -101,7 +103,6 @@ h1
a
color: $header-color
h2
- // border-bottom: 1px solid darken(#eeeff1,$darken)
font-size: $font-size-h2
font-weight: 500
margin-bottom: $gutter * 2
@@ -131,6 +132,39 @@ a
color: $link-color
&:hover,&:focus
color: $link-color
+tr
+ &:last-child
+ td
+ &:first-child
+ border-bottom-left-radius: 3px
+ border-bottom: 0
+ border-left: 0
+ &:last-child
+ border-bottom-right-radius: 3px
+ border-bottom: 0
+ border-right: 0
+th
+ border-bottom: 3px solid
+ border-left: 1px solid
+ border-right: 1px solid
+ padding: 15px 20px
+ &:first-child
+ border-top-left-radius: $radius
+ border-left: 0
+ border-top: 0
+ &:last-child
+ border-top-right-radius: $radius
+ border-right: 0
+ border-top: 0
+td
+ background-color: #eeeff1
+ border: 1px solid #fff
+ padding: 10px
+ text-align: center
+ &:first-child
+ border-left: 0
+ &:last-child
+ border-right: 0
// ------------------------------------
@@ -635,7 +669,77 @@ h1
.like
display: inline-block
-// 6.13 - lista de resultados
+// 6.13 - tabela de resultados
+table
+ .abstract-text
+ width: 80%
+ .value
+ text-align: center
+ width: 10%
+ .header
+ font-weight: bold
+ line-height: 22px
+ text-align: center
+ .position
+ width: 20%
+ a
+ border: 1px solid #fff
+ border-radius: 100%
+ color: #fff
+ display: inline-block
+ font-size: 16px
+ height: 30px
+ margin-left: 5px
+ padding: 2px 0
+ text-align: center
+ width: 30px
+ vertical-align: middle
+ transition: all 400ms
+ .votes-for
+ display: table-cell
+ .fa
+ background-color: #32dbb5
+ border: 2px solid #ffffff
+ border-radius: 100%
+ color: #fff
+ font-size: 16px
+ height: 30px
+ padding: 5px 0
+ text-align: center
+ transition: all 200ms ease 0s
+ width: 30px
+ .votes-against
+ display: table-cell
+ .fa
+ background-color: #DB4127
+ border: 2px solid #ffffff
+ border-radius: 100%
+ color: #fff
+ font-size: 16px
+ height: 30px
+ padding: 5px 0
+ text-align: center
+ transition: all 200ms ease 0s
+ width: 30px
+ .truncate
+ display: table
+ table-layout: fixed
+ width: 90%
+ .truncated
+ overflow-x: hidden
+ text-overflow: ellipsis
+ white-space: nowrap
+th
+ color: #fff
+ &.abstract-text
+ text-align: left
+td
+ &.abstract-text
+ text-align: left
+ p
+ margin: 0
+
+// 6.14 - lista de resultados
.results-content
.total
float: left
@@ -646,7 +750,6 @@ h1
margin-top: $gutter
table
clear: both
- font-weight: 300
tr:nth-child(odd)
background: #e5e5e5
td
@@ -670,7 +773,7 @@ h1
text-overflow: ellipsis
white-space: nowrap
-// 6.14 - paginador
+// 6.15 - paginador
.paging
padding: $gutter * 0.25
ul
@@ -698,7 +801,7 @@ h1
.prev
border-radius: $radius 0 0 $radius
-// 6.15 - calendario dos ministros
+// 6.16 - calendario dos ministros
.slick
&-slider
list-style: none
@@ -747,7 +850,7 @@ h1
&-disabled
opacity: 0.25
-// 6.16 - listas
+// 6.17 - listas
.list-container-border
border: 3px solid
border-radius: $radius
@@ -771,7 +874,7 @@ h1
padding-right: 0
padding-top: $gutter * 0.25
-// 6.17 - artigo
+// 6.18 - artigo
.article-container
max-width: 1170px
margin-left: auto
@@ -792,7 +895,10 @@ h2
color: #6c6c6c
font-size: $font-size-big
font-weight: 700
- margin: 0
+ margin-bottom: $gutter * 0.25
+ margin-left: 0
+ margin-right: 0
+ margin-top: 0
padding: 0
text-transform: none
&.menu
@@ -856,6 +962,16 @@ h3.titulo-destaque
&-category
li
background-color: $color
+ table
+ .position
+ a
+ background-color: $color
+ +hover($color,$darken)
+ th
+ background-color: $color
+ border-bottom-color: darken($color,$darken)
+ border-left-color: lighten($color,$darken)
+ border-right-color: lighten($color,$darken)
.slick
&-prev,&-next
color: $color
@@ -905,28 +1021,33 @@ h3.titulo-destaque
.contrast
background-color: #000
color: #fff
+ .background
+ background-color: #000
.container
- h2,h3,h4,a,p,li,label,.label,.login i
+ h2,h3,h4,a,p,li,label,.label,.login i,.total,.updated-at span
color: #fff
a
text-decoration: underline
small
color: darken(#fff, 40%)
- .button,.show_body a,.login input.button,.box-category li
- background-color: #fff
- border-color: darken(#fff, 40%)
- color: #000
- text-decoration: none
- +hover(#fff, 40%)
- .icon
- &-facebook
- background-image: url(images/icons/icon-facebook-contrast.png) !important
- &-twitter
- background-image: url(images/icons/icon-twitter-contrast.png) !important
- &-gplus
- background-image: url(images/icons/icon-gplus-contrast.png) !important
- &-whatsapp
- background-image: url(images/icons/icon-whatsapp-contrast.png) !important
+ .button,.show_body a,.login input.button,.box-category li
+ background-color: #fff
+ border-color: darken(#fff, 40%)
+ color: #000
+ text-decoration: none
+ +hover(#fff, 40%)
+ span
+ color: #000
+ .icon
+ color: #000 !important
+ text-decoration: none
+ background-color: #fff
+ +hover(#fff,40%)
+ &-vote
+ border-color: darken(#fff, 40%) !important
+ @each $category,$color in $categories
+ &-#{$category}
+ background-image: url(images/icons/#{$category}-contrast.png)
.tab
a
background-color: darken(#fff, 85%)
@@ -960,6 +1081,15 @@ h3.titulo-destaque
border-color: #fff
&-title,&-subtitle,&-info,&-bottom,.social span,&-header
color: #fff
+ table
+ .position a
+ background-color: #000
+ .votes-for .fa,.votes-against .fa
+ background-color: #000
+ th,td
+ background-color: #000
+ border-color: #fff
+ color: #fff
.slick
&-prev,&-next
color: #fff
@@ -970,3 +1100,6 @@ h3.titulo-destaque
color: #fff
.bloco-destaque
background: darken(#fff, 85%)
+ @each $category,$color in $categories
+ .category-#{$category}
+ background-color: darken(#fff, 85%)
--
libgit2 0.21.2