Revision 9402
Added by Lauren Walker over 8 years ago
| docs/user/metacat/source/configuration.rst | ||
|---|---|---|
| 305 | 305 |
select the ``default`` skin. Once you have selected a skin, Metacat will open |
| 306 | 306 |
a list of options that apply to the Registry interface. |
| 307 | 307 |
|
| 308 |
.. figure:: images/screenshots/image025.png |
|
| 309 |
:align: center |
|
| 310 |
|
|
| 311 |
Configuring Metacat skins. |
|
| 312 |
|
|
| 313 | 308 |
Select the lists and modules that you would like to appear in the Registry |
| 314 | 309 |
form-interface by checking the box beside each. When you save the configuration, |
| 315 | 310 |
the customized interface will appear to site visitors. |
| docs/user/metacat/source/themes/metacatui/layout.html | ||
|---|---|---|
| 174 | 174 |
<body> |
| 175 | 175 |
<div id="metacatDocs"> |
| 176 | 176 |
<div class="banner"> |
| 177 |
<img class="logo" src="_static/metacat-logo-white.png" /> |
|
| 177 |
<a href="index.html"><img class="logo" src="_static/metacat-logo-white.png" /></a> |
|
| 178 |
<a href="index.html"><h1 class="title">Metacat: Metadata and Data Management Server</h1></a> |
|
| 178 | 179 |
<img class="logo-right" src="_static/nceas-logo-white.png" /> |
| 179 |
<p class="title">Metacat: Metadata and Data Management Server</p> |
|
| 180 | 180 |
</div> |
| 181 | 181 |
|
| 182 | 182 |
{%- block header %}{% endblock %}
|
| ... | ... | |
| 186 | 186 |
{# Comment out the sidebar
|
| 187 | 187 |
{%- block sidebar1 %} {# possible location for sidebar {% endblock %}
|
| 188 | 188 |
#} |
| 189 |
<div class="document"> |
|
| 189 |
<div class="document">
|
|
| 190 | 190 |
{%- block document %}
|
| 191 | 191 |
<div class="documentwrapper"> |
| 192 | 192 |
{%- if not embedded %}{% if not theme_nosidebar|tobool %}
|
| docs/user/metacat/source/themes/metacatui/static/metacatui.css | ||
|---|---|---|
| 19 | 19 |
---------------------------------------------------- */ |
| 20 | 20 |
.banner{
|
| 21 | 21 |
width: 100%; |
| 22 |
height: 100px; |
|
| 22 |
height: 84px; |
|
| 23 |
background-color: #166194; |
|
| 23 | 24 |
} |
| 24 | 25 |
|
| 26 |
.banner > a, |
|
| 25 | 27 |
.banner > img{
|
| 26 | 28 |
float: left; |
| 27 | 29 |
width: auto; |
| 28 | 30 |
margin: 20px 10px; |
| 31 |
} |
|
| 32 |
.banner > a > img, |
|
| 33 |
.banner > img{
|
|
| 29 | 34 |
max-height: 100%; |
| 30 |
height: 80px;
|
|
| 35 |
height: 50px;
|
|
| 31 | 36 |
} |
| 32 | 37 |
|
| 33 |
.banner > .title{
|
|
| 34 |
font: 300 18px/18px Oswald; |
|
| 35 |
color: #CCCCCC; |
|
| 36 |
float: left; |
|
| 37 |
margin: 38px 10px; |
|
| 38 |
.banner .title{
|
|
| 39 |
font-size: 1em; |
|
| 40 |
color: white; |
|
| 41 |
font-weight: lighter; |
|
| 42 |
font-family: Helvetica, Arial; |
|
| 43 |
width: 200px; |
|
| 44 |
line-height: 1.5em; |
|
| 45 |
margin-top: 0px; |
|
| 38 | 46 |
} |
| 39 | 47 |
|
| 40 | 48 |
/* RELATED/NAVIGATION CSS |
| ... | ... | |
| 42 | 50 |
#metacatDocs > .related {
|
| 43 | 51 |
width: 100%; |
| 44 | 52 |
position: relative; |
| 45 |
top: -80px;
|
|
| 53 |
top: -60px;
|
|
| 46 | 54 |
left: -20px; |
| 47 | 55 |
} |
| 48 | 56 |
|
| ... | ... | |
| 82 | 90 |
|
| 83 | 91 |
.related > ul input[type="submit"]{ /*"Go" button on navigation search bar */
|
| 84 | 92 |
position: relative; |
| 85 |
left: -30px; |
|
| 86 |
top: 0px; |
|
| 87 |
height: 27px; |
|
| 88 |
background: none; |
|
| 89 |
border-radius: 0 4px 4px 0; |
|
| 90 |
-webkit-border-radius: 0 4px 4px 0; |
|
| 91 |
-moz-border-radius: 0 4px 4px 0; |
|
| 92 |
font: 300 16px/16px "Oswald", sans-serif; |
|
| 93 |
top: -4px; |
|
| 94 |
height: 30px; |
|
| 95 |
color: white; |
|
| 96 |
background: transparent; |
|
| 97 |
border: 1px solid white; |
|
| 93 | 98 |
} |
| 94 | 99 |
|
| 95 | 100 |
.related > ul input[type="submit"]:hover{ /*"Go" button on navigation search bar */
|
| ... | ... | |
| 98 | 103 |
} |
| 99 | 104 |
|
| 100 | 105 |
.related > ul > li > a{
|
| 101 |
color: #FFFFFF; |
|
| 102 |
font: 400 2em/1em Oswald, Arial; |
|
| 103 |
text-transform: uppercase; |
|
| 104 |
line-height: 25px; |
|
| 106 |
color: #FFFFFF; |
|
| 107 |
font-size: 2em; |
|
| 108 |
text-transform: capitalize; |
|
| 105 | 109 |
} |
| 106 | 110 |
|
| 107 | 111 |
.related > ul > li > span#searchbox{
|
| ... | ... | |
| 126 | 130 |
/* DOCUMENT / MAIN CONTENT AREA |
| 127 | 131 |
------------------------------------------------------*/ |
| 128 | 132 |
.document{
|
| 129 |
background: rgba(244, 244, 244, 0.9); |
|
| 130 |
margin: 20px auto; |
|
| 131 |
padding: 5px 2%; |
|
| 132 |
width: 85%; |
|
| 133 |
padding-bottom: 360px; |
|
| 134 |
border-radius: 10px; |
|
| 135 |
-moz-border-radius: 10px; |
|
| 136 |
-webkit-border-radius: 10px; |
|
| 133 |
padding-bottom: 100px; |
|
| 134 |
padding: 0px 30px 100px 30px; |
|
| 137 | 135 |
} |
| 138 | 136 |
|
| 139 | 137 |
h1{
|
| ... | ... | |
| 201 | 199 |
---------------------------------------------------- */ |
| 202 | 200 |
.footer{
|
| 203 | 201 |
height: 100px; |
| 204 |
color: #fdfdfd;
|
|
| 202 |
background-color: #7B8D99;
|
|
| 205 | 203 |
bottom: 0; |
| 206 | 204 |
width: 100%; |
| 207 | 205 |
margin: 50px auto 0 auto; |
| ... | ... | |
| 222 | 220 |
height: 40px; |
| 223 | 221 |
margin-bottom: 10px; |
| 224 | 222 |
} |
| 223 |
.footerNav .related {
|
|
| 224 |
top: 20px; |
|
| 225 |
position: relative; |
|
| 226 |
} |
|
| 227 |
.footer a {
|
|
| 228 |
color: yellow; |
|
| 229 |
} |
|
| 225 | 230 |
|
| 226 | 231 |
|
| 227 | 232 |
/* Body CSS |
| ... | ... | |
| 232 | 237 |
height: 100%; |
| 233 | 238 |
} |
| 234 | 239 |
|
| 235 |
body {
|
|
| 236 |
background: #166194; |
|
| 237 |
background: url(bg.jpg) no-repeat center center fixed; |
|
| 238 |
background-size: cover; |
|
| 239 |
} |
|
| 240 |
|
|
| 241 | 240 |
/* TABLES |
| 242 | 241 |
-----------------------------------------------*/ |
| 243 | 242 |
table, tr, th, td, thead, tbody{
|
| ... | ... | |
| 335 | 334 |
} |
| 336 | 335 |
|
| 337 | 336 |
pre{
|
| 338 |
padding: 10px; |
|
| 339 |
background: rgba(22,97,148,0.7); |
|
| 340 |
color: #FFFFFF; |
|
| 341 |
font-size: 15px; |
|
| 342 |
border-radius: 5px; |
|
| 343 |
-moz-border-radius: 5px; |
|
| 344 |
-webkit-border-radius: 5px; |
|
| 345 |
margin: 20px auto; |
|
| 337 |
padding: 10px; |
|
| 338 |
background: #EEE; |
|
| 339 |
color: #008477; |
|
| 340 |
font-size: 15px; |
|
| 341 |
border-radius: 5px; |
|
| 342 |
-moz-border-radius: 5px; |
|
| 343 |
-webkit-border-radius: 5px; |
|
| 344 |
margin: 20px auto; |
|
| 345 |
border-color: #DDD; |
|
| 346 | 346 |
} |
| 347 | 347 |
|
| 348 | 348 |
|
| docs/user/metacat/source/themes.rst | ||
|---|---|---|
| 4 | 4 |
|
| 5 | 5 |
.. contents:: |
| 6 | 6 |
|
| 7 |
Metacat's theming system, MetacatUI, is deployed separately from Metacat, allowing more |
|
| 8 |
independent user interface customization. MetacatUI is structured in a model-view-controller |
|
| 7 |
Metacat's theming system, `MetacatUI <https://github.com/NCEAS/metacatui>`_, is deployed separately from Metacat, allowing more |
|
| 8 |
independent user interface customization. Check the `MetacatUI GitHub <https://github.com/NCEAS/metacatui>`_ for the most up to date version. |
|
| 9 |
|
|
| 10 |
MetacatUI is structured in a model-view-controller |
|
| 9 | 11 |
architecture using `Backbone.js <http://www.backbonejs.org>`_. Some background knowledge on Backbone.js may be helpful for |
| 10 | 12 |
advanced modification of MetacatUI, but is not necessary for editing the CSS styling and HTML of |
| 11 | 13 |
the included MetacatUI views. |
| lib/admin/admin.css | ||
|---|---|---|
| 39 | 39 |
height: 100%; |
| 40 | 40 |
} |
| 41 | 41 |
body{
|
| 42 |
background: url(../docs/_static/bg.jpg) no-repeat center center fixed; |
|
| 43 |
background-size: cover; |
|
| 44 |
-webkit-background-size: cover; |
|
| 45 |
-moz-background-size: cover; |
|
| 46 |
-o-background-size: cover; |
|
| 47 |
font-weight: 400; |
|
| 48 |
font-size: 1em; |
|
| 49 |
line-height: 1.2em; |
|
| 50 | 42 |
font-family: "Helvetica", "Source Sans Pro", sans-serif; |
| 51 |
overflow-x: hidden; |
|
| 52 | 43 |
} |
| 53 | 44 |
|
| 54 | 45 |
|
| ... | ... | |
| 151 | 142 |
} |
| 152 | 143 |
|
| 153 | 144 |
.footer > p{
|
| 154 |
font: 400 1em/1em Source Sans Pro, Arial;
|
|
| 145 |
color: white;
|
|
| 155 | 146 |
float: right; |
| 156 | 147 |
clear: both; |
| 157 | 148 |
display: block; |
| ... | ... | |
| 171 | 162 |
margin-left: 20px; |
| 172 | 163 |
} |
| 173 | 164 |
|
| 165 |
.header{
|
|
| 166 |
background-color: #166194; |
|
| 167 |
margin: 0px; |
|
| 168 |
} |
|
| 169 |
.header > ul{
|
|
| 170 |
float: left; |
|
| 171 |
} |
|
| 172 |
.header > ul > li > img {
|
|
| 173 |
height: 50px; |
|
| 174 |
width: auto; |
|
| 175 |
} |
|
| 176 |
|
|
| 174 | 177 |
.footer li > a, |
| 175 | 178 |
.header li > a{
|
| 176 | 179 |
color: #FFFFFF; |
| ... | ... | |
| 185 | 188 |
} |
| 186 | 189 |
|
| 187 | 190 |
.header{
|
| 188 |
height: 100px; |
|
| 189 |
margin: 10px; |
|
| 191 |
height: 60px; |
|
| 192 |
margin: 0px; |
|
| 193 |
padding-top: 10px; |
|
| 190 | 194 |
} |
| 191 | 195 |
|
| 192 | 196 |
/* FORMS |
| ... | ... | |
| 356 | 360 |
text-align: center; |
| 357 | 361 |
padding-top: 5px; |
| 358 | 362 |
padding-bottom: 5px; |
| 363 |
border: 1px solid #333; |
|
| 359 | 364 |
} |
| 360 | 365 |
|
| 361 | 366 |
|
Also available in: Unified diff
Mrge from 2.5 branch: Clean up the admin and doc page styles, update all the screenshot images, and include a link to the MetacatUI Github