Commit 198adafc90832437ba9b34008d97860b2e72040f
0 parents
Exists in
master
and in
79 other branches
Created SPB theme for Colab
Signed-off-by: Carlos Oliveira <carlospecter@gmail.com> Signed-off-by: Lucas Kanashiro <kanashiro.duarte@gmail.com> Signed-off-by: Melissa Wen <melissa.srw@gmail.com>
Showing
9 changed files
with
1060 additions
and
0 deletions
Show diff stats
| 1 | +++ a/static/css/footer.css | |
| ... | ... | @@ -0,0 +1,85 @@ |
| 1 | +/*Footer*/ | |
| 2 | + | |
| 3 | + | |
| 4 | +.footer-content{ | |
| 5 | + background: rgb(213,213,213); | |
| 6 | + padding: 50px 0; | |
| 7 | + font-family: 'open_sansregular', Arial, Helvetica, sans-serif; | |
| 8 | +} | |
| 9 | + | |
| 10 | +.footer-links a{ | |
| 11 | + color:#2c66ce; | |
| 12 | + font-size: 13px; | |
| 13 | + line-height: 1.7em; | |
| 14 | +} | |
| 15 | + | |
| 16 | +.footer-links a:hover{ | |
| 17 | + background: none; | |
| 18 | + text-decoration: underline; | |
| 19 | +} | |
| 20 | + | |
| 21 | +.footer-links{ | |
| 22 | + color:#2c66ce; | |
| 23 | + border-left:1px dotted #2c66ce; | |
| 24 | + margin-top: 10px; | |
| 25 | + margin-bottom: 10px; | |
| 26 | +} | |
| 27 | + | |
| 28 | +.footer-links dt{ | |
| 29 | + font-size: 18px; | |
| 30 | + font-weight: bold; | |
| 31 | + line-height: 1.3em; | |
| 32 | + margin-bottom: 8px; | |
| 33 | + font-family: 'open_sansregular', Arial, Helvetica, sans-serif; | |
| 34 | +} | |
| 35 | + | |
| 36 | +.footer-links dd{ | |
| 37 | + padding-bottom: 3px | |
| 38 | +} | |
| 39 | + | |
| 40 | +.footer-gov{ | |
| 41 | + background: #0042b2; | |
| 42 | +} | |
| 43 | + | |
| 44 | +.footer-gov > .container{ | |
| 45 | + padding: 2em 0; | |
| 46 | +} | |
| 47 | + | |
| 48 | +.footer-gov .institucionais a{ | |
| 49 | + display:table-cell; | |
| 50 | + vertical-align: middle; | |
| 51 | +} | |
| 52 | + | |
| 53 | +.footer-gov a:hover{ | |
| 54 | + text-decoration: none; | |
| 55 | +} | |
| 56 | + | |
| 57 | +.footer-gov span{ | |
| 58 | + display: none; | |
| 59 | +} | |
| 60 | + | |
| 61 | +.footer-gov .logo-sgpr img, .logo-acesso img{ | |
| 62 | + padding-top: 10px; | |
| 63 | + padding-right: 15%; | |
| 64 | + padding-bottom: 10px; | |
| 65 | +} | |
| 66 | + | |
| 67 | +.go-top{ | |
| 68 | + font-size: 13px; | |
| 69 | + height: 2em; | |
| 70 | +} | |
| 71 | + | |
| 72 | +.go-top a{ | |
| 73 | + color: #717782; | |
| 74 | + line-height: 2em; | |
| 75 | +} | |
| 76 | + | |
| 77 | +.go-top .icon-chevron-up{ | |
| 78 | + padding-right: 10px; | |
| 79 | + text-decoration: none; | |
| 80 | +} | |
| 81 | + | |
| 82 | +.spb-definitions{ | |
| 83 | + font-size: 10px; | |
| 84 | + padding: 10px 0; | |
| 85 | +} | ... | ... |
| 1 | +++ a/static/css/header.css | |
| ... | ... | @@ -0,0 +1,229 @@ |
| 1 | +#barra-brasil #wrapper-barra-brasil .brasil-flag{ | |
| 2 | + height: auto; | |
| 3 | +} | |
| 4 | + | |
| 5 | +#first-nav{ | |
| 6 | + background-color:#f0f2f1; | |
| 7 | + background-color:#ecedf1; | |
| 8 | + background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%) | |
| 9 | +} | |
| 10 | + | |
| 11 | +/* Accessibility */ | |
| 12 | + | |
| 13 | +#accessibility { | |
| 14 | + font-family: arial; | |
| 15 | + font-size: 10px; | |
| 16 | +} | |
| 17 | + | |
| 18 | +#accessibility a{ | |
| 19 | + padding-left: 4px; | |
| 20 | + padding-right: 4px; | |
| 21 | + color: #2c66ce; | |
| 22 | +} | |
| 23 | + | |
| 24 | +#accessibility span{ | |
| 25 | + background-color: #2c66ce; | |
| 26 | +} | |
| 27 | + | |
| 28 | +#portal-siteactions{ | |
| 29 | + font-size: 10px; | |
| 30 | + text-align: center; | |
| 31 | +} | |
| 32 | + | |
| 33 | +#portal-siteactions li{ | |
| 34 | + display: inline-block; | |
| 35 | +} | |
| 36 | + | |
| 37 | +#portal-siteactions a { | |
| 38 | + color:#2c66ce; | |
| 39 | + text-decoration: none; | |
| 40 | + text-transform: uppercase; | |
| 41 | + font-family: 'open_sansregular', Arial, Helvetica, sans-serif; | |
| 42 | + padding-right: 0; | |
| 43 | + padding-left: 10px; | |
| 44 | +} | |
| 45 | + | |
| 46 | +#portal-siteactions #siteaction-mapadosite a{ | |
| 47 | + padding-right: 0; | |
| 48 | +} | |
| 49 | + | |
| 50 | +#portal-siteactions a:hover { | |
| 51 | + color: #03316f; | |
| 52 | +} | |
| 53 | + | |
| 54 | +#portal-siteactions span { | |
| 55 | + border-bottom: 1px dotted #2c66ce; | |
| 56 | +} | |
| 57 | + | |
| 58 | +/* User-bar */ | |
| 59 | + | |
| 60 | +#user-menu a.btn { | |
| 61 | + font-size: 13px; | |
| 62 | + padding: 10px; | |
| 63 | + background-color: #2c66ce; | |
| 64 | + border-color: #2c66ce; | |
| 65 | + color: #FFF; | |
| 66 | +} | |
| 67 | + | |
| 68 | +#user-menu .dropdown-menu{ | |
| 69 | + border-radius: 5px; | |
| 70 | +} | |
| 71 | + | |
| 72 | +#user-menu .dropdown-toggle img{ | |
| 73 | + border-radius: 20px; | |
| 74 | +} | |
| 75 | + | |
| 76 | +#user-menu .user .caret, #menu-spb a .caret { | |
| 77 | + border-left: 5px solid transparent; | |
| 78 | + border-right: 5px solid transparent; | |
| 79 | + border-top: 5px solid #2c66ce; | |
| 80 | +} | |
| 81 | + | |
| 82 | +#user-menu a:hover .caret, #menu-spb a:hover .caret, #user-menu a:focus .caret, #menu-spb a:focus .caret{ | |
| 83 | + border-left: 5px solid transparent; | |
| 84 | + border-right: 5px solid transparent; | |
| 85 | + border-top: 5px solid #03316f; | |
| 86 | + | |
| 87 | +} | |
| 88 | + | |
| 89 | +/* Brand and search */ | |
| 90 | + | |
| 91 | +#spb-logo-search { | |
| 92 | + margin-top: 10px; | |
| 93 | + margin-bottom: 10px; | |
| 94 | +} | |
| 95 | + | |
| 96 | +#spb-logo-search .logo-box{ | |
| 97 | + padding-bottom: 20px; | |
| 98 | +} | |
| 99 | + | |
| 100 | +#portal-logo img{ | |
| 101 | + max-height: 50px; | |
| 102 | +} | |
| 103 | + | |
| 104 | +.box-search{ | |
| 105 | + margin: auto; | |
| 106 | + margin-top: 10px; | |
| 107 | +} | |
| 108 | + | |
| 109 | +#search-form .form-group{ | |
| 110 | + float: left; | |
| 111 | +} | |
| 112 | + | |
| 113 | +#search-form button.btn.btn-default{ | |
| 114 | + float: left; | |
| 115 | + border-radius: 0px 5px 5px 0px; | |
| 116 | + border-left: none; | |
| 117 | + color: #2c66ce; | |
| 118 | +} | |
| 119 | + | |
| 120 | +#search-form button.btn.btn-default:hover{ | |
| 121 | + background: #fff; | |
| 122 | + border: 1px solid #cccccc; | |
| 123 | + border-left: none; | |
| 124 | + color: #03316f; | |
| 125 | +} | |
| 126 | + | |
| 127 | +#search-form #header-searchbox{ | |
| 128 | + width: 100%; | |
| 129 | + border-radius: 5px 0px 0px 5px; | |
| 130 | + border-right: none; | |
| 131 | + background: #fff; | |
| 132 | +} | |
| 133 | + | |
| 134 | +/* Menu */ | |
| 135 | + | |
| 136 | +#second-nav { | |
| 137 | + background-color:#CFD0D2; | |
| 138 | + min-height: 30px; | |
| 139 | + line-height: 30px; | |
| 140 | + font-size: 12px; | |
| 141 | + border-radius: 0; | |
| 142 | + margin-bottom: 0; | |
| 143 | +} | |
| 144 | + | |
| 145 | +#second-nav a { | |
| 146 | + color: #2c66ce; | |
| 147 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | |
| 148 | +} | |
| 149 | + | |
| 150 | +#menu-spb > li > a{ | |
| 151 | + padding: 5px 15px 5px 5px; | |
| 152 | +} | |
| 153 | + | |
| 154 | +#menu-spb ul.dropdown-menu { | |
| 155 | + background: #CFD0D2; | |
| 156 | + border-color: #CFD0D2; | |
| 157 | + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); | |
| 158 | + font-size: 12px; | |
| 159 | +} | |
| 160 | + | |
| 161 | +#menu-spb ul.dropdown-menu a{ | |
| 162 | + color: #03316f; | |
| 163 | +} | |
| 164 | + | |
| 165 | +#menu-spb ul.dropdown-menu a:hover{ | |
| 166 | + color:#2c66ce; | |
| 167 | +} | |
| 168 | + | |
| 169 | +#menu-spb .open > a, #menu-spb .open > a:hover, #menu-spb .open > a:focus{ | |
| 170 | + background: none; | |
| 171 | +} | |
| 172 | + | |
| 173 | +#quick-links{ | |
| 174 | + padding-right: 30px | |
| 175 | +} | |
| 176 | + | |
| 177 | +#quick-links > li > a{ | |
| 178 | + margin: 5px 0; | |
| 179 | + padding: 0 15px; | |
| 180 | + border-right: 1px solid #2c66ce; | |
| 181 | +} | |
| 182 | + | |
| 183 | +#quick-links li:last-child > a{ | |
| 184 | + padding-right: 5px; | |
| 185 | + border-right: none; | |
| 186 | +} | |
| 187 | + | |
| 188 | +#quick-links a:hover, #menu-spb a:focus , #menu-spb a:hover { | |
| 189 | + color: #03316f; | |
| 190 | + background: none; | |
| 191 | +} | |
| 192 | + | |
| 193 | +/* Menu collapsed elements */ | |
| 194 | +.navbar-toggle .icon-bar{ | |
| 195 | + background-color: #2c66ce; | |
| 196 | + margin: auto; | |
| 197 | +} | |
| 198 | + | |
| 199 | +.navbar-header.logo .navbar-toggle{ | |
| 200 | + float: left; | |
| 201 | + margin: 0; | |
| 202 | +} | |
| 203 | + | |
| 204 | +#quick-links-sm{ | |
| 205 | + list-style: none; | |
| 206 | + float: right; | |
| 207 | + margin: 0; | |
| 208 | +} | |
| 209 | + | |
| 210 | +#quick-links-sm li{ | |
| 211 | + display: inline-block; | |
| 212 | +} | |
| 213 | + | |
| 214 | +#quick-links-sm > li > a{ | |
| 215 | + margin: 5px 0; | |
| 216 | + padding: 0 15px; | |
| 217 | + border-right: 1px solid #2c66ce; | |
| 218 | + text-decoration: none; | |
| 219 | +} | |
| 220 | + | |
| 221 | +#quick-links-sm li:last-child > a{ | |
| 222 | + padding-right: 5px; | |
| 223 | + border-right: none; | |
| 224 | +} | |
| 225 | + | |
| 226 | +#quick-links-sm a:hover{ | |
| 227 | + color: #03316f; | |
| 228 | + background: none; | |
| 229 | +} | ... | ... |
| 1 | +++ a/static/css/screen.css | |
| ... | ... | @@ -0,0 +1,459 @@ |
| 1 | +@import url(footer.css); | |
| 2 | +@import url(header.css); | |
| 3 | +@import url(http://fonts.googleapis.com/css?family=Open+Sans); | |
| 4 | + | |
| 5 | +body { | |
| 6 | + /* padding-top: 57px; */ | |
| 7 | +} | |
| 8 | + | |
| 9 | +li hr { | |
| 10 | + margin: 10px 0; | |
| 11 | +} | |
| 12 | + | |
| 13 | +/* Header */ | |
| 14 | + | |
| 15 | +#header-searchbox { | |
| 16 | + width: 190px; | |
| 17 | +} | |
| 18 | + | |
| 19 | +#header-hr { | |
| 20 | + margin-top: 0; | |
| 21 | +} | |
| 22 | + | |
| 23 | +.navbar-default .navbar-brand, | |
| 24 | +.navbar a.dropdown-toggle.user { | |
| 25 | + padding: 0; | |
| 26 | + margin-top: 5px; | |
| 27 | + margin-left: 10px; | |
| 28 | +} | |
| 29 | + | |
| 30 | +.navbar-brand img { | |
| 31 | + height: 40px; | |
| 32 | +} | |
| 33 | + | |
| 34 | +#user-menu .wrapper { | |
| 35 | + padding: 3px 10px; | |
| 36 | + white-space: nowrap; | |
| 37 | +} | |
| 38 | + | |
| 39 | +#user-menu .wrapper a { | |
| 40 | + margin: 5px 0; | |
| 41 | +} | |
| 42 | + | |
| 43 | +#user-menu .user-info { | |
| 44 | + display: inline-block; | |
| 45 | + vertical-align: top; | |
| 46 | + padding-left: 5px; | |
| 47 | +} | |
| 48 | + | |
| 49 | +#user-menu .user-info span { | |
| 50 | + display: block; | |
| 51 | +} | |
| 52 | + | |
| 53 | +#user-menu .dropdown-menu .thumbnail { | |
| 54 | + width: 100px; | |
| 55 | + display: inline-block; | |
| 56 | +} | |
| 57 | + | |
| 58 | +/* End of Header */ | |
| 59 | + | |
| 60 | + | |
| 61 | +/* From message-preview.html*/ | |
| 62 | +.quiet { | |
| 63 | + color: #999; | |
| 64 | + font-size: 85%; | |
| 65 | +} | |
| 66 | + | |
| 67 | +.preview-message { | |
| 68 | + white-space: nowrap; | |
| 69 | + overflow: hidden; | |
| 70 | + line-height: 25px; | |
| 71 | + border-bottom: solid 1px #ddd; | |
| 72 | +} | |
| 73 | + | |
| 74 | +.preview-message a { | |
| 75 | + text-decoration: none; | |
| 76 | +} | |
| 77 | + | |
| 78 | +.preview-message img { | |
| 79 | + margin-right: 5px; | |
| 80 | +} | |
| 81 | + | |
| 82 | +.subject, | |
| 83 | +.subject a { | |
| 84 | + color: #000; | |
| 85 | +} | |
| 86 | + | |
| 87 | +.subject a:hover, | |
| 88 | +.subject a:focus { | |
| 89 | + text-decoration: underline; | |
| 90 | + color: #335; | |
| 91 | +} | |
| 92 | + | |
| 93 | +.subject img { | |
| 94 | + margin-right: 5px; | |
| 95 | +} | |
| 96 | + | |
| 97 | +/* message-list (ul wrapping preview-message) */ | |
| 98 | + | |
| 99 | +ul.message-list { | |
| 100 | + padding: 0; | |
| 101 | +} | |
| 102 | + | |
| 103 | +ul.message-list li { | |
| 104 | + list-style: none; | |
| 105 | +} | |
| 106 | + | |
| 107 | +/* End of message-preview.html */ | |
| 108 | + | |
| 109 | + | |
| 110 | +/* Forms */ | |
| 111 | +.required label:before { | |
| 112 | + color: #f00; | |
| 113 | + content: "* "; | |
| 114 | +} | |
| 115 | + | |
| 116 | +form.signup .form-group { | |
| 117 | + width: 90%; | |
| 118 | + margin-left: 0.5em; | |
| 119 | +} | |
| 120 | + | |
| 121 | +div.submit { | |
| 122 | + margin: auto; | |
| 123 | + margin-bottom: 2em; | |
| 124 | + width: 200px; | |
| 125 | +} | |
| 126 | + | |
| 127 | +.checkbox ul { | |
| 128 | + list-style: none; | |
| 129 | + padding: 0; | |
| 130 | +} | |
| 131 | + | |
| 132 | +.checkbox ul li { | |
| 133 | + line-height: 1.6; | |
| 134 | +} | |
| 135 | + | |
| 136 | +/* End Forms */ | |
| 137 | + | |
| 138 | + | |
| 139 | +/* User profile */ | |
| 140 | + | |
| 141 | +.vcard { | |
| 142 | + min-height: 400px; | |
| 143 | +} | |
| 144 | + | |
| 145 | +.vcard .thumbnail { | |
| 146 | + width: 200px; | |
| 147 | + height: 200px; | |
| 148 | +} | |
| 149 | + | |
| 150 | +.vcard h1 { | |
| 151 | + margin: 0; | |
| 152 | + padding: 0; | |
| 153 | + font-size: 26px; | |
| 154 | + line-height: 33px; | |
| 155 | + letter-spacing: -1px; | |
| 156 | +} | |
| 157 | + | |
| 158 | +.vcard h1 span, | |
| 159 | +.vcard h1 em { | |
| 160 | + display: inline-block; | |
| 161 | + overflow-x: hidden; | |
| 162 | + text-overflow: ellipsis; | |
| 163 | + width: 100%; | |
| 164 | + padding: 0; | |
| 165 | + vertical-align: bottom; | |
| 166 | +} | |
| 167 | + | |
| 168 | +.vcard h1 em { | |
| 169 | + font-weight: 300; | |
| 170 | + font-size: 20px; | |
| 171 | + font-size: 20px; | |
| 172 | + letter-spacing: 1px; | |
| 173 | +} | |
| 174 | + | |
| 175 | +.vcard .divider { | |
| 176 | + border-bottom: 1px solid #EEE; | |
| 177 | + margin-top: 10px; | |
| 178 | +} | |
| 179 | + | |
| 180 | + | |
| 181 | +/* end of User profile */ | |
| 182 | + | |
| 183 | + | |
| 184 | +.rss-icon { | |
| 185 | + background-image: url(../img/rss.png); | |
| 186 | + width: 16px; | |
| 187 | + height: 16px; | |
| 188 | + display: inline-block; | |
| 189 | + margin-left: 3px; | |
| 190 | +} | |
| 191 | + | |
| 192 | +.column-align { | |
| 193 | + display: inline-block; | |
| 194 | + margin-bottom: 20px; | |
| 195 | +} | |
| 196 | + | |
| 197 | +#filters h4 { | |
| 198 | + margin-top: 25px; | |
| 199 | +} | |
| 200 | + | |
| 201 | +ul.unstyled-list { | |
| 202 | + list-style-type: none; | |
| 203 | + padding: 3px 0; | |
| 204 | + margin: 10px 0; | |
| 205 | +} | |
| 206 | + | |
| 207 | +ul.unstyled-list li { | |
| 208 | + min-height: 27px; | |
| 209 | +} | |
| 210 | + | |
| 211 | +ul.unstyled-list .glyphicon-chevron-right { | |
| 212 | + font-size: 85%; | |
| 213 | +} | |
| 214 | + | |
| 215 | +#avatar { | |
| 216 | + background-color: #FFF; | |
| 217 | + padding: 9px 12px; | |
| 218 | + width: 47px; | |
| 219 | + height: 50px; | |
| 220 | +} | |
| 221 | + | |
| 222 | +.blog-post-item .post-meta { | |
| 223 | + margin-bottom: 2em; | |
| 224 | +} | |
| 225 | + | |
| 226 | +.blog-post-item .tags { | |
| 227 | + margin-top: 1em; | |
| 228 | +} | |
| 229 | + | |
| 230 | +.reply.btn { | |
| 231 | + margin-left: 1em; | |
| 232 | +} | |
| 233 | + | |
| 234 | +.email-message pre { | |
| 235 | + border: 0; | |
| 236 | + background-color: #fff; | |
| 237 | + font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | |
| 238 | +} | |
| 239 | + | |
| 240 | +.email-message .user-fullname { | |
| 241 | + vertical-align: middle; | |
| 242 | +} | |
| 243 | + | |
| 244 | +.email-message .panel-heading img { | |
| 245 | + margin-right: 10px; | |
| 246 | +} | |
| 247 | + | |
| 248 | +.email-message .panel-heading .date { | |
| 249 | + margin-right: 10px; | |
| 250 | +} | |
| 251 | + | |
| 252 | +.email-message .panel-heading { | |
| 253 | + padding: 10px 0; | |
| 254 | +} | |
| 255 | + | |
| 256 | +.selected .glyphicon-remove { | |
| 257 | + color: #f00; | |
| 258 | +} | |
| 259 | + | |
| 260 | +.selected a { | |
| 261 | + color: #000; | |
| 262 | + font-weight: bold; | |
| 263 | +} | |
| 264 | + | |
| 265 | +.toggle-reply { | |
| 266 | + height: 10px; | |
| 267 | + line-height: 3px; | |
| 268 | + padding: 0px 5px 14px; | |
| 269 | + vertical-align: middle; | |
| 270 | + font-size: 20px; | |
| 271 | + background-color: #bbb; | |
| 272 | + border-color: #aaa; | |
| 273 | +} | |
| 274 | + | |
| 275 | +.toggle-reply:hover, | |
| 276 | +.toggle-reply:focus { | |
| 277 | + background-color: #aaa; | |
| 278 | + border-color: #999; | |
| 279 | +} | |
| 280 | + | |
| 281 | +/* Converse JS */ | |
| 282 | + | |
| 283 | +#chatpanel form#converse-login { | |
| 284 | + padding: 0; | |
| 285 | +} | |
| 286 | + | |
| 287 | +#chatpanel form#converse-login input, | |
| 288 | +#chatpanel form#converse-login label { | |
| 289 | + margin: 2px 10px; | |
| 290 | +} | |
| 291 | + | |
| 292 | +#chatpanel form#converse-login .login-submit{ | |
| 293 | + margin-top: 10px; | |
| 294 | +} | |
| 295 | + | |
| 296 | +#chatpanel a.configure-chatroom-button, | |
| 297 | +#chatpanel a.close-chatbox-button { | |
| 298 | + background-color: #F6F6F6; | |
| 299 | + margin-right: 0.6em; | |
| 300 | +} | |
| 301 | + | |
| 302 | +#chatpanel .chat-head #controlbox-tabs li { | |
| 303 | + width:32%; | |
| 304 | +} | |
| 305 | + | |
| 306 | +#chatpanel .oc-chat-head { | |
| 307 | + height: 37px; | |
| 308 | +} | |
| 309 | + | |
| 310 | +#chatpanel .chatbox dl.dropdown { | |
| 311 | + margin-top: 0; | |
| 312 | +} | |
| 313 | + | |
| 314 | +#chatpanel #converse-roster { | |
| 315 | + height: 207px; | |
| 316 | +} | |
| 317 | + | |
| 318 | +#chatpanel #toggle-controlbox { | |
| 319 | + font-size: 100% !important; | |
| 320 | + padding: 0 4px 26px !important; | |
| 321 | +} | |
| 322 | + | |
| 323 | +#chatpanel { | |
| 324 | + height: 342px !important; | |
| 325 | +} | |
| 326 | + | |
| 327 | +#chatpanel div#controlbox-panes { | |
| 328 | + width: auto; | |
| 329 | +} | |
| 330 | + | |
| 331 | +#chatpanel .chat-head-chatbox, #chatpanel .chat-head-chatroom { | |
| 332 | + height: 40.5px; | |
| 333 | +} | |
| 334 | + | |
| 335 | +#chatpanel form.sendXMPPMessage { | |
| 336 | + height: 76px; | |
| 337 | + border: none; | |
| 338 | +} | |
| 339 | + | |
| 340 | +#chatpanel form.sendXMPPMessage textarea { | |
| 341 | + width: 189px; | |
| 342 | + max-width: 285px; | |
| 343 | + max-height: 66px; | |
| 344 | +} | |
| 345 | + | |
| 346 | +#chatpanel .chatbox form.sendXMPPMessage textarea { | |
| 347 | + max-width: 189px; | |
| 348 | +} | |
| 349 | + | |
| 350 | +#chatpanel .chat-content, | |
| 351 | +#chatpanel .chatroom .participants{ | |
| 352 | + width: auto; | |
| 353 | +} | |
| 354 | + | |
| 355 | +#chatpanel div#chatrooms { | |
| 356 | + overflow-y: visible; | |
| 357 | +} | |
| 358 | + | |
| 359 | + | |
| 360 | +/* End of Converse JS*/ | |
| 361 | + | |
| 362 | + | |
| 363 | +/* Feedzilla */ | |
| 364 | + | |
| 365 | +#planet .well h3 { | |
| 366 | + margin-top: 0; | |
| 367 | +} | |
| 368 | + | |
| 369 | +.tag-cloud { | |
| 370 | + text-align: justify; | |
| 371 | + margin-top: 6px; | |
| 372 | +} | |
| 373 | + | |
| 374 | +.tag-cloud .size-1 { | |
| 375 | + font-size: 0.9em; | |
| 376 | +} | |
| 377 | + | |
| 378 | +.tag-cloud .size-2 { | |
| 379 | + font-size: 1.2em; | |
| 380 | +} | |
| 381 | + | |
| 382 | +.tag-cloud .size-3 { | |
| 383 | + font-size: 1.4em; | |
| 384 | +} | |
| 385 | + | |
| 386 | +.tag-cloud .size-4 { | |
| 387 | + font-size: 1.6em; | |
| 388 | +} | |
| 389 | + | |
| 390 | +/* end Feedzilla */ | |
| 391 | + | |
| 392 | +/* user profile update */ | |
| 393 | + | |
| 394 | +.btn.delete-email:not(:hover) { | |
| 395 | + background-color: #fff; | |
| 396 | + color: #D9534F; | |
| 397 | +} | |
| 398 | + | |
| 399 | +.btn .icon-warning-sign { | |
| 400 | + color: #F0AD4E; | |
| 401 | +} | |
| 402 | + | |
| 403 | +ul.emails { | |
| 404 | + margin: 0; | |
| 405 | +} | |
| 406 | + | |
| 407 | +/* end user profile update */ | |
| 408 | + | |
| 409 | +/* search highlighting */ | |
| 410 | +span.highlighted { | |
| 411 | + background-color: yellow; | |
| 412 | +} | |
| 413 | + | |
| 414 | +/* paginator icon */ | |
| 415 | +.small-icon { | |
| 416 | + font-size: 10px; | |
| 417 | +} | |
| 418 | + | |
| 419 | +/* Subscribe list */ | |
| 420 | +.vcard .label { | |
| 421 | + line-height: 2; | |
| 422 | +} | |
| 423 | + | |
| 424 | +/* Message link */ | |
| 425 | + | |
| 426 | +.div-message-link { | |
| 427 | + display: inline !important; | |
| 428 | +} | |
| 429 | + | |
| 430 | +.message-link { | |
| 431 | + margin-left: 15px; | |
| 432 | +} | |
| 433 | + | |
| 434 | +.email-message .popover { | |
| 435 | + max-width: 350px; | |
| 436 | + width: 350px; | |
| 437 | +} | |
| 438 | + | |
| 439 | +/* Chart div */ | |
| 440 | +.chart { | |
| 441 | + text-align: center; | |
| 442 | +} | |
| 443 | + | |
| 444 | +.chart > canvas { | |
| 445 | + width: 250px; | |
| 446 | +} | |
| 447 | + | |
| 448 | +.chart > p { | |
| 449 | + text-align: center; | |
| 450 | + line-height: 1.5em; | |
| 451 | +} | |
| 452 | +.chart > p > label { | |
| 453 | + margin: 0 2px; | |
| 454 | +} | |
| 455 | + | |
| 456 | +.row { | |
| 457 | + margin-left: 0; | |
| 458 | + margin-right: 0; | |
| 459 | +} | ... | ... |
3.75 KB
14 KB
| 1 | +++ a/static/img/logo.svg | |
| ... | ... | @@ -0,0 +1,66 @@ |
| 1 | +<?xml version="1.0" encoding="utf-8"?> | |
| 2 | +<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | |
| 3 | +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | |
| 4 | +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" | |
| 5 | + width="752.21px" height="105px" viewBox="0 0 752.21 105" enable-background="new 0 0 752.21 105" xml:space="preserve"> | |
| 6 | +<line fill="none" stroke="#333333" stroke-width="2.0352" stroke-miterlimit="10" x1="683.019" y1="21.68" x2="718.041" y2="21.64"/> | |
| 7 | +<line fill="none" stroke="#333333" stroke-width="2.0352" stroke-miterlimit="10" x1="682.81" y1="21.83" x2="631.08" y2="13.32"/> | |
| 8 | +<line fill="none" stroke="#333333" stroke-width="2.0352" stroke-miterlimit="10" x1="590.589" y1="30.33" x2="631.08" y2="13.32"/> | |
| 9 | +<path fill="#FF0066" stroke="#333333" stroke-width="2.0352" stroke-miterlimit="10" d="M690.58,21.83c0,4.3-3.529,7.77-7.77,7.77 | |
| 10 | + c-4.23,0-7.77-3.47-7.77-7.77s3.539-7.77,7.77-7.77C687.05,14.06,690.58,17.53,690.58,21.83z"/> | |
| 11 | +<path fill="#CCFF00" stroke="#333333" stroke-width="2.0352" stroke-miterlimit="10" d="M642.861,13.32 | |
| 12 | + c0,6.52-5.371,11.79-11.781,11.79s-11.789-5.26-11.789-11.79c0-6.52,5.369-11.78,11.789-11.78 | |
| 13 | + C637.49,1.54,642.861,6.8,642.861,13.32z"/> | |
| 14 | +<path d="M26.6,76.141c0-3.99-1.32-5.48-9.86-7.671c-8.13-2.11-13.61-4.78-13.61-11.97c0-6.97,6.34-11.42,15.96-11.42 | |
| 15 | + c5.95,0,10.72,1.79,14.32,4.38l-3.21,4.851c-3.05-2.19-6.49-3.521-10.95-3.521c-6.42,0-8.7,1.96-8.7,5.24 | |
| 16 | + c0,3.439,2.5,4.7,10.57,6.97c7.91,2.189,13.22,4.62,13.22,12.59c0,9-8.61,12.6-17.61,12.6c-7.59,0-13.14-2.5-16.74-5.629l4-4.541 | |
| 17 | + C7.2,80.68,11.88,82.4,16.74,82.4C22.86,82.4,26.6,79.97,26.6,76.141z"/> | |
| 18 | +<path d="M64.79,45.08c11.74,0,17.93,8.45,17.93,21.52c0,12.75-6.35,21.601-18,21.601c-11.75,0-18.01-8.45-18.01-21.521 | |
| 19 | + C46.71,53.91,53.06,45.08,64.79,45.08z M64.79,50.86c-6.88,0-10.41,5-10.41,15.81c0,10.721,3.44,15.73,10.33,15.73 | |
| 20 | + s10.33-5,10.33-15.801C75.05,55.859,71.6,50.86,64.79,50.86z"/> | |
| 21 | +<path d="M130.89,30.83l-2.27,5.24c-2.66-1.18-5.71-1.72-8.84-1.72c-5.63,0-8.45,2.19-8.45,6.73v8.06h13.92l-0.78,5.56h-13.14v32.56 | |
| 22 | + h-7.21V54.7h-9.71v-5.56h9.71v-7.98c0-7.67,6.42-12.61,15.26-12.61C124,28.55,127.6,29.42,130.89,30.83z"/> | |
| 23 | +<path d="M220.97,87.26h-9.79L206.1,58.07h-0.31l-5.33,29.189h-9.55l-7.36-41.25h7.2l5.01,35.76h0.32l6.02-30.51h8.07l5.63,30.37 | |
| 24 | + h0.32l5.01-35.62h6.88L220.97,87.26z"/> | |
| 25 | +<path d="M269.62,77.939c0,3.291,1.01,4.541,3.29,5.24l-1.72,5.01c-3.68-0.47-6.58-2.109-7.83-5.789 | |
| 26 | + c-2.89,3.91-7.98,5.789-12.98,5.789c-8.3,0-13.62-5.09-13.62-12.75c0-8.539,7.12-13.299,19.64-13.299h6.03V58.93 | |
| 27 | + c0-5.789-3.61-7.979-9.63-7.979c-2.74,0-6.58,0.63-10.8,2.11l-1.88-5.32c5.09-1.88,9.71-2.66,13.78-2.66 | |
| 28 | + c10.49,0,15.73,5.08,15.73,13.46v19.399H269.62z M262.42,77.08V66.9h-5.64c-8.84,0-12.13,3.209-12.13,8.22 | |
| 29 | + c0,5.09,2.51,7.67,7.68,7.67C256.23,82.79,260.07,80.68,262.42,77.08z"/> | |
| 30 | +<path d="M313,87.26h-28.17V81.7h9.47V51.57h-9.47v-5.56h15.729l0.86,7.91c2.35-5.79,6.89-8.84,11.74-8.84 | |
| 31 | + c1.96,0,3.13,0.15,5.479,0.62l-1.33,7.13c-2.029-0.55-3.29-0.71-5.01-0.71c-5.16,0-9.39,5.239-10.8,10.95V81.7H313V87.26z"/> | |
| 32 | +<path d="M336.72,69.1c0.63,9.15,5.55,13.221,11.82,13.221c3.75,0,7.43-0.95,10.96-3.84l3.28,4.779c-3.84,3.04-9.07,4.93-14.4,4.93 | |
| 33 | + c-12.28,0-19.17-8.689-19.17-21.52c0-12.439,7.04-21.59,17.99-21.59c10.81,0,17.3,7.75,17.3,20.34c0,1.41-0.07,2.74-0.16,3.68 | |
| 34 | + H336.72z M336.72,63.78h20.82c-0.15-8.54-3.91-13-10.33-13C341.57,50.78,337.27,54.93,336.72,63.78z"/> | |
| 35 | +<path d="M392.611,84.28v19.02l-12.521,1.33V45.69h11.121l0.539,4.62c3.371-4.31,7.6-6.03,11.51-6.03 | |
| 36 | + c10.801,0,15.191,8.54,15.191,22.069c0,12.83-5.871,22.221-15.961,22.221C398.39,88.58,395.111,87.17,392.611,84.28z M405.509,66.51 | |
| 37 | + c0-10.33-2.35-12.99-6.34-12.99c-2.66,0-4.779,1.801-6.57,4.78v17.45c1.721,2.5,3.361,3.68,5.951,3.68 | |
| 38 | + C402.929,79.43,405.509,75.83,405.509,66.51z"/> | |
| 39 | +<path d="M439.82,45.69V74.1c0,3.99,1.57,5.24,4.16,5.24c2.5,0,5.24-1.72,6.961-4.46v-29.2h12.51v41.56H452.5l-0.549-4.86 | |
| 40 | + c-2.82,4.07-7.75,6.181-12.75,6.181c-8.07,0-11.9-5.011-11.9-12.91V45.69H439.82z M434.73,33.33l16.83-11.27l5.551,9.31 | |
| 41 | + l-18.621,8.29L434.73,33.33z"/> | |
| 42 | +<path d="M489.99,49.93c2.59-3.45,6.5-5.64,10.57-5.64c10.801,0,15.41,8.54,15.41,22.069c0,12.83-5.859,22.221-16.66,22.221 | |
| 43 | + c-4.15,0-7.82-1.79-10.25-5.08l-0.471,3.76H477.47V29.19l12.52-1.33V49.93L489.99,49.93z M503.07,66.51 | |
| 44 | + c0-10.33-2.58-12.99-6.51-12.99c-2.66,0-4.77,1.801-6.57,4.78v17.45c1.57,2.43,3.371,3.75,5.951,3.75 | |
| 45 | + C500.33,79.5,503.07,75.83,503.07,66.51z"/> | |
| 46 | +<path d="M544.64,74.18c0,3.28,2.029,4.54,5.32,4.54c2.109,0,4.15-0.54,5.869-1.26l2.971,8.37c-2.811,1.49-6.73,2.74-12.051,2.74 | |
| 47 | + c-10.25,0-14.629-6.26-14.629-16.04V37.71H519.91v-8.53h24.73V74.18L544.64,74.18z"/> | |
| 48 | +<path d="M605.73,87.26H570.9v-8.54h11.73v-24.5h-11.34v-8.53h23.879v33.03h10.561V87.26z M581.47,30.9c0-3.99,3.129-7.04,7.43-7.04 | |
| 49 | + c4.311,0,7.439,3.05,7.439,7.04c0,3.99-3.129,7.04-7.439,7.04C584.599,37.95,581.47,34.89,581.47,30.9z"/> | |
| 50 | +<path d="M647.05,75.59l5.641,7.98c-3.922,3.13-9.311,5.01-15.422,5.01c-13.539,0-21.59-8.83-21.59-21.83s8.371-22.46,21.75-22.46 | |
| 51 | + c6.34,0,11.262,1.88,15.262,5.24l-5.4,7.52c-2.811-2.2-6.18-3.13-9.08-3.13c-5.551,0-9.391,3.52-9.391,12.84 | |
| 52 | + c0,9.15,4.15,11.971,9.391,11.971C641.041,78.72,644.16,77.79,647.05,75.59z"/> | |
| 53 | +<path d="M701.541,66.359c0,13.921-7.521,22.221-20.26,22.221C668.519,88.58,661,80.45,661,66.439 | |
| 54 | + c0-13.229,7.531-22.149,20.281-22.149C694.099,44.29,701.541,53.05,701.541,66.359z M673.91,66.439c0,9.15,2.34,12.99,7.359,12.99 | |
| 55 | + c5,0,7.352-3.84,7.352-13.06c0-8.931-2.34-12.84-7.352-12.84C676.25,53.52,673.91,57.439,673.91,66.439z"/> | |
| 56 | +<path d="M171.03,85.141c-2.89,1.869-7.28,3.049-11.35,3.049c-9.08,0-14.08-5.239-14.08-12.75V54.73h-9.4v-5.48h9.4V36.7l7.2-0.86 | |
| 57 | + v13.42h14.17l-0.87,5.48h-13.3v20.619c0,4.621,2.19,6.891,7.67,6.891c3.05,0,5.72-0.78,7.83-2.04L171.03,85.141z"/> | |
| 58 | +<path d="M737.871,31.54v-9.3h-2.631c-0.76,0-1.35,0.1-1.779,0.31c-0.42,0.21-0.861,0.6-1.311,1.2c-0.449,0.59-1.119,1.74-2.01,3.45 | |
| 59 | + l-2.291,4.36h-2.859l3-5.7c0.51-0.98,1.109-1.87,1.791-2.67c0.33-0.39,0.818-0.78,1.459-1.16c-1.57-0.271-2.77-0.89-3.59-1.87 | |
| 60 | + s-1.24-2.26-1.24-3.84c0-1.2,0.24-2.25,0.73-3.16c0.49-0.91,1.109-1.56,1.869-1.95s1.93-0.59,3.521-0.59h7.619v20.95h-2.279V31.54z | |
| 61 | + M737.871,12.91h-5.43c-1.221,0-2.141,0.3-2.762,0.91c-0.619,0.61-0.93,1.44-0.93,2.49c0,0.73,0.16,1.38,0.49,1.93 | |
| 62 | + c0.32,0.55,0.76,0.96,1.311,1.21c0.549,0.26,1.359,0.39,2.43,0.39h4.891V12.91z"/> | |
| 63 | +<path d="M734.191,4.02c-9.691,0-17.541,7.85-17.541,17.54s7.85,17.54,17.541,17.54c9.689,0,17.539-7.85,17.539-17.54 | |
| 64 | + S743.88,4.02,734.191,4.02z M734.191,36.47c-8.24,0-14.922-6.68-14.922-14.92c0-8.24,6.682-14.92,14.922-14.92 | |
| 65 | + c8.238,0,14.92,6.68,14.92,14.92C749.111,29.8,742.429,36.47,734.191,36.47z"/> | |
| 66 | +</svg> | ... | ... |
4.13 KB
| 1 | +++ a/templates/footer.html | |
| ... | ... | @@ -0,0 +1,73 @@ |
| 1 | +{% load i18n browserid conversejs gravatar %} | |
| 2 | +{% load static from staticfiles %} | |
| 3 | + | |
| 4 | +<footer> | |
| 5 | +<div class="row"> | |
| 6 | + <div class="container"> | |
| 7 | + <div class="pull-right go-top"> | |
| 8 | + <a id="link-top" href="#link-rodape"><i class="icon-chevron-up"></i>{% trans "Back to top" %}</a> | |
| 9 | + </div> | |
| 10 | + </div><!-- end go-top --> | |
| 11 | + <div class="col-lg-12 footer-content"> | |
| 12 | + <div class="container"> | |
| 13 | + <div class="row"> | |
| 14 | + <dl class="col-md-3 footer-links"> | |
| 15 | + <dt>{% trans "Topics" %}</dt> | |
| 16 | + <dd><a href="http://www.softwarepublico.gov.br/O_que_e_o_SPB" title="SPB">{% trans "SPB" %}</a></dd> | |
| 17 | + <dd><a href="http://pagina.softwarepublico.gov.br/sisp" title="SISP-SPB">{% trans "SISP-SPB" %}</a></dd> | |
| 18 | + <dd><a href="http://www.softwarepublico.gov.br/5cqualibr/avaliaspb/wiki/Sobre" title="AvaliaSPB">{% trans "AvaliaSPB" %}</a></dd> | |
| 19 | + <dd><a href="http://www.softwarepublico.gov.br/4cmbr/xowiki/Principal" title="4CMBr">{% trans "4CMBr" %}</a></dd> | |
| 20 | + <dd><a href="http://www.softwarepublico.gov.br/5cqualibr/xowiki/" title="5cQualiBr" href="#">{% trans "5cQualiBr" %}</a></dd> | |
| 21 | + </dl> | |
| 22 | + <dl class="col-md-3 footer-links"> | |
| 23 | + <dt>{% trans "Services" %}</dt> | |
| 24 | + <dd class="portalservicos-item"> | |
| 25 | + <a title="Perguntas frequentes" href="#">{% trans "Frequently Asked Questions" %}</a> | |
| 26 | + </dd> | |
| 27 | + <dd class="portalservicos-item"> | |
| 28 | + <a title="Contato" href="#">{% trans "Contact" %}</a> | |
| 29 | + </dd> | |
| 30 | + <dd class="portalservicos-item"> | |
| 31 | + <a title="Serviços da [Denominação]" href="#">{% trans " [Denomination's] services" %}</a> | |
| 32 | + </dd> | |
| 33 | + <dd class="portalservicos-item"> | |
| 34 | + <a title="Dados abertos" href="#">{% trans "Open data" %}</a> | |
| 35 | + </dd> | |
| 36 | + <dd class="portalservicos-item"> | |
| 37 | + <a title="Área de imprensa" href="#">{% trans "Press area" %}</a> | |
| 38 | + </dd> | |
| 39 | + </dl> | |
| 40 | + <dl class="col-md-3 footer-links"> | |
| 41 | + <dt>RSS</dt> | |
| 42 | + <dd><a href="#" title="O que é?">{% trans "What is it?" %}</a></dd> | |
| 43 | + <dd><a href="#" title="Assine">{% trans "Subscribe" %}</a></dd> | |
| 44 | + </dl> | |
| 45 | + <dl class="col-md-3 footer-links"> | |
| 46 | + <dt>{% trans "Navigation" %}</dt> | |
| 47 | + <dd><a href="#">{% trans "Accessibility" %}</a></dd> | |
| 48 | + <dd><a href="#">{% trans "Site map" %}</a></dd> | |
| 49 | + <dd><a href="#">Versión en Español</a></dd> | |
| 50 | + <dd><a href="#">Versão em Português</a></dd> | |
| 51 | + <dd><a href="#">English version</a></dd> | |
| 52 | + </dl> | |
| 53 | + </div> | |
| 54 | + </div> | |
| 55 | + </div><!-- end footer-content --> | |
| 56 | + <div class="row footer-gov"> | |
| 57 | + <div class="container"> | |
| 58 | + <div class="col-md-7"> | |
| 59 | + <a class="logo-acesso" href="http://www.acessoainformacao.gov.br/" target="_blank"><img class="img-responsive pull-left" src="{% static 'img/acesso-a-informacao.png' %}" ><span>{% trans "Information access" %}</span></a> | |
| 60 | + </div> | |
| 61 | + <div class="col-md-5 institucionais"> | |
| 62 | + <a class="logo-sgpr" href="http://www.secretariageral.gov.br/" target="_blank"><img class="img-responsive" src="{% static 'img/sgpr.png' %}" ><span>{% trans "Republic Presidency General Secretary" %}<a class="logo-brasil" href="http://www.brasil.gov.br/" target="_blank"><img class="img-responsive" src="{% static 'img/brasil.png' %}" ><span>{% trans "Brazil - Federal Government" %}</span></a> | |
| 63 | + </div> | |
| 64 | + </div> | |
| 65 | + </div><!-- end footer-gov --> | |
| 66 | + <div class="row spb-definitions"> | |
| 67 | + <div class="container"> | |
| 68 | + <div id="about-pspb">{% trans "This is a BETA version and it's hosted at University of Brasilia" %}</div> | |
| 69 | + <div id="about-noosfero">{% trans "This site makes use of the social network platform" %} <a href="http://noosfero.org/">Noosfero</a>, {% trans "licensed under" %} <a href="http://www.gnu.org/licenses/agpl.html">GNU Affero General Public License</a> {% trans "version 3 or above" %}. | |
| 70 | + </div> | |
| 71 | + </div> | |
| 72 | + </div><!-- end spb-definitions --> | |
| 73 | +</footer> | ... | ... |
| 1 | +++ a/templates/header.html | |
| ... | ... | @@ -0,0 +1,148 @@ |
| 1 | +{% load i18n browserid conversejs gravatar plugins %} | |
| 2 | +{% load static from staticfiles %} | |
| 3 | + | |
| 4 | +<header> | |
| 5 | +<div class="navbar navbar-static-top"> | |
| 6 | +<!-- begin of barra-brasil --> | |
| 7 | +<div id="barra-brasil"> | |
| 8 | + <a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">{% trans "Brazilian Government Portal" %}</a> | |
| 9 | +</div> | |
| 10 | +<script src="http://barra.brasil.gov.br/barra.js" type="text/javascript" defer async></script> | |
| 11 | +<!-- end of barra-brasil --> | |
| 12 | + <div id="first-nav"> | |
| 13 | + <div class="container"> | |
| 14 | + <div class="row"> | |
| 15 | + <div class="col-md-12"> | |
| 16 | + <ul id="accessibility" class="nav navbar-nav hidden-xs hidden-sm"> | |
| 17 | + <li> | |
| 18 | + <a id="link-conteudo" href="#main-content" accesskey="1">{% trans "Go to content" %} <span class="label label-primary">1</span></a> | |
| 19 | + </li> | |
| 20 | + <li> | |
| 21 | + <a id="link-navegacao" href="#menu-spb" accesskey="2">{% trans "Go to menu" %} <span class="label label-primary">2</span></a> | |
| 22 | + </li> | |
| 23 | + <li> <a id="link-buscar" accesskey="3" href="#header-searchbox" title="Go to search">{% trans "Go to search" %} <span class="label label-primary">3</span></a> | |
| 24 | + </li> | |
| 25 | + <li> | |
| 26 | + <a id="link-rodape" href="#link-top" accesskey="4">{% trans "Go to bottom" %} <span class="label label-primary">4</span></a> | |
| 27 | + </li> | |
| 28 | + </ul> <!-- end of accesskeys --> | |
| 29 | + <ul id="portal-siteactions" class="nav navbar-nav navbar-right"> | |
| 30 | + <li id="siteaction-accessibility"> | |
| 31 | + <a href="/software-publico-brasileiro/acessibilidade"><span>{% trans "Accessibility" %}</span></a> | |
| 32 | + </li> | |
| 33 | + <li id="siteaction-contraste"> | |
| 34 | + <a href="#"><span>{% trans "High contrast" %}</span></a> | |
| 35 | + </li> | |
| 36 | + <li id="siteaction-mapadosite"> | |
| 37 | + <a href="/search"><span>{% trans "Site map" %}</span></a> | |
| 38 | + </li> | |
| 39 | + <!-- begin of user-menu --> | |
| 40 | + {% if not user.is_authenticated %} | |
| 41 | + <li class="dropdown hidden-xs hidden-lg"> | |
| 42 | + <a href="#" class="dropdown-toggle" data-toggle="dropdown">{% trans "Access" %} <b class="caret"></b></a> | |
| 43 | + <ul class="dropdown-menu"> | |
| 44 | + {% trans 'Login' as login_text %} | |
| 45 | + {% if BROWSERID_ENABLED %} | |
| 46 | + <li>{% browserid_login text=login_text %}</li> | |
| 47 | + {% else %} | |
| 48 | + <li><a href="{% url 'signup' %}">{% trans "Register" %}</a></li> | |
| 49 | + <li><a href="{% url 'login' %}">{% trans "Login" %}</a></li> | |
| 50 | + {% endif %} | |
| 51 | + </ul> | |
| 52 | + </li> | |
| 53 | + {% trans 'Login' as login_text %} | |
| 54 | + {% if BROWSERID_ENABLED %} | |
| 55 | + <li class="visible-xs hidden-sm hidden-md">{% browserid_login text=login_text %}</li> | |
| 56 | + {% else %} | |
| 57 | + <li class="visible-xs hidden-sm hidden-md"><a href="{% url 'signup' %}">{% trans "Register" %}</a></li> | |
| 58 | + <li class="visible-xs hidden-sm hidden-md"><a href="{% url 'login' %}">{% trans "Login" %}</a></li> | |
| 59 | + {% endif %} | |
| 60 | + {% else %} | |
| 61 | + <li id="user-menu" class="dropdown"> | |
| 62 | + <a href="#" class="dropdown-toggle user" data-toggle="dropdown">{% gravatar user.email 40 %} <b class="caret"></b> </a> | |
| 63 | + <ul class="dropdown-menu" role="menu"> | |
| 64 | + <li> | |
| 65 | + <div class="wrapper"> | |
| 66 | + <div class="thumbnail">{% gravatar user.email 100 %}</div> | |
| 67 | + <div class="user-info"> | |
| 68 | + <span><b>{{ user.get_full_name }}</b></span> | |
| 69 | + <span class="quiet">{{ user.email }}</span> | |
| 70 | + </div> | |
| 71 | + <div> | |
| 72 | + <a class="btn btn-info pull-left" href="{% url 'user_profile' user.username %}">{% trans "My Profile" %}</a> | |
| 73 | + {% trans 'Logout' as logout_text %} | |
| 74 | + {% if BROWSERID_ENABLED %} | |
| 75 | + {% browserid_logout text=logout_text link_class='btn btn-default pull-right' %} | |
| 76 | + {% else %} | |
| 77 | + <a class="btn btn-default pull-right" href="{% url 'logout' %}"> {% trans "Logout" %}</a> {% endif %} | |
| 78 | + </div> | |
| 79 | + </div> | |
| 80 | + </li> | |
| 81 | + </ul> | |
| 82 | + </li> <!-- end of user-menu --> | |
| 83 | + {% endif %} | |
| 84 | + </ul> | |
| 85 | + </div> | |
| 86 | + </div> <!-- end of access-menu --> | |
| 87 | + <div class="row" id="spb-logo-search"> | |
| 88 | + <div class="col-md-6 logo-box"> | |
| 89 | + <div id="logo"> | |
| 90 | + <a href="#" id="portal-logo"> | |
| 91 | + <img class="img-responsive pull-left" src="{% static 'img/logo.svg' %}" /> | |
| 92 | + </a> | |
| 93 | + </div> | |
| 94 | + </div> | |
| 95 | + <div class="col-md-6"> | |
| 96 | + <div class="input-group box-search navbar-right"> | |
| 97 | + <form action="{% url 'haystack_search' %}" method="GET" id="search-form" class="navbar-form" role="search"> | |
| 98 | + <div class="form-group"> | |
| 99 | + <label class="sr-only" for="header-searchbox">{% trans 'Search...' %}</label> | |
| 100 | + <input name="q" id="header-searchbox" | |
| 101 | + class="form-control" value="{{ request.GET.q }}" | |
| 102 | + type="search" placeholder="{% trans 'Search...' %}" /> | |
| 103 | + </div> | |
| 104 | + <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button> | |
| 105 | + </form> | |
| 106 | + </div> | |
| 107 | + </div> | |
| 108 | + </div> | |
| 109 | + </div> | |
| 110 | + </div><!-- end of first-nav --> | |
| 111 | + <div id="second-nav"> | |
| 112 | + <div class="container"> | |
| 113 | + <div class="row"> | |
| 114 | + <ul id="quick-links-sm" class="hidden-md hidden-lg"> | |
| 115 | + <li id="link-faq"> | |
| 116 | + <a href="/ajuda/ajuda/duvidas-frequentes">{% trans "Frequently Asked Questions" %}</a> | |
| 117 | + </li> | |
| 118 | + <li id="link-contact"> | |
| 119 | + <a href="/contact/portal/new">{% trans "Contact" %}</a> | |
| 120 | + </li> | |
| 121 | + </ul> | |
| 122 | + <div class="navbar-header logo"> | |
| 123 | + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | |
| 124 | + <span class="icon-bar"></span> | |
| 125 | + <span class="icon-bar"></span> | |
| 126 | + <span class="icon-bar"></span> | |
| 127 | + </button> | |
| 128 | + </div> | |
| 129 | + <ul id="menu-spb" class="nav navbar-nav navbar-collapse collapse "> | |
| 130 | + <li> | |
| 131 | + <a href="{% url 'thread_list' %}">{% trans "Groups" %}</a> | |
| 132 | + </li> | |
| 133 | + {% plugins_menu %} | |
| 134 | + </ul> | |
| 135 | + <ul id="quick-links" class="nav navbar-nav navbar-right hidden-xs hidden-sm"> | |
| 136 | + <li id="link-faq"> | |
| 137 | + <a href="/ajuda/ajuda/duvidas-frequentes">{% trans "Frequently Asked Questions" %}</a> | |
| 138 | + </li> | |
| 139 | + <li id="link-contact"> | |
| 140 | + <a href="/contact/portal/new">{% trans "Contact" %}</a> | |
| 141 | + </li> | |
| 142 | + </ul> | |
| 143 | + </div> | |
| 144 | + </div> | |
| 145 | + </div> | |
| 146 | +</div> | |
| 147 | +</header> | |
| 148 | + | ... | ... |