From 8c55b825784b04f9d755736e93b5c193d3399897 Mon Sep 17 00:00:00 2001 From: Leandro Nunes dos Santos Date: Mon, 24 Nov 2014 11:12:16 -0300 Subject: [PATCH] refatorando --- images/negative-hand.png | Bin 0 -> 1114 bytes images/positive-hand.png | Bin 0 -> 1123 bytes like_dislike.css | 38 ++++++++++++++++++++++++++++++++++++++ link-list-block.css | 29 +++++++++++++++++++++++++++++ old_images/negative-hand.png | Bin 1114 -> 0 bytes old_images/positive-hand.png | Bin 1123 -> 0 bytes style.css | 287 +++++++++++++++++++++++++---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 7 files changed, 92 insertions(+), 262 deletions(-) create mode 100644 images/negative-hand.png create mode 100644 images/positive-hand.png create mode 100644 like_dislike.css create mode 100644 link-list-block.css delete mode 100644 old_images/negative-hand.png delete mode 100644 old_images/positive-hand.png diff --git a/images/negative-hand.png b/images/negative-hand.png new file mode 100644 index 0000000..59804b4 Binary files /dev/null and b/images/negative-hand.png differ diff --git a/images/positive-hand.png b/images/positive-hand.png new file mode 100644 index 0000000..44c85ca Binary files /dev/null and b/images/positive-hand.png differ diff --git a/like_dislike.css b/like_dislike.css new file mode 100644 index 0000000..3d86fe7 --- /dev/null +++ b/like_dislike.css @@ -0,0 +1,38 @@ +/* Plugin para curtir artigos e comentarios */ + +.action .dislike:before { + background: url(images/negative-hand.png) no-repeat; +} + +.action .like:before { + background: url(images/positive-hand.png) no-repeat; +} + +.action .action-icon:before { + background-size: 20px; + content: ''; + width: 20px; + height: 20px; + display: inline-block; +} + +.vote-action .like-action-active .action-icon { + opacity: 1; +} + +.vote-action .action-icon { + opacity: 0.5; +} + +#article .action .action-icon { + top: 3px; +} + +#article .like-action .like-action-counter { + color: #2A8C32; +} + +#article .dislike-action .like-action-counter { + color: #CC0000; +} + diff --git a/link-list-block.css b/link-list-block.css new file mode 100644 index 0000000..9b3b3fd --- /dev/null +++ b/link-list-block.css @@ -0,0 +1,29 @@ +#content .link-list-block{padding: 0;} + +#content .link-list-block li{margin: 0;} + +#content .link-list-block li a { + border-radius: 0; + padding: 10px 5px 10px 40px; + border-bottom: 1px solid #ccc; + background-color: #f7f9fa; + border-left: 3px solid #f7f9fa; +} + +/*bloco lateral de menu*/ +#content .link-list-block li a.link-this-page{ + max-width:100%; + width: auto; + border-right: 0px; + background-color: #257CAD; + color: white; + border-left: 3px solid #fff; +} + +#content .link-list-block li a.link-this-page:hover, +#content .link-list-block li a:hover { + background-color: #257CAD; + border-left: 3px solid #fff; + border-right: 0px solid #fff; +} + diff --git a/old_images/negative-hand.png b/old_images/negative-hand.png deleted file mode 100644 index 59804b4..0000000 Binary files a/old_images/negative-hand.png and /dev/null differ diff --git a/old_images/positive-hand.png b/old_images/positive-hand.png deleted file mode 100644 index 44c85ca..0000000 Binary files a/old_images/positive-hand.png and /dev/null differ diff --git a/style.css b/style.css index c0dc4b4..9bae249 100644 --- a/style.css +++ b/style.css @@ -5,6 +5,12 @@ @import url(top-search-bar.css); @import url(header.css); @import url(footer.css); +@import url(like_dislike.css); +@import url(link-list-block.css); + +/**************************************** + INICIO: Definicoes gerais de estrutura +*****************************************/ body, th, td, input { font-family: Open Sans; @@ -16,15 +22,10 @@ body, #wrap-2{ } -/***** Leandro: Old Code ********/ - - #wrap-1 { min-width: 800px; } -/**Nova largura dos blocos lateral e principal**/ - .box-1, .no-boxes { margin: 0 auto; display: block; @@ -45,7 +46,7 @@ body, #wrap-2{ } -.box-2/*, .box-3 */{ +.box-2{ position: relative; display: block; margin: 0; @@ -65,8 +66,13 @@ body, #wrap-2{ padding: 0 1em; } +/**************************************** + FIM: Definicoes gerais de estrutura +*****************************************/ -/*estilo dos blocos*/ +/**************************************** + INICIO: Definicoes gerais para os blocos +*****************************************/ #main-content-wrapper-1, #main-content-wrapper-2, @@ -98,51 +104,20 @@ body, #wrap-2{ #content .box-1 .block, #content .no-boxes .block{padding: 0;} -#content .link-list-block{padding: 0;} - -#content .link-list-block li{margin: 0;} - -#content .link-list-block li a { - border-radius: 0; - padding: 10px 5px 10px 40px; - border-bottom: 1px solid #ccc; - background-color: #f7f9fa; - border-left: 3px solid #f7f9fa; -} - -/*bloco lateral de menu*/ -#content .link-list-block li a.link-this-page{ - max-width:100%; - width: auto; - border-right: 0px; - background-color: #257CAD; - color: white; - border-left: 3px solid #fff; -} - -#content .link-list-block li a.link-this-page:hover, -#content .link-list-block li a:hover { - background-color: #257CAD; - border-left: 3px solid #fff; - border-right: 0px solid #fff; -} -#profile-header {margin-bottom: 20px;} -#content .block-title { font-variant: inherit; margin-bottom: 0px;} - -/*cabeçalho dos blocos laterais*/ +/* Cabecalho dos Blocos Laterais*/ #content .block h3.block-title, #content #content-inner .login-block .logged-user-info h2{ - font-size: 16px; - text-align: left; - border-bottom: 1px solid #AAA; - padding: 0.5em; - background-color: #257CAD; - color: white; - font-variant: inherit; + font-size: 16px; + text-align: left; + border-bottom: 1px solid #AAA; + padding: 0.5em; + background-color: #257CAD; + color: white; + font-variant: inherit; } -/*cabeçalho do blocos principal*/ +/* Cabecalho dos Blocos Principais */ #content .box-1 .block h3.block-title, #content .no-boxes .block h3.block-title { color: #333; @@ -153,218 +128,6 @@ body, #wrap-2{ background-color: transparent; } -/*ver todos blocos laterais*/ -#content .tags-block .block-footer-content a, #content .people-block .block-footer-content a, #content .profile-list-block .block-footer-content a, #content .enterprises-block .block-footer-content a, #content .members-block .block-footer-content a, #content .communities-block .block-footer-content a, #content .friends-block .block-footer-content a { - position: absolute; - top: 5px; - right: 5px; - font-size: 12px; - color: #000; - text-decoration: none; - background-color: #fff; - padding: 6px 20px 6px 12px; - border-radius: 12px; - background-position-x: 90%; -} - -#content .tags-block .block-footer-content a:hover, -#content .people-block .block-footer-content a:hover, -#content .profile-list-block .block-footer-content a:hover, -#content .enterprises-block .block-footer-content a:hover, -#content .members-block .block-footer-content a:hover, -#content .communities-block .block-footer-content a:hover, -#content .friends-block .block-footer-content a:hover { - position: absolute; - top: 5px; - right: 5px; - font-size: 12px; - color: #000; - text-decoration: none; - background-color: #257CAD; - color: white; - padding: 6px 20px 6px 12px; - border-radius: 12px; - border: 1px solid white; -} - -#content .main-block h1{ - font-variant: inherit; - color: #555753; - text-align: left; - border-bottom: 0px; -/*font-family: 'Roboto',sans-serif;*/ - margin: 0 0 5px; - font-weight: 700; - color: #4d4d4d; -} - -.search_form input[type="text"], -#public-profile-search input[type="text"]{ - padding: 6px 0; - font-size: 14px; - line-height: 1.42857143; - color: #555; - background-color: #fff; - background-image: none; - border: 1px solid #ccc; -} - -#content form input.button.submit { - max-height: 34px; - cursor: pointer; - height: 34px; - vertical-align: top; - margin-top: 2px; - margin-left: 16px; -} - -#public-profile-search, #profile-search-results form, .profile-search-block form { - padding: 10px; - margin-bottom: 15px; - background-color: transparent; - -moz-border-radius: 5px; - -webkit-border-radius: 0px; -} - -/*telas de edição*/ - -/*Estilo dos campos - input*/ -.formfield input, .formfield textarea { - background: none; - border: 2px solid #B0C4DE; - color: #333; - font-size: 16px; - border-radius: 5px; -} - -#content form input.button.submit {margin-left:0px; margin-right: 16px;} - -/*Campo inserir arquivo*/ -input[type~="file"] {border: none;} - -/*formulário de criação de artigos - lado esquerdo*/ -.controller-cms div.with_media_panel { - float: left; - width: 70%; - display: inline-block; - background-color: #FFF; - padding: 1em; - vertical-align: top; -} - -/*caixas de formulário da direita - Inserir imagem e buscar imagem*/ -.text-editor-sidebar{ - float: left; - position: relative; - width: 20%; - display: inline-block; - vertical-align: top; - margin-left: 3%; - right: 0; - top: 0; -} - -/*Campo inserir arquivo - lado direito*/ -.text-editor-sidebar .text-editor-sidebar-box #media-upload-form form input[type~="file"]{font-size: x-small;} - -/*campo de busca de mídia*/ -.text-editor-sidebar #media-search-box .formfield input { - display: inline-block; - width: 85% !important; -} - -/*botão de busca de mídia*/ -#content .text-editor-sidebar #media-search-box form input.button.submit { - max-height: 24px; - cursor: pointer; - height: 34px; - vertical-align: top; - margin-top: 2px; - margin-left: 0; - margin-right: 0; - width: 0px; - color: #EEE; - display: inline-block; -} - -/*botão cancelar*/ -#content a.button.with-text { -line-height: 32px; -height: 32px; -margin-top: 2px; -} - -.comment-details .menu-submenu { - right: 3px; -} - -.vote-actions { - top: 30px; -} - -.ui-widget-header { - background: none; - border-width: 0px 0px 1px 0px; -} - -#leave_scrap_content_left { - float: none; - text-align: left; -} - -#leave_scrap textarea { - float: left; -} - -#profile-activity ul, #profile-network ul, #profile-wall ul { - width: 100%; -} - -.profile-activity-lead { - width: 90%; -} - -/* Plugin para curtir artigos e comentários */ - -.action .dislike:before { - background: url(images/negative-hand.png) no-repeat; -} - -.action .like:before { - background: url(images/positive-hand.png) no-repeat; -} - -.action .action-icon:before { - background-size: 20px; - content: ''; - width: 20px; - height: 20px; - display: inline-block; -} - -.vote-action .like-action-active .action-icon { - opacity: 1; -} - -.vote-action .action-icon { - opacity: 0.5; -} - -#article .action .action-icon { - top: 3px; -} - -#article .like-action .like-action-counter { - color: #2A8C32; -} - -#article .dislike-action .like-action-counter { - color: #CC0000; -} - -.vote-actions { - position: relative; - right: 0; - top: 0; -} - +/**************************************** + FIM: Definicoes gerais para os blocos +*****************************************/ -- libgit2 0.21.2