diff --git a/images/down-arrow-light.png b/images/down-arrow-light.png new file mode 100644 index 0000000..e3f5c10 Binary files /dev/null and b/images/down-arrow-light.png differ diff --git a/navigation.css b/navigation.css new file mode 100644 index 0000000..fc0df72 --- /dev/null +++ b/navigation.css @@ -0,0 +1,69 @@ +#navigation { + background: none; + position: absolute; + right: 0; + text-align: right; + top: 100px; + width: 100%; + height: 33px; +} + +#navigation-end { + background: url("images/menuconsulta.gif") no-repeat top right transparent; + height: 60px; + margin-right: -14px; + margin-top: -3px; +} + +#navigation ul{ + background: url("images/menuconsulta-fim.png") no-repeat -25px 0 #2172AC; + height: 31px; + margin-top: -2px; +} + +#navigation li{ + width: 146px; +} + +#navigation a { + line-height: 30px; + padding: 0 10px; + border-left: 0px; + font-size: 110%; +} + +#navigation .menu-submenu{ + margin-right: -1px; + width: auto; +} + +#navigation .menu-submenu ul{ + border: 1px solid #2172AC; +} + +#navigation li .menu-submenu-trigger{ + top: 30px; +} + +#navigation li .menu-submenu-trigger { + background: #2172AC url(images/down-arrow-light.png) center center no-repeat; + border: 1px solid #032b5c; + border-top-color: #fff; +} + +#navigation li:hover .menu-submenu-trigger:hover { + background: #5B8CC9 url(images/down-arrow-light.png) center center no-repeat; +} + +#navigation .menu-submenu-content ul { + background: #2172AC; +} + +#navigation .menu-submenu-list li { + background: #2172AC; +} + +#navigation .menu-submenu-list li a:hover { + background: #5B8CC9 ; +} + diff --git a/profile_header.css b/profile_header.css new file mode 100644 index 0000000..7c744e0 --- /dev/null +++ b/profile_header.css @@ -0,0 +1,24 @@ +#profile-header { + background-image: url("images/marca-consultapublica.png"); + background-repeat: no-repeat; + display: block; + height: 152px; + position: absolute; + top: -31px; + width: 100%; +} + +#profile-header p { + color: #004595; + font-family: sans-serif; + font-size: 38px; + font-weight: lighter; + padding-left: 10px; + position: relative; + top: 55px; +} + +#profile-header h1{ + margin-left: 20px; + margin-top: 90px; +} diff --git a/style.css b/style.css index c837483..7b4bf6f 100644 --- a/style.css +++ b/style.css @@ -1,275 +1,179 @@ @import url(../base/style.css); - -/* -#site-title img { - left:-22px; - position:absolute; - top:-30px; -} - -#title-bar { - background-color: gray; -} -#buddy-list .toolbar { - background-color: gray; - border-top: 1px solid; - border-bottom: 1px solid; -} -#title-bar h1 { - color: white; -} -#chat-window { - background: white; -} -#buddy-list #environment-logo { - background-color: #BBB; -} - -body { - background: red; - font-family: Liberation Sans, Arial, sans-serif; -}*/ - +@import url(profile_header.css); +@import url(user_bar.css); +@import url(navigation.css); html { - background: url(images/background.png) repeat fixed left top transparent; - } + background: url(images/background.png) repeat fixed left top transparent; +} body { - background-color: transparent; - font-family: "trebuchet MS", verdana, sans-serif; + background-color: transparent; + font-family: "trebuchet MS", verdana, sans-serif; } #theme-header{ - background: url("images/topo.gif") no-repeat scroll left top transparent; - height: 40px + background: url("images/topo.gif") no-repeat scroll left top transparent; + height: 40px } #wrap-2{ - background: url("images/topo2.gif") no-repeat scroll left top #FEFEFE; + background: url("images/topo2.gif") no-repeat scroll left top #FEFEFE; } #site-title { - left: 10px; - top: -31px; + left: 10px; + top: -31px; } #site-title a{ - background-image: url("images/marca-consultapublica.png"); - background-repeat: no-repeat; - height: 90px; - left: 0; - top: 0; + background-image: url("images/marca-consultapublica.png"); + background-repeat: no-repeat; + height: 90px; + left: 0; + top: 0; } -#profile-header { - background-image: url("images/marca-consultapublica.png"); - background-repeat: no-repeat; - display: block; - height: 152px; - position: absolute; - top: -31px; - width: 100%; -} - -#profile-header p { - color: #004595; - font-family: sans-serif; - font-size: 38px; - font-weight: lighter; - padding-left: 10px; - position: relative; - top: 55px; -} - -#profile-header h1{ - margin-left: 20px; - margin-top: 90px; -} - -#user { - color: white; - position: absolute; - right: 10px; - text-align: right; - top: -25px; - z-index: 10; -} - -#user a i{ - left: -20px; -} - -#user, -#user a, -#user a:hover, -#user a:visited, -#user a strong { - color: white; - text-decoration: none; -} - - -#navigation { - background: none; - position: absolute; - right: 0; - text-align: right; - top: 100px; - width: 100%; - height: 33px; -} - -#navigation-end { - background: url("images/menuconsulta.gif") no-repeat top right transparent; - height: 60px; - margin-right: -14px; - margin-top: -3px; -} - -#navigation ul{ - background: url("images/menuconsulta-fim.png") no-repeat -25px 0 #2172AC; - height: 31px; - margin-top: -2px; - -} - -#navigation li{ - width: 146px; -} - -#navigation a { - line-height: 30px; - padding: 0 10px; - border-left: 0px; - font-size: 110%; -} - -#navigation .menu-submenu{ - margin-right: -1px; - width: auto; -} - - -#navigation li .menu-submenu-trigger{ - top: 30px; -} - -#navigation span { - color: white; -} - -#navigation .menu-submenu{ - -} - #content { - margin-top: 150px; + margin-top: 150px; } #content .box-2 #content .feed-reader-block, #content .recent-documents-block{ - overflow: visible; + overflow: visible; } #content .box-1{ - margin-left: 282px; + margin-left: 282px; } #content .box-2{ - width: 282px; - background-color: #EFEFEF; - margin-left: 15px; - width: 250px; + width: 282px; + background-color: #EFEFEF; + margin-left: 15px; + width: 250px; +} + +#content .block { + margin: 0px; +} +#content .block ul{ + list-style: none; + text-align: justify; + padding-left: 20px; + padding-right: 5px; } #content .box-2 .block-inner-1 .block-inner-2{ - background: url("images/textosemconsulta.gif") no-repeat scroll left top transparent; - margin-left: -14px; + background: url("images/textosemconsulta.gif") no-repeat scroll left top transparent; + margin-left: -14px; } #content .box-2 .block-inner-2 .block-title{ - background: url("images/textosemconsulta-canto.gif") no-repeat scroll left 44px transparent; - height: 62px; - position: relative; - margin-bottom: 0; - border-bottom: 0 none; - z-index: 9; + background: url("images/textosemconsulta-canto.gif") no-repeat scroll left 44px transparent; + height: 62px; + position: relative; + margin-bottom: 0; + border-bottom: 0 none; + z-index: 9; } #content .box-2 .block-inner-2 .block-title span { - color: white; - display: block; - font-family: sans-serif; - font-weight: lighter; - padding-left: 20px; - padding-top: 7px; - position: relative; + color: white; + display: block; + font-family: sans-serif; + font-weight: lighter; + padding-left: 20px; + padding-top: 7px; + position: relative; } -#content .box-2 .block-inner-2 ul{ - +#content .box-2 .block-inner-2 li{ + list-style: none; } #content .box-2 .block a { color: #004A9E; } +/* #content .box-2 .feed-reader-block li, .recent-documents-block li{ list-style: none; - text-indent: 20px; - background: url("images/divisoria-coluna2.gif") no-repeat scroll center top transparent; - margin-left: 15px; - padding: 20px 0; -} -#content .box-2 .feed-reader-block li, .recent-documents-block li:first-of-type { - background: url("images/divisoria-coluna3.gif") no-repeat scroll center top transparent; -} - -#content .box-2 .recent-documents-block ul { - padding-left: 0; -} - -#content .box-2 #site-title a img { - display: none; -} -/* -.profile-image-block, -#site-title a img{ - display: none; - visibility: hidden; -}*/ - -#content .box-2 #main-content-wrapper-1, -#content .box-2 #main-content-wrapper-2, -#content .box-2 #main-content-wrapper-3, -#content .box-2 #main-content-wrapper-4, -#content .box-2 #main-content-wrapper-5, -#content .box-2 #main-content-wrapper-6, -#content .box-2 #main-content-wrapper-7, -#content .box-2 #main-content-wrapper-8 { - background-image: none; + text-indent: 10px; } +*/ .box-1 .blocks { - background-color: #f7f7f7; + background-color: #f7f7f7; + padding: 0px; + margin: 0px; } #theme-footer { - background-color: #ffffff; + background-color: #ffffff; } #wrap-2 { - border: 0px; + border: 0px; } #footer-links, #copyright, #theme-footer #language-chooser { - padding: 5px 10px; + padding: 5px 10px; } #copyright p { - margin: 0; + margin: 0; +} + + +/* + * Specific article style + */ + +#article-tags{ + text-align: left; + color: black; +} + +/* + * Specific blocks style + */ + +/*FIXME verificar se pode usar .block-footer-content diretamente*/ +#content .tags-block .block-footer-content, +#content .people-block .block-footer-content, +#content .profile-list-block .block-footer-content, +#content .enterprises-block .block-footer-content, +#content .members-block .block-footer-content, +#content .communities-block .block-footer-content, +#content .friends-block .block-footer-content{ + + position: relative; + bottom: 4px; + width: 70px; + right: 0px; + font-size: 11px; + color: #000; + z-index: 10; + text-decoration: none; + padding-right: 15px; + background-color: red; +/* background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;*/ +} + +#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 { + font-size: 11px; + color: #000; + text-decoration: none; + padding-right: 15px; + background: url(imgs/arrow-right-p.png) 100% 50% no-repeat; } diff --git a/user_bar.css b/user_bar.css new file mode 100644 index 0000000..1b61efb --- /dev/null +++ b/user_bar.css @@ -0,0 +1,22 @@ +#user { + color: white; + position: absolute; + right: 10px; + text-align: right; + top: -25px; + z-index: 10; +} + +#user a i{ + left: -20px; +} + +#user, +#user a, +#user a:hover, +#user a:visited, +#user a strong { + color: white; + text-decoration: none; +} + -- libgit2 0.21.2