/ - Diff - Metacat - Ecoinformatics Redmine

     select the ``default`` skin. Once you have selected a skin, Metacat will open
     a list of options that apply to the Registry interface.
     .. figure:: images/screenshots/image025.png
        :align: center
        Configuring Metacat skins.
     Select the lists and modules that you would like to appear in the Registry
     form-interface by checking the box beside each. When you save the configuration,
     the customized interface will appear to site visitors.

       <body>
       <div id="metacatDocs">
     	  <div class="banner">
     	      <img class="logo" src="_static/metacat-logo-white.png" />
     	      <a href="index.html"><img class="logo" src="_static/metacat-logo-white.png" /></a>
     	      <a href="index.html"><h1 class="title">Metacat: Metadata and Data Management Server</h1></a>
     	      <img class="logo-right" src="_static/nceas-logo-white.png" />
     	      <p class="title">Metacat: Metadata and Data Management Server</p>
     	  </div>
     	{%- block header %}{% endblock %}
-...
     	{# Comment out the sidebar
       		{%- block sidebar1 %} {# possible location for sidebar  {% endblock %}
     	#}
         <div class="document">
         <div class="document">
     	{%- block document %}
          	 <div class="documentwrapper">
     	      	{%- if not embedded %}{% if not theme_nosidebar|tobool %}

     ---------------------------------------------------- */
     .banner{
     	width: 100%;
     	height: 100px;
     	height: 84px;
     	background-color: #166194;
+    }
     .banner > a,
     .banner > img{
     	float: left;
     	width: auto;
     	margin: 20px 10px;
+    }
     .banner > a > img,
     .banner > img{
     	max-height: 100%;
     	height: 80px;
     	height: 50px;
+    }
     .banner > .title{
     	font: 300 18px/18px Oswald;
     	color: #CCCCCC;
     	float: left;
     	margin: 38px 10px;
     .banner .title{
         font-size: 1em;
         color: white;
         font-weight: lighter;
         font-family: Helvetica, Arial;
         width: 200px;
         line-height: 1.5em;
         margin-top: 0px;
+    }
     /* RELATED/NAVIGATION CSS
-...
     #metacatDocs > .related {
     	width: 100%;
     	position: relative;
     	top: -80px;
     	top: -60px;
     	left: -20px;
+    }
-...
     .related > ul input[type="submit"]{	/*"Go" button on navigation search bar */
     	position: relative;
     	left: -30px;
     	top: 0px;
     	height: 27px;
     	background: none;
     	border-radius: 0 4px 4px 0;
     	-webkit-border-radius: 0 4px 4px 0;
     	-moz-border-radius: 0 4px 4px 0;
     	font: 300 16px/16px "Oswald", sans-serif;
         top: -4px;
         height: 30px;
         color: white;
         background: transparent;
         border: 1px solid white;
+    }
     .related > ul input[type="submit"]:hover{	/*"Go" button on navigation search bar */
-...
+    }
     .related > ul > li > a{
     	color: #FFFFFF;
     	font: 400 2em/1em Oswald, Arial;
     	text-transform: uppercase;
     	line-height: 25px;
         color: #FFFFFF;
         font-size: 2em;
         text-transform: capitalize;
+    }
     .related > ul > li > span#searchbox{
-...
     /* DOCUMENT / MAIN CONTENT AREA
     ------------------------------------------------------*/
     .document{
     	background: rgba(244, 244, 244, 0.9);
     	margin: 20px auto;
     	padding: 5px 2%;
     	width: 85%;
     	padding-bottom: 360px;
     			border-radius: 10px;
     	   -moz-border-radius: 10px;
     	-webkit-border-radius: 10px;
         padding-bottom: 100px;
         padding: 0px 30px 100px 30px;
+    }
     h1{
-...
     ---------------------------------------------------- */
     .footer{
     	height: 100px;
     	color: #fdfdfd;
     	background-color: #7B8D99;
     	bottom: 0;
     	width: 100%;
     	margin: 50px auto 0 auto;
-...
     	height: 40px;
     	margin-bottom: 10px;
+    }
     .footerNav .related {
         top: 20px;
         position: relative;
+    }
     .footer a {
         color: yellow;
+    }
     /* Body CSS
-...
         	height: 100%;
+        }
         body {
           background: #166194;
           background: url(bg.jpg) no-repeat center center fixed;
           background-size: cover;
+        }
     /* TABLES
      -----------------------------------------------*/
         table, tr, th, td, thead, tbody{
-...
+     }
      pre{
     	 padding: 10px;
     	background: rgba(22,97,148,0.7);
     	color: #FFFFFF;
     	font-size: 15px;
     	border-radius: 5px;
     	-moz-border-radius: 5px;
     	-webkit-border-radius: 5px;
     	margin: 20px auto;
         padding: 10px;
         background: #EEE;
         color: #008477;
         font-size: 15px;
         border-radius: 5px;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         margin: 20px auto;
         border-color: #DDD;
+     }

     .. contents::
     Metacat's theming system, MetacatUI, is deployed separately from Metacat, allowing more
     independent user interface customization. MetacatUI is structured in a model-view-controller
     Metacat's theming system, `MetacatUI <https://github.com/NCEAS/metacatui>`_, is deployed separately from Metacat, allowing more
     independent user interface customization. Check the `MetacatUI GitHub <https://github.com/NCEAS/metacatui>`_ for the most up to date version.
     MetacatUI is structured in a model-view-controller
     architecture using `Backbone.js <http://www.backbonejs.org>`_. Some background knowledge on Backbone.js may be helpful for
     advanced modification of MetacatUI, but is not necessary for editing the CSS styling and HTML of
     the included MetacatUI views.

     	height: 100%;
+    }
     body{
     	background: url(../docs/_static/bg.jpg) no-repeat center center fixed;
     	background-size: cover;
          -webkit-background-size: cover;
     	 -moz-background-size: cover;
     	 -o-background-size: cover;
     	 font-weight: 400;
     	 font-size: 1em;
     	 line-height: 1.2em;
     	 font-family: "Helvetica", "Source Sans Pro", sans-serif;
     	 overflow-x: hidden;
+    }
-...
+    }
     .footer > p{
     	font: 400 1em/1em Source Sans Pro, Arial;
     	color: white;
     	float: right;
     	clear: both;
     	display: block;
-...
     	margin-left: 20px;
+    }
     .header{
     	background-color: #166194;
     	margin: 0px;
+    }
     .header > ul{
     	float: left;
+    }
     .header > ul > li > img {
         height: 50px;
         width: auto;
+    }
     .footer li > a,
     .header li > a{
     	color: #FFFFFF;
-...
+    }
     .header{
     	height: 100px;
     	margin: 10px;
     	height: 60px;
     	margin: 0px;
     	padding-top: 10px;
+    }
     /* FORMS
-...
     	text-align: center;
     	padding-top: 5px;
     	padding-bottom: 5px;
     	border: 1px solid #333;
+    }

Project

General

Profile

Metacat

Revision 9402

Added by Lauren Walker about 9 years ago