From 198adafc90832437ba9b34008d97860b2e72040f Mon Sep 17 00:00:00 2001 From: Carlos Oliveira Date: Thu, 4 Jun 2015 11:56:53 -0300 Subject: [PATCH] Created SPB theme for Colab --- static/css/footer.css | 85 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ static/css/header.css | 229 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ static/css/screen.css | 459 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ static/img/acesso-a-informacao.png | Bin 0 -> 3838 bytes static/img/brasil.png | Bin 0 -> 14322 bytes static/img/logo.svg | 66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ static/img/sgpr.png | Bin 0 -> 4227 bytes templates/footer.html | 73 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ templates/header.html | 148 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 9 files changed, 1060 insertions(+), 0 deletions(-) create mode 100644 static/css/footer.css create mode 100644 static/css/header.css create mode 100644 static/css/screen.css create mode 100644 static/img/acesso-a-informacao.png create mode 100644 static/img/brasil.png create mode 100644 static/img/logo.svg create mode 100644 static/img/sgpr.png create mode 100644 templates/footer.html create mode 100644 templates/header.html diff --git a/static/css/footer.css b/static/css/footer.css new file mode 100644 index 0000000..ebd6fac --- /dev/null +++ b/static/css/footer.css @@ -0,0 +1,85 @@ +/*Footer*/ + + +.footer-content{ + background: rgb(213,213,213); + padding: 50px 0; + font-family: 'open_sansregular', Arial, Helvetica, sans-serif; +} + +.footer-links a{ + color:#2c66ce; + font-size: 13px; + line-height: 1.7em; +} + +.footer-links a:hover{ + background: none; + text-decoration: underline; +} + +.footer-links{ + color:#2c66ce; + border-left:1px dotted #2c66ce; + margin-top: 10px; + margin-bottom: 10px; +} + +.footer-links dt{ + font-size: 18px; + font-weight: bold; + line-height: 1.3em; + margin-bottom: 8px; + font-family: 'open_sansregular', Arial, Helvetica, sans-serif; +} + +.footer-links dd{ + padding-bottom: 3px +} + +.footer-gov{ + background: #0042b2; +} + +.footer-gov > .container{ + padding: 2em 0; +} + +.footer-gov .institucionais a{ + display:table-cell; + vertical-align: middle; +} + +.footer-gov a:hover{ + text-decoration: none; +} + +.footer-gov span{ + display: none; +} + +.footer-gov .logo-sgpr img, .logo-acesso img{ + padding-top: 10px; + padding-right: 15%; + padding-bottom: 10px; +} + +.go-top{ + font-size: 13px; + height: 2em; +} + +.go-top a{ + color: #717782; + line-height: 2em; +} + +.go-top .icon-chevron-up{ + padding-right: 10px; + text-decoration: none; +} + +.spb-definitions{ + font-size: 10px; + padding: 10px 0; +} diff --git a/static/css/header.css b/static/css/header.css new file mode 100644 index 0000000..a7c6efc --- /dev/null +++ b/static/css/header.css @@ -0,0 +1,229 @@ +#barra-brasil #wrapper-barra-brasil .brasil-flag{ + height: auto; +} + +#first-nav{ + background-color:#f0f2f1; + background-color:#ecedf1; + background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%) +} + +/* Accessibility */ + +#accessibility { + font-family: arial; + font-size: 10px; +} + +#accessibility a{ + padding-left: 4px; + padding-right: 4px; + color: #2c66ce; +} + +#accessibility span{ + background-color: #2c66ce; +} + +#portal-siteactions{ + font-size: 10px; + text-align: center; +} + +#portal-siteactions li{ + display: inline-block; +} + +#portal-siteactions a { + color:#2c66ce; + text-decoration: none; + text-transform: uppercase; + font-family: 'open_sansregular', Arial, Helvetica, sans-serif; + padding-right: 0; + padding-left: 10px; +} + +#portal-siteactions #siteaction-mapadosite a{ + padding-right: 0; +} + +#portal-siteactions a:hover { + color: #03316f; +} + +#portal-siteactions span { + border-bottom: 1px dotted #2c66ce; +} + +/* User-bar */ + +#user-menu a.btn { + font-size: 13px; + padding: 10px; + background-color: #2c66ce; + border-color: #2c66ce; + color: #FFF; +} + +#user-menu .dropdown-menu{ + border-radius: 5px; +} + +#user-menu .dropdown-toggle img{ + border-radius: 20px; +} + +#user-menu .user .caret, #menu-spb a .caret { + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #2c66ce; +} + +#user-menu a:hover .caret, #menu-spb a:hover .caret, #user-menu a:focus .caret, #menu-spb a:focus .caret{ + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #03316f; + +} + +/* Brand and search */ + +#spb-logo-search { + margin-top: 10px; + margin-bottom: 10px; +} + +#spb-logo-search .logo-box{ + padding-bottom: 20px; +} + +#portal-logo img{ + max-height: 50px; +} + +.box-search{ + margin: auto; + margin-top: 10px; +} + +#search-form .form-group{ + float: left; +} + +#search-form button.btn.btn-default{ + float: left; + border-radius: 0px 5px 5px 0px; + border-left: none; + color: #2c66ce; +} + +#search-form button.btn.btn-default:hover{ + background: #fff; + border: 1px solid #cccccc; + border-left: none; + color: #03316f; +} + +#search-form #header-searchbox{ + width: 100%; + border-radius: 5px 0px 0px 5px; + border-right: none; + background: #fff; +} + +/* Menu */ + +#second-nav { + background-color:#CFD0D2; + min-height: 30px; + line-height: 30px; + font-size: 12px; + border-radius: 0; + margin-bottom: 0; +} + +#second-nav a { + color: #2c66ce; + font-family: 'Open Sans', Arial, Helvetica, sans-serif; +} + +#menu-spb > li > a{ + padding: 5px 15px 5px 5px; +} + +#menu-spb ul.dropdown-menu { + background: #CFD0D2; + border-color: #CFD0D2; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); + font-size: 12px; +} + +#menu-spb ul.dropdown-menu a{ + color: #03316f; +} + +#menu-spb ul.dropdown-menu a:hover{ + color:#2c66ce; +} + +#menu-spb .open > a, #menu-spb .open > a:hover, #menu-spb .open > a:focus{ + background: none; +} + +#quick-links{ + padding-right: 30px +} + +#quick-links > li > a{ + margin: 5px 0; + padding: 0 15px; + border-right: 1px solid #2c66ce; +} + +#quick-links li:last-child > a{ + padding-right: 5px; + border-right: none; +} + +#quick-links a:hover, #menu-spb a:focus , #menu-spb a:hover { + color: #03316f; + background: none; +} + +/* Menu collapsed elements */ +.navbar-toggle .icon-bar{ + background-color: #2c66ce; + margin: auto; +} + +.navbar-header.logo .navbar-toggle{ + float: left; + margin: 0; +} + +#quick-links-sm{ + list-style: none; + float: right; + margin: 0; +} + +#quick-links-sm li{ + display: inline-block; +} + +#quick-links-sm > li > a{ + margin: 5px 0; + padding: 0 15px; + border-right: 1px solid #2c66ce; + text-decoration: none; +} + +#quick-links-sm li:last-child > a{ + padding-right: 5px; + border-right: none; +} + +#quick-links-sm a:hover{ + color: #03316f; + background: none; +} diff --git a/static/css/screen.css b/static/css/screen.css new file mode 100644 index 0000000..c70ef55 --- /dev/null +++ b/static/css/screen.css @@ -0,0 +1,459 @@ +@import url(footer.css); +@import url(header.css); +@import url(http://fonts.googleapis.com/css?family=Open+Sans); + +body { + /* padding-top: 57px; */ +} + +li hr { + margin: 10px 0; +} + +/* Header */ + +#header-searchbox { + width: 190px; +} + +#header-hr { + margin-top: 0; +} + +.navbar-default .navbar-brand, +.navbar a.dropdown-toggle.user { + padding: 0; + margin-top: 5px; + margin-left: 10px; +} + +.navbar-brand img { + height: 40px; +} + +#user-menu .wrapper { + padding: 3px 10px; + white-space: nowrap; +} + +#user-menu .wrapper a { + margin: 5px 0; +} + +#user-menu .user-info { + display: inline-block; + vertical-align: top; + padding-left: 5px; +} + +#user-menu .user-info span { + display: block; +} + +#user-menu .dropdown-menu .thumbnail { + width: 100px; + display: inline-block; +} + +/* End of Header */ + + +/* From message-preview.html*/ +.quiet { + color: #999; + font-size: 85%; +} + +.preview-message { + white-space: nowrap; + overflow: hidden; + line-height: 25px; + border-bottom: solid 1px #ddd; +} + +.preview-message a { + text-decoration: none; +} + +.preview-message img { + margin-right: 5px; +} + +.subject, +.subject a { + color: #000; +} + +.subject a:hover, +.subject a:focus { + text-decoration: underline; + color: #335; +} + +.subject img { + margin-right: 5px; +} + +/* message-list (ul wrapping preview-message) */ + +ul.message-list { + padding: 0; +} + +ul.message-list li { + list-style: none; +} + +/* End of message-preview.html */ + + +/* Forms */ +.required label:before { + color: #f00; + content: "* "; +} + +form.signup .form-group { + width: 90%; + margin-left: 0.5em; +} + +div.submit { + margin: auto; + margin-bottom: 2em; + width: 200px; +} + +.checkbox ul { + list-style: none; + padding: 0; +} + +.checkbox ul li { + line-height: 1.6; +} + +/* End Forms */ + + +/* User profile */ + +.vcard { + min-height: 400px; +} + +.vcard .thumbnail { + width: 200px; + height: 200px; +} + +.vcard h1 { + margin: 0; + padding: 0; + font-size: 26px; + line-height: 33px; + letter-spacing: -1px; +} + +.vcard h1 span, +.vcard h1 em { + display: inline-block; + overflow-x: hidden; + text-overflow: ellipsis; + width: 100%; + padding: 0; + vertical-align: bottom; +} + +.vcard h1 em { + font-weight: 300; + font-size: 20px; + font-size: 20px; + letter-spacing: 1px; +} + +.vcard .divider { + border-bottom: 1px solid #EEE; + margin-top: 10px; +} + + +/* end of User profile */ + + +.rss-icon { + background-image: url(../img/rss.png); + width: 16px; + height: 16px; + display: inline-block; + margin-left: 3px; +} + +.column-align { + display: inline-block; + margin-bottom: 20px; +} + +#filters h4 { + margin-top: 25px; +} + +ul.unstyled-list { + list-style-type: none; + padding: 3px 0; + margin: 10px 0; +} + +ul.unstyled-list li { + min-height: 27px; +} + +ul.unstyled-list .glyphicon-chevron-right { + font-size: 85%; +} + +#avatar { + background-color: #FFF; + padding: 9px 12px; + width: 47px; + height: 50px; +} + +.blog-post-item .post-meta { + margin-bottom: 2em; +} + +.blog-post-item .tags { + margin-top: 1em; +} + +.reply.btn { + margin-left: 1em; +} + +.email-message pre { + border: 0; + background-color: #fff; + font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; +} + +.email-message .user-fullname { + vertical-align: middle; +} + +.email-message .panel-heading img { + margin-right: 10px; +} + +.email-message .panel-heading .date { + margin-right: 10px; +} + +.email-message .panel-heading { + padding: 10px 0; +} + +.selected .glyphicon-remove { + color: #f00; +} + +.selected a { + color: #000; + font-weight: bold; +} + +.toggle-reply { + height: 10px; + line-height: 3px; + padding: 0px 5px 14px; + vertical-align: middle; + font-size: 20px; + background-color: #bbb; + border-color: #aaa; +} + +.toggle-reply:hover, +.toggle-reply:focus { + background-color: #aaa; + border-color: #999; +} + +/* Converse JS */ + +#chatpanel form#converse-login { + padding: 0; +} + +#chatpanel form#converse-login input, +#chatpanel form#converse-login label { + margin: 2px 10px; +} + +#chatpanel form#converse-login .login-submit{ + margin-top: 10px; +} + +#chatpanel a.configure-chatroom-button, +#chatpanel a.close-chatbox-button { + background-color: #F6F6F6; + margin-right: 0.6em; +} + +#chatpanel .chat-head #controlbox-tabs li { + width:32%; +} + +#chatpanel .oc-chat-head { + height: 37px; +} + +#chatpanel .chatbox dl.dropdown { + margin-top: 0; +} + +#chatpanel #converse-roster { + height: 207px; +} + +#chatpanel #toggle-controlbox { + font-size: 100% !important; + padding: 0 4px 26px !important; +} + +#chatpanel { + height: 342px !important; +} + +#chatpanel div#controlbox-panes { + width: auto; +} + +#chatpanel .chat-head-chatbox, #chatpanel .chat-head-chatroom { + height: 40.5px; +} + +#chatpanel form.sendXMPPMessage { + height: 76px; + border: none; +} + +#chatpanel form.sendXMPPMessage textarea { + width: 189px; + max-width: 285px; + max-height: 66px; +} + +#chatpanel .chatbox form.sendXMPPMessage textarea { + max-width: 189px; +} + +#chatpanel .chat-content, +#chatpanel .chatroom .participants{ + width: auto; +} + +#chatpanel div#chatrooms { + overflow-y: visible; +} + + +/* End of Converse JS*/ + + +/* Feedzilla */ + +#planet .well h3 { + margin-top: 0; +} + +.tag-cloud { + text-align: justify; + margin-top: 6px; +} + +.tag-cloud .size-1 { + font-size: 0.9em; +} + +.tag-cloud .size-2 { + font-size: 1.2em; +} + +.tag-cloud .size-3 { + font-size: 1.4em; +} + +.tag-cloud .size-4 { + font-size: 1.6em; +} + +/* end Feedzilla */ + +/* user profile update */ + +.btn.delete-email:not(:hover) { + background-color: #fff; + color: #D9534F; +} + +.btn .icon-warning-sign { + color: #F0AD4E; +} + +ul.emails { + margin: 0; +} + +/* end user profile update */ + +/* search highlighting */ +span.highlighted { + background-color: yellow; +} + +/* paginator icon */ +.small-icon { + font-size: 10px; +} + +/* Subscribe list */ +.vcard .label { + line-height: 2; +} + +/* Message link */ + +.div-message-link { + display: inline !important; +} + +.message-link { + margin-left: 15px; +} + +.email-message .popover { + max-width: 350px; + width: 350px; +} + +/* Chart div */ +.chart { + text-align: center; +} + +.chart > canvas { + width: 250px; +} + +.chart > p { + text-align: center; + line-height: 1.5em; +} +.chart > p > label { + margin: 0 2px; +} + +.row { + margin-left: 0; + margin-right: 0; +} diff --git a/static/img/acesso-a-informacao.png b/static/img/acesso-a-informacao.png new file mode 100644 index 0000000..fffec98 Binary files /dev/null and b/static/img/acesso-a-informacao.png differ diff --git a/static/img/brasil.png b/static/img/brasil.png new file mode 100644 index 0000000..0ac6ed2 Binary files /dev/null and b/static/img/brasil.png differ diff --git a/static/img/logo.svg b/static/img/logo.svg new file mode 100644 index 0000000..9169941 --- /dev/null +++ b/static/img/logo.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/sgpr.png b/static/img/sgpr.png new file mode 100644 index 0000000..0c6187e Binary files /dev/null and b/static/img/sgpr.png differ diff --git a/templates/footer.html b/templates/footer.html new file mode 100644 index 0000000..9628c6e --- /dev/null +++ b/templates/footer.html @@ -0,0 +1,73 @@ +{% load i18n browserid conversejs gravatar %} +{% load static from staticfiles %} + + diff --git a/templates/header.html b/templates/header.html new file mode 100644 index 0000000..a2ff4f7 --- /dev/null +++ b/templates/header.html @@ -0,0 +1,148 @@ +{% load i18n browserid conversejs gravatar plugins %} +{% load static from staticfiles %} + +
+
+ + + + +
+
+
+
+ + +
+
+ +
+
+ +
+
+ -- libgit2 0.21.2