diff --git a/themes/wilma/css/layout.css b/themes/wilma/css/layout.css
deleted file mode 100644
index 8e515a4b..00000000
--- a/themes/wilma/css/layout.css
+++ /dev/null
@@ -1,693 +0,0 @@
-/* $This file is distributed under the terms of the license in /doc/license.txt$ */
-
-@charset "UTF-8";
-/* CSS Document */
-
-
-/* Tell the browser to render HTML 5 elements as block */
-
-header,
-hgroup,
-section,
-nav,
-article,
-aside,
-footer {
- display:block;
-}
-time {
- font-weight:normal;
-}
-html,
-body {
- margin:0;
- padding:0;
- height:100%; /* needed for container min-height */
- background:#f3f3f0 url(../images/header-background.png) center 0 no-repeat;
- font-family: "museo-sans-1", "museo-sans-2", helvetica, sans-serif, arial;/*font-size: 62.5%;*/
- /* Consider these fonts: "Lucida Sans Unicode","Lucida Grande",Geneva,*/
-}
-
-/* PAGE WRAPPER ------> */
-#wrapper {
- position:relative; /* needed for footer positioning*/
- /*margin:0 auto; center, not in IE5 */
- width:970px;
- height:auto !important; /* real browsers */
- height:100%; /* IE6: treaded as min-height*/
- min-height:100%; /* real browsers */
- margin:0 auto;
-}
-
-/* HEADER ------> */
-#branding {
- position:relative;
- width:970px;
- height:114px;
- margin:0 auto;
-}
-
-/* BRANDING ------> */
-h2.vivo-logo {
- position:absolute;
- width:386px;
- height:59px;
- top:28px;
- left:0;
- background:url(../images/VIVO-logo.png) 0 0 no-repeat;
-}
-h2.vivo-logo a {
- display:block;
- width:386px;
- height:59px;
-}
-
-/* HEADER NAV------> */
-ul#header-nav {
- float:right;
- list-style:none;
- height:30px;
- padding-top:10px;
- margin-right:13px;
-}
-ul#header-nav li {
- float:left;
- display:block;
- padding-left:10px;
- padding-right:10px;
- border-right:1px solid grey;
- font-size:0.7em;
- color:white;
-}
-ul#header-nav li.last {
- border-right:none;
-}
-ul#header-nav li:last-child {
- padding-right:0;
- border-right:none;
-}
-ul#header-nav a{
- color:white;
-}
-ul#header-nav a:link,
-ul#header-nav a:visited {
- text-decoration:none;
-}
-ul#header-nav a:hover,
-ul#header-nav a:active {
- text-decoration:none;
- color:#999;
-}
-
-/* MAIN NAVIGATION------> */
-ul#main-nav {
- display:block;
- width:968px;
- height:46px;
- border:1px solid #dce4e3;
- background-color:#f7f9f9;
- margin:0 auto;
- list-style: none;
- font-weight:1em;
- color:#706a66;
-}
-#main-nav li {
- float:left;
- line-height:46px;
- background:url(../images/separator-main-nav.jpg) right -2px no-repeat;
-}
-#main-nav li a {
- padding-left:16px;
- padding-right:16px;
- display:block;
- color:#706a66;
- text-decoration:none;
-}
-#main-nav li a:hover {
- color:#002b44;
- /*background:url(../images/selected-main-nav.jpg) left -3px no-repeat;
- margin-left:21px;*/
-}
-#main-nav li a.selected {
- color:#002b44;
- background:url(../images/selected-main-nav.jpg) left -1px no-repeat;
- margin-left:18px;
-}
-
-/* WRAPPER CONTENT------> */
-#wrapper-content {
- clear:both;
- width:930px;
- margin:0 auto;
- background:#fff;
- min-height:450px;
- padding:20px;
-}
-
-/* INTRO ------> */
-#intro {
- float:left;
- width:570px;
- padding-bottom:40px;
-}
-#intro h3 {
- padding: 35px 0 12px 24px;
- font-size: 22px;
- color: #2485ae;
- border-bottom:none;
-}
-#intro p {
- font-size: 16px;
- color:#5f6464;
- line-height:1.3em;
- padding:0 24px 30px 24px;
-}
-#intro a {
- color:#2485ae;
-}
-.pictos-arrow-14 {
- font-family:'Pictos';
- font-size:14px;
- color:#b2d15a;
-}
-
-/* LOG IN------> */
-#log-in {
- float:right;
- width:314px;
- height:348px;
- border:1px solid #e8ece9;
- margin-right:25px;
- margin-top:20px;
- padding-bottom:30px;
- margin-bottom:30px;
-}
-#log-in h3 {
- font-size:22px;
- color:#2485ae;
- padding-left:15px;
- padding-top:18px;
- border-bottom:none;
-}
-form#log-in-form {
- padding-bottom:0;
-}
-#log-in label {
- display:block;
- font-size: 14px;
- color: #5e6363;
- padding-top:20px;
- padding-left:38px;
- font-size:14px;
-}
-div.input-field {
- width:229px;
- height:34px;
- margin-left:38px;
- margin-top:7px;
- background:#fff;
- border:1px solid #e0dfdf;
- border-radius:5px;
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
-}
-#log-in input {
-/* Manolo: is the width and height necessary here? commenting out for now to get the login block functional on the home page */
-/* width:214px;*/
-/* height:13px;*/
- margin-left:7px;
- margin-top:7px;
- border:0;
- font-size:14px;
-}
-#log-in input.login {
- margin: 7px 4px 10px 0;
-}
-#wrapper-submit-remember-me {
- width:270px;
- margin-left:38px;
- margin-top:20px;
-}
-#remember-me {
- float:right;
- width:170px;
- height:20px;
- margin:0;
- padding:0;
- padding-top:5px;
-}
-#remember-me input.checkbox-remember-me {
- float:left;
- height:14px;
- width:14px;
- color:#5e6363;
- font-size:12px;
- padding:0;
- margin:0;
-}
-#remember-me .label-remember-me {
- display:block;
- float:right;
- color: #5e6363;
- font-size:12px;
- width:100px;
- padding:0px;
- padding-right:50px;
- padding-top:1px;
-}
-p.forgot-password {
- margin-left:38px;
- font-size:12px;
-}
-p.forgot-password a {
- color: #2485ae;
-}
-#request-account {
- clear:both;
- float:left;
- margin-left:38px;
- margin-top:0;
- padding-top:15px;
- border-top:1px solid #e8ece9;
-}
-
-/* SEARCH ------> */
-#search-home {
- float:left;
- width:533px;
- margin-left:24px;
-}
-#search-home h3 {
- padding:0;
- font-size:22px;
- color:#2485ae;
- margin-bottom:15px;
-}
-#search-home-field {
- width:483px;
- height:44px;
- background: url(../images/search-field-and-button.png) 0 0 no-repeat;
-}
-input.search-home-vivo {
- float:left;
- margin:10px 0 0 8px;
- width:350px;
- height:20px;
- border:0;
- font-size:18px;
- color:#5e6363;
-}
-#search-home a.submit {
- float:right;
- display:block;
- width:80px;
- height:20px;
- font-size:14;
- color:#fff;
- padding-top:10px;
- padding-left:30px;
-}
-
-/* BROWSE ------> */
-#browse {
- clear:both;
- width:920px;
- margin:0 auto;
- border:1px solid #dfe6e6;
- background:#f7f9f9;
- overflow:hidden;
- padding-bottom:30px;
-}
-#browse h2,
-#highlights h2 {
- width:10%;
- height:44px;
- margin-bottom:27px;
- padding-left:15px;
- font-size:1.0em;
- font-weight: normal;
- line-height:44px;
- color:#fff;
- background:#5e6363;
-
-}
-
-/* BROWSE CLASS GROUPS ------> */
-ul#browse-classGroups {
- float:left;
- width:200px;
- border:1px solid #dde4e3;
- border-right:none;
- background:#f1f2ee;
- margin-left:34px;
- padding: 0 20px 23px 20px;
- margin-top:10px;
- padding-top:10px;
-}
-ul#browse-classGroups li {
- display:block;
- border-bottom:1px solid #dde4e3;
- font-size:18px;
- width:200px;
- height:35px;
- line-height:35px;
-}
-ul#browse-classGroups li:last-child {
- border-bottom:none;
-}
-ul#browse-classGroups a {
- display:block;
- padding-left:15px;
- width:200px;
- height:35px;
- color:#5e6363;
- text-decoration:none;
-}
-ul#browse-classGroups a:hover {
- background:url(../images/arrow.gif) 0 12px no-repeat;
- color:#2ea0cf;
-}
-ul#browse-classGroups a.selected {
- color:#2ea0cf;
- background:url(../images/arrow.gif) 0 12px no-repeat;
-}
-ul#browse-classGroups .count-classes {
- font-size:14px;
-}
-
-/* BROWSE CLASSES IN CLASS GROUP ------> */
-#browse-classes {
- float:left;
- width:610px;
- border:1px solid #dde6e5;
- background:#fff;
- margin-top:-20px;
-}
-ul#class-group-list {
- float:left;
- width:268px;
- padding:0 10px 15px 22px;
- margin-top:20px;
- margin-bottom:10px;
- border-right:1px solid #dde5e4;
-}
-ul#class-group-list li {
- display:block;
- float:left;
- width:268px;
- border-bottom:1px solid #dde4e3;
- font-size:14px;
- height:35px;
- line-height:35px;
-}
-ul#class-group-list li:last-child {
- border-bottom:none;
-}
-ul#class-group-list a {
- display:block;
- padding-left:15px;
- width:200px;
- height:35px;
- color:#5e6363;
- text-decoration:none;
-}
-ul#class-group-list a:hover {
- background:url(../images/arrow.gif) 0 12px no-repeat;
- color:#2ea0cf;
-}
-ul#class-group-list a.selected {
- color:#2ea0cf;
- background:url(../images/arrow.gif) 0 12px no-repeat;
-}
-ul#class-group-list .count-individuals {
- font-size:12px;
-}
-
-/* VISUALIZATION ------> */
-#visual-graph {
- float:right;
- width:270px;
- height:270px;
-}
-#visual-graph h4 {
- padding:20px 0 12px 12px;
- font-size:18px;
- color:#2485ae;
- font-weight:normal;
- background:url(../images/bullet-visual-graph.png) 120px 25px no-repeat;
-}
-
-/* HIGHLIGHTS ------> */
-#highlights {
- clear:both;
- width:920px;
- margin:0 auto;
- margin-top:40px;
- height:400px;
- border:1px solid #dfe6e6;
- background:#f7f9f9;
- padding-bottom:30px;
-}
-#highlights h2 {
- width:14%;
-}
-#highlights h3 {
- color:#91b039;
- font-size:14px;
- padding-bottom:20px;
-}
-.global-highlights {
- border:1px solid #e8e8e8;
- background:#fff;
- float:left;
- width:235px;
- padding:24px;
-}
-
-/* FEATURED PEOPLE ------> */
-#featured-people {
- margin-left:20px;
- margin-right:15px;
-}
-article.featured-people {
- width:245px;
- height:100px;
-}
-img.individual-photo {
- width:80px;
- border:1px solid #999;
- float:left;
-}
-article.vcard p.fn {
- float:left;
- width:130px;
- font-size:12px;
- line-height:1.3em;
- margin-left:20px;
- color:#303e4e;
- font-weight:bold;
-}
-article.vcard span.title {
- display:block;
- font-weight:normal;
- font-style: italic;
-}
-article.vcard span.org {
- display:block;
- font-weight:normal;
-}
-p.view-all {
- clear:both;
- width: 200px;
- font-size:14px;
- text-align:right;
- color:#303e4e;
-}
-a.view-all-style {
- color:#303e4e;
-}
-.pictos-arrow-10 {
- font-family:'Pictos';
- font-size:1.0em;
- line-height:1.0em;
-}
-
-/* UPCOMING EVENTS------> */
-#upcoming-events {
- margin-right:15px;
-}
-article.vevent {
- width:233px;
- height:59px;
- clear:both;
-}
-time.dtstart {
- width:40px;
- height:59px;
- float:left;
- background:url(../images/date-display.jpg) 0 0 no-repeat;
- color:#fff;
- text-align:center;
- padding-top:10px;
- font-size:20px;
-}
-time.dtstart span {
- display:block;
- font-size:11px;
- color:#fff;
- margin-top:-10px;
-}
-p.summary {
- padding-left:50px;
- padding-top:12px;
- color:#303e4e;
- font-size:12px;
- font-weight:bold;
-}
-p.summary time {
- display:block;
- padding-top:0;
- font-weight:normal;
-}
-
-/* LATEST PUBLICATIONS ------> */
-article.latest-publications-item {
- width:232px;
- height:35px;
- background:url(../images/icon-pub.png) 0 0 no-repeat;
- padding-bottom:10px;
-}
-p.publication-content {
- padding-left:40px;
- color:#303e4e;
- font-size:12px;
- font-weight:bold;
- line-height:1.3em;
-}
-p.publication-content span {
- display:block;
- font-weight:normal;
-}
-
-/* FOOTER------> */
-#footer-content {
- clear:both;
- width:970px;
- height:88px;
- margin:0 auto;
- font-size:0.7em;
- color:#4e5051;
- background-color:#fff;
-}
-#footer-content p.copyright {
- float:left;
- padding-top:55px;
- padding-left: 30px;
- width:500px;
-}
-ul#footer-nav {
- float:right;
- list-style: none;
- width:200px;
- height:20px;
- margin:0;
- padding:0;
- padding-top:50px;
- padding-right:20px;
-}
-ul#footer-nav li {
- float:left;
- display:block;
- padding-left:10px;
- padding-right:10px;
- border-right:1px solid #c9c8c8;
-}
-ul#footer-nav li:last-child {
- border-right:none;
-}
-#footer-nav a {
- color:#4e5051;
-}
-#footer-nav a:hover {
- color:#09C;
- text-decoration:none;
-}
-a.terms {
- color:#09C;
- text-decoration:none;
-}
-a.terms:hover {
- color:#4e5051;
- text-decoration:none;
-}
-a.powered-by-vivo {
- color:#09C;
- text-decoration:none;
-}
-a.powered-by-vivo:hover {
- color:#4e5051;
- text-decoration:none;
-}
-
-/* MISCELLANEOUS------> */
-.displace {
- position:absolute;
- left:-9999px;
-}
-
-a {
- text-decoration: underline;
-}
-
-/* STYLED BUTTONS ------> */
-.button,
-.button:visited {
- background:#222 url(../images/alert-overlay.png) repeat-x;
- display:inline-block;
- padding:7px 22px 8px;
- color:#fff;
- text-decoration:none;
- border-radius:4px; /*This box should have a rounded corners in browsers supporting CSS3*/
- -moz-border-radius:4px;
- -webkit-border-radius:4px;
- /*
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
-
- text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
- border-bottom: 1px solid rgba(0, 0, 0, 0.25);
- */
- position:relative;
- cursor:pointer;
-}
-.button:hover {
- background-color:#111;
- color:#fff;
-}
-.button:active {
- top:1px;
-}
-.small.button,
-.small.button:visited {
- font-size:11px;
-}
-.button,
-.button:visited {
- font-size:16px;
- font-weight:normal;
- line-height:1;/*text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);*/
-}
-.green.button,
-.green.button:visited {
- background-color:#749a02;
-}
-.green.button:hover {
- background-color:#b2d15a;
-}
-.blue.button,
-.blue.button:visited {
- background-color:#398aac;
-}
-.blue.button:hover {
- background-color:#58a2c1;
-}
diff --git a/themes/wilma/css/menupage.css b/themes/wilma/css/menupage.css
deleted file mode 100644
index 31369000..00000000
--- a/themes/wilma/css/menupage.css
+++ /dev/null
@@ -1,490 +0,0 @@
-/* $This file is distributed under the terms of the license in /doc/license.txt$ */
-
-@charset "UTF-8";
-/* CSS Document */
-
-/* SEARCH ------> */
-#search {
- position:absolute;
- width:396px;
- height:38px;
- top:40px;
- right:10px;
-}
-#search-field {
- width:396px;
- height:38px;
- background:url(../images/search-interior-pages.png) 0 0 no-repeat;
-}
-input.search-vivo {
- float:left;
- width:290px;
- height:25px;
- border:0;
- font-size:16px;
- color:#5e6363;
- margin-left:10px;
- margin-top:5px;
-}
-#search a.submit {
- float:right;
- display:block;
- width:70px;
- height:25px;
- font-size:14px;
- color:#fff;
- padding-top:10px;
- padding-left:15px;
-}
-#search-form-modifier{
- display:none;
-}
-
-/* VISUAL GRAPH FOAF:PERSON------> */
-#intro-topLevel {
- clear:both;
- width:920px;
- margin:0 auto;
- background:#fff;
- padding-top:30px;
- margin-bottom:30px;
-}
-#intro-topLevel h3 {
- padding:0 25px 15px 0;
- font-size:24px;
- color:#002b44;
- font-weight:normal;
- border-bottom:1px solid #f3f3f4;
- padding-bottom:20px;
-}
-#content-foaf-person {
- float:left;
- width:620px;
- border-right:1px solid #e8ece9;
- margin-bottom:30px;
-}
-#content-foaf-person h4 {
- padding:20px 25px 12px 0;
- font-size:20px;
- color:#2485ae;
- font-weight:normal;
- background:url(../images/arrow-down.gif) 117px 27px no-repeat;
-}
-ul#foaf-person-childClasses {
- float:left;
- width:265px;
- margin-left:45px;
-}
-ul#foaf-person-childClasses li {
- display:block;
- border-bottom:1px solid #dde4e3;
- font-size:16px;
- height:35px;
- line-height:35px;
-}
-ul#foaf-person-childClasses li:last-child {
- border-bottom:0;
-}
-ul#foaf-person-childClasses a {
- display:block;
- padding-left:15px;
- width:265px;
- height:35px;
- color:#5e6363;
- text-decoration:none;
-}
-ul#foaf-person-childClasses a:hover {
- background:url(../images/arrow.gif) 0 12px no-repeat;
- color:#2ea0cf;
-}
-ul#foaf-person-childClasses a.selected {
- color:#2ea0cf;
- background:url(../images/arrow.gif) 0 12px no-repeat;
-}
-ul#foaf-person-childClasses .count-classes {
- font-size:12px;
-}
-#foaf-person-graph {
- float:right;
- width:270px;
- height:270px;
-}
-
-/* VISUAL GRAPH CLASS:GENERIC (ORGANIZATION, RESEARCH, EVENT) ------> */
-#content-generic-class {
- float:left;
- width:900px;
- margin-bottom:30px;
-}
-#content-generic-class h3 {
- padding:0 25px 15px 0;
- font-size:24px;
- color:#002b44;
- font-weight:normal;
- border-bottom:1px solid #f3f3f4;
-}
-#content-generic-class h4 {
- padding:20px 25px 12px 0;
- font-size:20px;
- color:#2485ae;
- font-weight:normal;
- background:url(../images/arrow-down.gif) 117px 27px no-repeat;
-}
-ul#class-generic-childClasses {
- float:left;
- width:265px;
- margin-left:35px;
-}
-ul#class-generic-childClasses li {
- display:block;
- border-bottom:1px solid #dde4e3;
- font-size:16px;
- height:35px;
- line-height:35px;
-}
-ul#class-generic-childClasses li:last-child {
- border-bottom:0;
-}
-ul#class-generic-childClasses a {
- display:block;
- padding-left:15px;
- width:265px;
- height:35px;
- color:#5e6363;
- text-decoration:none;
-}
-ul#class-generic-childClasses a:hover {
- background:url(../images/arrow.gif) 0 12px no-repeat;
- color:#2ea0cf;
-}
-ul#class-generic-childClasses a.selected {
- color:#2ea0cf;
- background:url(../images/arrow.gif) 0 12px no-repeat;
-}
-ul#class-generic-childClasses .count-classes {
- font-size:12px;
-}
-#generic-class-graph {
- float:right;
- width:500px;
- height:283px;
- padding-right:20px;
- border:1px dotted #CCC;
-}
-
-/* FIND BY ------> */
-#find-by {
- width:275px;
- border:1 solid green;
- float:right;
- margin-top:20px;
-}
-#find-by h3 {
- padding:0 25px 12px 12px;
- font-size:18px;
- color:#2485ae;
- font-weight:normal;
- background:url(../images/arrow-down.gif) 85px 7px no-repeat;
- border-bottom:0;
-}
-ul#find-filters {
- float:left;
- width:265px;
-}
-ul#find-filters li {
- display:block;
- border-bottom:1px solid #dde4e3;
- font-size:16px;
- height:35px;
- line-height:35px;
-}
-ul#find-filters li:last-child {
- border-bottom:0;
-}
-ul#find-filters a {
- display:block;
- padding-left:15px;
- width:265px;
- height:35px;
- color:#5e6363;
- text-decoration:none;
-}
-ul#find-filters a:hover {
- background:url(../images/arrow.gif) 0 12px no-repeat;
- color:#2ea0cf;
-}
-ul#find-filters a.selected {
- color:#2ea0cf;
- background:url(../images/arrow.gif) 0 12px no-repeat;
-}
-
-/* NETWORK STATS ------> */
-#network-stats {
- clear:both;
- width:920px;
- margin:0 auto;
- height:67px;
- background:#f7f9f9;
- border:1px solid #d7e6e6;
- margin-bottom:30px;
-}
-#network-stats h3 {
- float:left;
- width:150px;
- padding:20px 12px 10px 12px;
- font-size:20px;
- color:#2485ae;
- font-weight:normal;
- background:url(../images/arrow.gif) 140px 27px no-repeat;
-}
-#network-stats p {
- padding:15px 15px 15px 175px;
- font-size:14px;
- line-height:1.5em;
- color:#5e6363;
-}
-
-/* RESEARCHERS ------> */
-#researchers {
- clear:both;
- width:920px;
- height:229px;
- margin:0 auto;
- background:#f7f9f9;
- border:1px solid #d7e6e6;
- margin-top:30px;
-}
-#researchers h3 {
- float:left;
- width:150px;
- padding:20px 12px 10px 12px;
- font-size:20px;
- color:#2485ae;
- font-weight:normal;
- background:url(../images/arrow.gif) 140px 27px no-repeat;
-}
-#researchers p {
- padding:17px 15px 15px 175px;
- font-size:18px;
- line-height:1.5em;
- color:#5e6363;
-}
-#researchers-slider {
- clead:both;
- margin:0 auto;
- width:887px;
- height:115px;
- border:1px solid #e8e8e8;
- background:#fff;
-}
-#alpha-display {
- width:100px;
- height:115px;
- font-size:70px;
- line-height:115px;
- text-align:center;
- float:left;
- color:#2485ae;
- border-right:1px dotted #dde4e3;
- margin-right:10px;
- font-weight:bold;
-}
-#profile-photo-display {
- width:600px;
- height:115px;
- float:left;
-}
-#profile-photo-display ul {
- display:block;
-}
-#profile-photo-display li {
- display:block;
- width:90px;
- float:left;
- padding-right:10px;
- padding-top:10px;
-}
-#profile-photo-display img {
- border:1px solid #dde4e3;
-}
-#nav-display {
- width:100px;
- height:70px;
- margin-top:30px;
- margin-right:20px;
- float:right;
-}
-#nav-display p {
- float:left;
- padding:0;
- padding-top:7px;
- width:30px;
- font-size:26px;
- color:#2485ae;
-}
-#nav-display img {
- display:block;
- float:right;
- padding-left:15px;
- border-left:1px solid #e8e8e8;
-}
-
-/* BROWSE BY ------> */
-#browse-by {
- clear:both;
- width:920px;
- margin:0 auto;
- margin-top:40px;
- border:1px solid #dfe6e6;
- background:#f7f9f9;
- overflow:hidden;
-}
-#browse-by h2 {
- background:#5e6363;
- width:102px;
- height:44px;
- line-height:44px;
- font-soze:22px;
- padding-left:15px;
- color:#fff;
- margin-bottom:27px;
-}
-
-/* BROWSE CLASSES ------> */
- ul#browse-childClasses {
- float:left;
- width:284px;
- border:1px solid #dde4e3;
- border-right:0;
- margin-left:30px;
- background-color:#f1f2ee;
-}
-ul#browse-childClasses li {
- display:block;
- width:264px;
- border-bottom:1px solid #dde4e3;
- font-size:16px;
- height:35px;
- line-height:35px;
- margin-left:10px;
- margin-right:10px;
-}
-ul#browse-childClassesli:last-child {
- border-bottom:0;
-}
-ul#browse-childClasses a {
- display:block;
- padding-left:20px;
- width:264px;
- height:35px;
- color:#5e6363;
- text-decoration:none;
-}
-ul#browse-childClasses a:hover {
- background:url(../images/arrow.gif) 0 12px no-repeat;
- color:#2ea0cf;
-}
-ul#browse-childClasses a.selected {
- color:#2ea0cf;
- background:url(../images/arrow.gif) 0 12px no-repeat;
-}
-ul#browse-childClasses .count-classes {
- font-size:12px;
-}
-
-/* ALPHA BROWSE------> */
-#alpha-browse-childClass {
- float:left;
- width:77px;
- border:1px solid #dde4e3;
- border-right:0;
-}
-ul#alpha-browse-childClass {
- background-color:#fff;
- border-left:1px solid #dde4e3;
-}
-ul#alpha-browse-childClass li {
- display:block;
- width:67px;
- font-size:18px;
- height:35px;
- line-height:35px;
-}
-ul#alpha-browse-childClass li:last-child {
- border-bottom:0;
-}
-ul#alpha-browse-childClass a {
- display:block;
- width:57px;
- height:35px;
- color:#5e6363;
- text-decoration:none;
- text-align:center;
- margin-left:5px;
- padding-left:10px;
- border-bottom:1px solid #dde4e3;
-}
-ul#alpha-browse-childClass a:hover {
- background:url(../images/arrow.gif) 0 12px no-repeat;
- color:#2ea0cf;
-}
-ul#alpha-browse-childClass a.selected {
- color:#2ea0cf;
- background:url(../images/arrow.gif) 0 12px no-repeat;
-}
-ul#alpha-browse-childClass .count-classes {
- font-size:12px;
-}
-.alphaIndex {
- font-size: 0.8em;
-}
-
-/* BROWSE INDIVIDUALS------> */
-#individuals-in-childClass {
- float:left;
- width:500px;
- border:1px solid #dde4e3;
- padding-bottom:30px;
- margin-bottom:30px;
- background-color:#fff;
-}
-#individuals-in-childClass h3 {
- font-size:27px;
- color:#2485ae;
- padding:10px 0 10px 30px;
-}
-article.individual-foaf-person {
- width:440px;
- padding-botom:30px;
- border-bottom:1px solid #dde4e3;
- padding-top:20px;
- margin-left:30px;
- margin-right:30px;
-}
-article.individual-foaf-person img {
- float:left;
- border:2px solid #dde4e3;
-}
-article.individual-foaf-person h1 {
- padding:30px 0 30px 110px;
- color:#5e6363;
- line-height:1.2em;
- font-size:16px;
- font-weight:normal;
-}
-article.individual {
- width:440px;
- margin-left:30px;
- margin-right:30px;
- border-bottom:1px solid #dde4e3;
-}
-article.individual h1 {
- margin:0;
- paddin:0;
- color:#5e6363;
- line-height:1.2em;
- padding-bottom:20px;
- padding-top:20px;
- font-size:16px;
- font-weight:normal;
-}
diff --git a/themes/wilma/css/pictos.css b/themes/wilma/css/pictos.css
index 5fa5c2ab..abab61ec 100644
--- a/themes/wilma/css/pictos.css
+++ b/themes/wilma/css/pictos.css
@@ -11,9 +11,9 @@
*/
@font-face {
- font-family: 'Pictos';
- src: url('../pictos-font/pictos-web.eot'); /* IE */
- src: local('☺'), url('../pictos-font/pictos-web.woff') format('woff'), url('../pictos-font/pictos-web.ttf') format('truetype'), url('../pictos-font/pictos-web.svg#webfontphKv1xv9') format('svg');/* non-IE */
- font-weight: normal;
- font-style: normal;
+ font-family: 'Pictos';
+ src: url('../pictos-font/pictos-web.eot'); /* IE */
+ src: local('☺'), url('../pictos-font/pictos-web.woff') format('woff'), url('../pictos-font/pictos-web.ttf') format('truetype'), url('../pictos-font/pictos-web.svg#webfontphKv1xv9') format('svg');/* non-IE */
+ font-weight: normal;
+ font-style: normal;
}
\ No newline at end of file
diff --git a/themes/wilma/css/screen.css b/themes/wilma/css/screen.css
index 13a6d9fe..fb04a810 100644
--- a/themes/wilma/css/screen.css
+++ b/themes/wilma/css/screen.css
@@ -1,839 +1,31 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
/****************************************
- vivo-basic theme: screen styles
+****************************************
+. .._.. ..__.
+\ / | \ /| |
+ \/ _|_ \/ |__|
+
+VIVO theme: screen styles
Original version
- 2009-04-30 mw542
+ 2010-09-04 UI team
+
+*****************************************
*****************************************/
-@import url("blueprint/reset.css");
-@import url("blueprint/forms.css");
-@import url("blueprint/typography.css");
-@import url("blueprint/liquid.css");
-@import url("blueprint/ie.css");
-@import url("institution.css");
-@import url("individual.css");
+/* This is our holdover vivo-basic theme file used for transition to wilma theme. This is temporary and it will be removed.*/
+@import url("transition/holdover-vivobasic/screen.css");
-body {
- position: relative;
- background: #596673;
-/* background: #737373;*/
- padding: 0 4em;
-}
-#wrap { background: #fff; }
-#contentwrap {
- padding: 24px 20px;
- background: #D9D9D9;
-}
-#content {
- padding: 16px 12px;
- background: #fff;
- font-size: 108.33%; /* bumping up content text from 12px to 13px */
- min-height:350px;
-}
+@import url("reset.css");
+@import url("pictos.css");
+@import url("wilma.css");
+@import url("forms.css");
+@import url("formedit.css");
-#footer {
- color: #e5e5e5;
- background: #3d454e;
-/* background: #4e4e4e;*/
- padding: 16px 20px 40px 20px;
- text-align: right;
- clear: both;
-}
-#research_instance {
- background-color:red;
- color:white;
- font-size:1.25em;
- font-weight:bold;
- text-align:center;
-}
-
-#research_instance a {
- color:white;
-}
-
-/****************
-Global classes
-****************/
-
-ul.clean { margin-left: 0; }
-ul.clean li { list-style-type: none; }
-
-
-/****************
-Identity
-****************/
-
-div#identity { position: relative; }
-
-#identity h1 {
-/* position: absolute;
- top: 33px;
- left: 10px;*/
- padding-top: 20px;
- margin-left: 20px;
- margin-bottom: 20px;
- width: 361px;
- height: 55px;
- text-indent: -9999px;
- background: url(../site_icons/vivo-logo.jpg) bottom left no-repeat;
-
-}
-
-#identity h1 a {
- width: 361px;
- height: 55px;
- display: block;
- overflow: hidden; /* hide the extended outline in firefox */
-/* background: url(images/layout/transparent.gif) top left no-repeat;*/
- /* for some reason IE7 needs a background to make this link clickable */
-}
-
-#identity em {
- position: absolute;
- top: 32px;
- left: 167px;
- color: #212d35;
- font-style: normal;
- font-size: 1.17em;
-}
-
-ul#otherMenu {
- position: absolute;
- margin: 0;
- top: 3px;
- right: 20px;
-}
-
-ul#otherMenu li {
- display: inline;
- margin-left: 4px;
-}
-
-ul#otherMenu li {
- padding-right: 4px;
- border-right: 1px solid #ccc;
-}
-
-ul#otherMenu li.last {
- padding-right: 0;
- border-right: none;
-}
-
-
-/************************
-Navigation and Search
-************************/
-
-div#navAndSearch {
- position: relative;
- background: #212d34;
-/* background: #7d8b99;*/
- border-top: 3px solid #3d454e;
-/* border-top: 3px solid #4e4e4e;*/
- padding-left: 20px;
-/* padding-right: 300px;*/
- padding-right: 22em;
- padding-top: 8px;
- padding-bottom: 8px;
- height: 1%;
-}
-
-div#secondaryTabMenu { display: none; }
-
-select#search-form-modifier,
-#searchForm label { display: none; }
-
-div#searchBlock {
- height: 100%;
- text-align: right;
- padding: 0 20px 0 20px !important; /* fix for IE6 */
- padding: 10px 20px;
- position: absolute;
- top: 0;
- right: 0;
- background: #3d454e;
-/* background: #4e4e4e;*/
-}
-
-#searchForm { margin-top: 10px; }
-
-#navAndSearch ul {
- margin: 0;
- padding: 0;
-}
-
-#navAndSearch li {
- list-style-type: none;
- margin: 1px;
-}
-
-#navAndSearch li a {
- display: block;
- color: #fff;
- text-decoration: none;
-}
-
-#navAndSearch li a:hover {
- color: #000;
- background: #fff;
-}
-
-#navAndSearch li a.activePrimaryTab,
-#navAndSearch li a.activeTab {
- color: #000;
- background: #fff;
- font-weight: bold;
-}
-
-ul#primary,
-ul#primary li,
-ul#index,
-ul#index li {
- float:left;
-}
-
-ul#primary li a,
-ul#index li a { padding: 5px 12px; }
-
-
-div#breadcrumbs {
- color: #aaa;
- clear: left;
- background: #D9D9D9;
- padding: 16px 20px 0 20px;
- margin-bottom: -18px;
- display: none;
-}
-
-div#breadcrumbs a { color: #888; }
-
-div#breadcrumbs a:hover { color: #000; }
-
-
-/************************
-Individual Pages
-************************/
-
-div#labelAndMoniker { margin-bottom: 1.5em; }
-
-
-#labelAndMoniker div {
- display: inline;
-}
-
-#label h2,
-#label h3 {
- display: inline;
- padding-right: 6px;
- font-size: 1.7em;
-}
-
-em.moniker {
- color: #9c9c9c;
-}
-
-ul.externalLinks { margin: 0 0 1.5em 0; }
-
-ul.externalLinks li {
- list-style-type: none;
- display: inline;
- padding-right: .5em;
- padding-left: .8em;
- border-left: 1px solid #ddd;
-}
-
-ul.externalLinks li.primary,
-ul.externalLinks li.first {
- padding-left: 0;
- border: 0;
-}
-
-ul.externalLinks a { color: #84a655; } /* green links */
-
-ul.externalLinks a:hover,
-ul.externalLinks a:active,
-a.externalLink:hover,
-a.externalLink:active {
- color: #000;
-}
-
-a.externalLink { color: #84a655; }
-
-div.description { margin-bottom: 1.5em; }
-
-.propertyName,
-.propsItem h4 {
- font-size: 0.8em;
- line-height: 1em;
- color: #666;
- background: #ebebeb;
- border-right: 1px solid #fff;
- margin-left: -12px;
-/* margin-bottom: .75em;*/
- padding: 4px 12px;
- float: left;
- /* Fixes in IE6 the cut off text for data and object property names for individual display property groups. */
- *padding-left:24px !important;
-}
-
-.propsItem,
-.datatypeProperties,
-.properties {
- clear: left;
-}
-
-.propsItem { padding: 1em 0; }
-
-.propsItem a { font-weight: bold; }
-
-.pageGroupBody {
- margin-bottom: 1em;
-}
-
-#acknowledgementText {
- font-size: 90%;
-}
-
-
-/************************
-Search Results
-************************/
-
-.contentsBrowseGroup h2 {
- margin-top: 2em;
- padding-bottom: .25em;
- border-bottom: 1px solid #eee;
-}
-
-.contentsBrowseGroup h3 {
- color: #666666;
- font-size: 1em;
- margin-bottom: 0;
-}
-
-.contentsBrowseGroup ul { margin-left: 0; }
-
-.contentsBrowseGroup li {
- list-style-type: none;
- color: #9C9C9C;
-}
-
-.searchTOC a {
- font-weight: bold;
- padding-left: 3px;
-}
-
-
-/************************
-Tabs
-************************/
-
-ul.tabEntities {
- color: #9c9c9c;
- margin: 1em 0;
- font-size: 0.8em;
-}
-
-ul.tabEntities li {
- margin-bottom: 1em;
- list-style-type: none;
-}
-
-ul.tabEntities a { font-weight: bold; }
-
-ul.tabEntities a.externalLink,
-.individualList a.externalLink {
- text-decoration: none;
- font-weight: normal;
-}
-
-.individualList ul.individualData {
- display: inline;
-}
-
-.individualList ul.individualData li {
- display: inline;
- border-right: solid 1px #a0a0a0;
- padding-right: .3em;
-padding-bottom:1.2em;
-
-}
-
-.individualList ul.individualData li.last {
- border: none;
-}
-
-div.blurb { color: #999; }
-
-div.blurb a { font-weight: normal; }
-
-/* Index and List pages */
-.siteMap ul,
-.individualList ul { margin-left: 0; }
-
-.siteMap li {
- list-style-type: none;
- color: #9c9c9c;
-}
-
-.individualList li {
- list-style-type: none;
- color: #9c9c9c;
- margin-bottom: .5em;
- }
-
-.siteMap li a,
-.individualList li a {
- font-weight: normal;
- }
-
-.siteMap h2 {
- margin-top: 10px;
- font-weight:bold;
- color:#2485AE;
- }
-
-div.tab h2 {
- margin: 0 -12px;
- padding: 0 12px 2px 12px;
-
-}
-
-.tab h3 {
- color: #999;
- margin-top: 1em;
- padding-bottom: 3px;
-}
-
-.tab h3 a { color: #1b4f89; }
-
-.tab h3 a:hover { color: #000; }
-
-.tab th, .tab td, .tab caption { padding-left: 0; }
-
-.tabBody { padding: 2px 0; }
-
-.tabDesc { padding-top: 16px; }
-
-/************************
-Footer
-************************/
-
-#footer a {
- color: #fff;
- font-weight: bold;
-}
-
-img.footerLogo { float: left; }
-
-ul.otherNav { margin: 0; }
-
-ul.otherNav li {
- display: inline;
- padding: 0 6px;
- border-right: 1px solid #aaa;
-}
-
-ul.otherNav li.last {
- border: 0;
- padding-right: 0;
-}
-
-
-/**********************************************
-Admin Panels & Controls
-
-the odd combinations of positioning types
-are necessary for cross-browser consistency
-**********************************************/
-
-/*** Admin Dashboard ***/
-
-#adminDashboard {
- margin-top: 1em;
- display: inline-block;
- width: 100%;
-}
-
-/*#adminDashboard .pageBodyGroup {
- margin-top: 2em;
- margin-bottom: 2em;
- clear: both;
-}*/
-
-#adminDashboard .pageBodyGroup {
- float: left;
- clear: right;
- display: inline-block;
- width: 45%;
- margin-top: 2em;
- margin-bottom: 1em;
- padding: 0 1em;
-}
-
-#adminDashboard .pageBodyGroup h4 {
- margin-bottom: .25em;
-}
-
-#adminDashboard .pageBodyGroup h3 {
- background-color: #efefef;
- color: #000;
- padding: 5px;
-}
-
-#adminDashboard .pageBodyGroup ul {
- margin: 0 0 1.5em 0;
-}
-
-#adminDashboard .pageBodyGroup li {
- list-style-type: none;
-}
-
-#adminDashboard #verbosePropertyForm {
- margin-top: 3em;
-}
-
-#adminDashboard .add-action-button {
- margin-top: .75em;
-}
-
-#logoutPanel {
- float: right;
- margin-right: 4.5em;
-}
-
-#logoutPanel input.button {
- margin-left: .9em;
-}
-
-/*** end Admin Dashboard ***/
-
-div.admin {
- color: #fff;
- background: #aaa;
- padding: 6px;
- height: 1%; /* IE likes this */
- width: 100%; /* and this */
-}
-
-div.panelContents {
- color: #777;
- background: #e5e3d5;
-/* display: none;*/
- padding: 12px;
-}
-
-div.top {
- margin: 0 -12px;
- padding: 0 24px 0 0;
- position: relative;
- top: -16px;
- background: #e5e3d5;
-}
-
-div.bottom {
- margin: 0 -12px;
- position: relative;
- bottom: -16px;
- padding: 6px 12px 8px 12px;
-}
-
-.admin h3 {
- font-size: 1em;
- text-transform: uppercase;
- font-weight: bold;
- color: #ddd;
- background: #aaa;
- line-height: 2em;
- margin: 0 !important; /* fix for IE6 */
- margin-right: -24px;
- padding: 0 12px;
- width: 100% !important; /* fix for IE6 */
- width: auto;
-}
-
-.admin p { margin-bottom: .25em; }
-
-.admin a:link,
-.admin a:visited { color: #fff; }
-
-.panelContents a:link,
-.panelContents a:visited { color: #777; }
-
-.admin a:hover,
-.admin a:active { color: #000; }
-
-#loginPanel ul { margin: 0; }
-
-#loginPanel li {
- list-style-type: none;
- margin-bottom: .5em;
-}
-
-
-
-
-/******************************************************************
-ENTITY LIST TOGGLES
-(The little plus/minus toggles that show additional items)
-
-These controls are set up to use JavaScript but degrade to use
-CSS :hover classes -- JavaScript can be found in controls.js
-
-IE6 does not support :hover so it will see everything
-(hack is in ie.css)
-******************************************************************/
-
-span.entityMoreSpan {
- display: block;
- font-style: italic;
- background: url(../site_icons/plus.gif) left center no-repeat;
- padding-left: 14px;
- margin: .5em 0;
- line-height: 1em;
- cursor: pointer;
-}
-
-div.navlinkblock:hover span.entityMoreSpan,
-div.navlinkblock-collapsed:hover span.entityMoreSpan,
-span.entityMoreSpan:hover {
- color: #8C65A1;
-}
-
-div.navlinkblock:hover span.entityMoreSpan,
-div.navlinkblock-expanded span.entityMoreSpan {
- background: url(../site_icons/minus.gif) left center no-repeat;
-}
-
-
-div.navlinkblock:hover div.extraEntities,
-div.navlinkblock-expanded div.extraEntities {
- display: block;
-}
-
-div.extraEntities {
- display: none;
-}
-
-
-/********************************
-Frontend Edit Controls and Forms
-********************************/
-
-div.editingForm { background: none; }
-
-div.editingForm hr { display: none; }
-
-a.add {
- float: left;
- line-height: 1em;
- width: 1em;
- height: 1em;
- padding: 4px;
- background: #ebebeb url(../images/transition/individual/plus_transparent.gif) center center no-repeat;
- text-indent: -9999px;
- overflow: hidden;
-}
-
-a.add:hover {
- background-image: url(../images/transition/individual/plus_transparent_hover.gif);
- background-color: #576772;
-}
-
-ul.properties { margin: 0; }
-
-ul.properties li {
- color: #9c9c9c;
- list-style-type: none;
-}
-
-div.datatypePropertyValue,
-ul.properties li,
-ul.datatypePropertyValue li {
- position: relative;
- font-size: 0.7em;
-}
-
-
-span.editLinks,
-em.nonEditable {
- display: none;
-}
-
-span.editLinks a,
-em.nonEditable { font-size: 84.62%; } /* 13px down to 11px */
-
-span.editLinks a {
- color: #da8622;
- font-weight: normal;
-}
-
-span.editLinks a:hover { color: #000; }
-
-span.editLinks a.edit { padding-right: 4px; }
-
-.statementWrap:hover span.editLinks,
-.statementWrap:hover em.nonEditable {
- display: block;
- width: 6em;
- padding: 2px 0 4px 0;
- position: absolute;
- top: -2px;
- left: -6em;
- line-height: 1.5em;
- background: #fff;
- z-index: 10;
- text-align: center;
-}
-
-
-
-span.statementWrap:hover em.nonEditable {
- padding-top: 5px;
- width: 8em;
- left: -8em;
- font-style: normal;
-}
-
-.verbosePropertyListing {
- color: gray;
- font-size: 0.75em;
- margin-left: 1em;
-}
-
-#dprop-vitro-links.editing li {
- display: block;
- border: 0;
- padding: 0;
- margin-bottom: .5em;
-}
-
-/************************
-Backend forms
-************************/
-
-div.sparqlform label {
- font-weight: normal;
- display: inline;
-}
-
-em.note {
- font-size: 0.92em;
- color: #777;
-}
-
-h3.associate {
- margin-bottom: 0;
- text-align: left;
-}
-
-/************************
-Upload Images
-************************/
-
-div.thumbnail img,
-div#thumbnail img {
- border:3px solid #d5d5d5;
-}
-
-/************************
-Miscellaneous
-************************/
-
-.clear{
-clear:both;
-}
-
-.hidden{
-display:none !important;
-}
-
-
-/************************
-style for those with javascript disable
-************************/
-
-#javascriptDisableWrapper, ie67DisableWrapper{
-margin-top:15px;
-width:500px;
-height:300px;
-}
-
-#javascriptDisableContent, #ie67DisableContent{
-width:500px;
-height:100px;
-border:3px solid #bee6f8;
-}
-#ie67DisableContent{
-width:80%;
-margin-bottom:200px;
-}
-#javascriptDisableContent img, #ie67DisableContent img{
-float:left;
-margin-top:36px;
-margin-left:30px;
-}
-
-#javascriptDisableContent p, #ie67DisableContent p{
-font-size:1.1em;
-color:#384c5d;
-line-height:100px;
-padding-left:65px;
-}
-#ie67DisableContent p{
-line-height:normal;
-padding-top:36px;
-}
-
-
-/* styles for error alerts */
-
-#errorAlert{
- color:#900;
- padding:0px;
- margin-bottom:5px;
- height:30px;
-
-}
-
-
-#errorAlert img{
- float:left;
- margin:0;
- padding:0;
-
-
-
-}
-
-#errorAlert p{
-padding-left:40px;
-font-size:0.9em;
-
-
-}
-
-/* styles for contact us page */
-
-.contactUsReturnHome{
-margin-top:30px;
-margin-bottom:250px;
-}
-
-
-
-
-/*--*/
-h2{
- font-weight:bold;
-}
-p{
- line-height:1.3em;
- padding-bottom:10px;
-}
\ No newline at end of file
+@import url("../../../css/login.css"); /* this is here temporarily as we transition to freemarker - something is up with adding stylesheets ever since the body template was adjusted last week*/
+@import url("../../../css/menupage/menupage.css"); /* we need to call it from the theme until freemarker controller and menupage.ftl are created */
\ No newline at end of file
diff --git a/themes/wilma/css/style.css b/themes/wilma/css/style.css
deleted file mode 100644
index 3af1aff1..00000000
--- a/themes/wilma/css/style.css
+++ /dev/null
@@ -1,25 +0,0 @@
-/* $This file is distributed under the terms of the license in /doc/license.txt$ */
-
-/****************************************
-****************************************
-. .._.. ..__.
-\ / | \ /| |
- \/ _|_ \/ |__|
-
-VIVO theme: screen styles
-
- Original version
- 2010-09-04 UI team
-
-*****************************************
-*****************************************/
-
-@import url("reset.css");
-@import url("pictos.css");
-@import url("screen.css"); /*don't move it*/
-@import url("layout.css");
-@import url("menupage.css");
-/*@import url("individual.css");*/ /* already included by screen.css, but once we remove this borrowed file (from vivo-basic theme), we will need to update this */
-@import url("forms.css");
-@import url("formedit.css");
-@import url("../../../css/login.css"); /* this is here temporarily as we transition to freemarker - something is up with adding stylesheets ever since the body template was adjusted last week*/
diff --git a/themes/wilma/css/individual.css b/themes/wilma/css/transition/holdover-vivobasic/individual.css
similarity index 95%
rename from themes/wilma/css/individual.css
rename to themes/wilma/css/transition/holdover-vivobasic/individual.css
index b81974b4..9e3ac636 100644
--- a/themes/wilma/css/individual.css
+++ b/themes/wilma/css/transition/holdover-vivobasic/individual.css
@@ -50,7 +50,7 @@
}
#deptWrap {
- background: url(../images/transition/individual/grouping/bg_innerwrap_person.gif) repeat-y right top;
+ background: url(../../../images/transition/individual/grouping/bg_innerwrap_person.gif) repeat-y right top;
padding-top: 26px;
clear: both;
}
@@ -182,7 +182,7 @@ img.screenshot {
padding: 0 0 0 12px;
font-size: 1.08em;
color: #fff;
- background: url(../images/transition/individual/grouping/h3_tab_left.gif) left top no-repeat;
+ background: url(../../../images/transition/individual/grouping/h3_tab_left.gif) left top no-repeat;
border: 0;
}
@@ -193,13 +193,13 @@ img.screenshot {
line-height:19px;
font-size: 0.75em;
padding: 5px 16px 0 0;
- background: url(../images/transition/individual/grouping/h3_tab_right.gif) right top no-repeat;
+ background: url(../../../images/transition/individual/grouping/h3_tab_right.gif) right top no-repeat;
color:#fff;
}
#personWrap div.propsCategory {
clear: left;
- background: #fff url(../images/transition/individual/grouping/bg_propsCategory.gif) right top no-repeat;
+ background: #fff url(../../../images/transition/individual/grouping/bg_propsCategory.gif) right top no-repeat;
/* border-left: 1px solid #d9d9d9;*/
border-left: 1px solid #dedede;
/* border-bottom: 1px solid #d9d9d9;*/
@@ -365,12 +365,12 @@ ul.properties h5.collate {
border: 0;
color: #fff;
/* background: #6d8e80;*/
- background: #baa280 url(../images/transition/individual/grouping/bg_propGroupNav-active.gif) top right repeat-y;
+ background: #baa280 url(../../../images/transition/individual/grouping/bg_propGroupNav-active.gif) top right repeat-y;
}
#personWrap #dashboard #propGroupNav h2 a.inactive {
color: #b4bfba;
- background: #baa280 url(../images/transition/individual/grouping/bg_propGroupNav-inactive.gif) top right repeat-y;
+ background: #baa280 url(../../../images/transition/individual/grouping/bg_propGroupNav-inactive.gif) top right repeat-y;
}
#personWrap #dashboard #propGroupNav h2 a:hover {
diff --git a/themes/wilma/css/institution.css b/themes/wilma/css/transition/holdover-vivobasic/institution.css
similarity index 100%
rename from themes/wilma/css/institution.css
rename to themes/wilma/css/transition/holdover-vivobasic/institution.css
diff --git a/themes/wilma/css/transition/holdover-vivobasic/screen.css b/themes/wilma/css/transition/holdover-vivobasic/screen.css
new file mode 100644
index 00000000..9e013c02
--- /dev/null
+++ b/themes/wilma/css/transition/holdover-vivobasic/screen.css
@@ -0,0 +1,839 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+/****************************************
+ vivo-basic theme: screen styles
+
+ Original version
+ 2009-04-30 mw542
+*****************************************/
+
+@import url("blueprint/reset.css");
+@import url("blueprint/forms.css");
+@import url("blueprint/typography.css");
+@import url("blueprint/liquid.css");
+@import url("blueprint/ie.css");
+@import url("institution.css");
+@import url("individual.css");
+
+body {
+ position: relative;
+ background: #596673;
+/* background: #737373;*/
+ padding: 0 4em;
+}
+
+#wrap { background: #fff; }
+
+#contentwrap {
+ padding: 24px 20px;
+ background: #D9D9D9;
+}
+
+#content {
+ padding: 16px 12px;
+ background: #fff;
+ font-size: 108.33%; /* bumping up content text from 12px to 13px */
+ min-height:350px;
+}
+
+#footer {
+ color: #e5e5e5;
+ background: #3d454e;
+/* background: #4e4e4e;*/
+ padding: 16px 20px 40px 20px;
+ text-align: right;
+ clear: both;
+}
+
+#research_instance {
+ background-color:red;
+ color:white;
+ font-size:1.25em;
+ font-weight:bold;
+ text-align:center;
+}
+
+#research_instance a {
+ color:white;
+}
+
+/****************
+Global classes
+****************/
+
+ul.clean { margin-left: 0; }
+ul.clean li { list-style-type: none; }
+
+
+/****************
+Identity
+****************/
+
+div#identity { position: relative; }
+
+#identity h1 {
+/* position: absolute;
+ top: 33px;
+ left: 10px;*/
+ padding-top: 20px;
+ margin-left: 20px;
+ margin-bottom: 20px;
+ width: 361px;
+ height: 55px;
+ text-indent: -9999px;
+ background: url(../site_icons/vivo-logo.jpg) bottom left no-repeat;
+
+}
+
+#identity h1 a {
+ width: 361px;
+ height: 55px;
+ display: block;
+ overflow: hidden; /* hide the extended outline in firefox */
+/* background: url(images/layout/transparent.gif) top left no-repeat;*/
+ /* for some reason IE7 needs a background to make this link clickable */
+}
+
+#identity em {
+ position: absolute;
+ top: 32px;
+ left: 167px;
+ color: #212d35;
+ font-style: normal;
+ font-size: 1.17em;
+}
+
+ul#otherMenu {
+ position: absolute;
+ margin: 0;
+ top: 3px;
+ right: 20px;
+}
+
+ul#otherMenu li {
+ display: inline;
+ margin-left: 4px;
+}
+
+ul#otherMenu li {
+ padding-right: 4px;
+ border-right: 1px solid #ccc;
+}
+
+ul#otherMenu li.last {
+ padding-right: 0;
+ border-right: none;
+}
+
+
+/************************
+Navigation and Search
+************************/
+
+div#navAndSearch {
+ position: relative;
+ background: #212d34;
+/* background: #7d8b99;*/
+ border-top: 3px solid #3d454e;
+/* border-top: 3px solid #4e4e4e;*/
+ padding-left: 20px;
+/* padding-right: 300px;*/
+ padding-right: 22em;
+ padding-top: 8px;
+ padding-bottom: 8px;
+ height: 1%;
+}
+
+div#secondaryTabMenu { display: none; }
+
+select#search-form-modifier,
+#searchForm label { display: none; }
+
+div#searchBlock {
+ height: 100%;
+ text-align: right;
+ padding: 0 20px 0 20px !important; /* fix for IE6 */
+ padding: 10px 20px;
+ position: absolute;
+ top: 0;
+ right: 0;
+ background: #3d454e;
+/* background: #4e4e4e;*/
+}
+
+#searchForm { margin-top: 10px; }
+
+#navAndSearch ul {
+ margin: 0;
+ padding: 0;
+}
+
+#navAndSearch li {
+ list-style-type: none;
+ margin: 1px;
+}
+
+#navAndSearch li a {
+ display: block;
+ color: #fff;
+ text-decoration: none;
+}
+
+#navAndSearch li a:hover {
+ color: #000;
+ background: #fff;
+}
+
+#navAndSearch li a.activePrimaryTab,
+#navAndSearch li a.activeTab {
+ color: #000;
+ background: #fff;
+ font-weight: bold;
+}
+
+ul#primary,
+ul#primary li,
+ul#index,
+ul#index li {
+ float:left;
+}
+
+ul#primary li a,
+ul#index li a { padding: 5px 12px; }
+
+
+div#breadcrumbs {
+ color: #aaa;
+ clear: left;
+ background: #D9D9D9;
+ padding: 16px 20px 0 20px;
+ margin-bottom: -18px;
+ display: none;
+}
+
+div#breadcrumbs a { color: #888; }
+
+div#breadcrumbs a:hover { color: #000; }
+
+
+/************************
+Individual Pages
+************************/
+
+div#labelAndMoniker { margin-bottom: 1.5em; }
+
+
+#labelAndMoniker div {
+ display: inline;
+}
+
+#label h2,
+#label h3 {
+ display: inline;
+ padding-right: 6px;
+ font-size: 1.7em;
+}
+
+em.moniker {
+ color: #9c9c9c;
+}
+
+ul.externalLinks { margin: 0 0 1.5em 0; }
+
+ul.externalLinks li {
+ list-style-type: none;
+ display: inline;
+ padding-right: .5em;
+ padding-left: .8em;
+ border-left: 1px solid #ddd;
+}
+
+ul.externalLinks li.primary,
+ul.externalLinks li.first {
+ padding-left: 0;
+ border: 0;
+}
+
+ul.externalLinks a { color: #84a655; } /* green links */
+
+ul.externalLinks a:hover,
+ul.externalLinks a:active,
+a.externalLink:hover,
+a.externalLink:active {
+ color: #000;
+}
+
+a.externalLink { color: #84a655; }
+
+div.description { margin-bottom: 1.5em; }
+
+.propertyName,
+.propsItem h4 {
+ font-size: 0.8em;
+ line-height: 1em;
+ color: #666;
+ background: #ebebeb;
+ border-right: 1px solid #fff;
+ margin-left: -12px;
+/* margin-bottom: .75em;*/
+ padding: 4px 12px;
+ float: left;
+ /* Fixes in IE6 the cut off text for data and object property names for individual display property groups. */
+ *padding-left:24px !important;
+}
+
+.propsItem,
+.datatypeProperties,
+.properties {
+ clear: left;
+}
+
+.propsItem { padding: 1em 0; }
+
+.propsItem a { font-weight: bold; }
+
+.pageGroupBody {
+ margin-bottom: 1em;
+}
+
+#acknowledgementText {
+ font-size: 90%;
+}
+
+
+/************************
+Search Results
+************************/
+
+.contentsBrowseGroup h2 {
+ margin-top: 2em;
+ padding-bottom: .25em;
+ border-bottom: 1px solid #eee;
+}
+
+.contentsBrowseGroup h3 {
+ color: #666666;
+ font-size: 1em;
+ margin-bottom: 0;
+}
+
+.contentsBrowseGroup ul { margin-left: 0; }
+
+.contentsBrowseGroup li {
+ list-style-type: none;
+ color: #9C9C9C;
+}
+
+.searchTOC a {
+ font-weight: bold;
+ padding-left: 3px;
+}
+
+
+/************************
+Tabs
+************************/
+
+ul.tabEntities {
+ color: #9c9c9c;
+ margin: 1em 0;
+ font-size: 0.8em;
+}
+
+ul.tabEntities li {
+ margin-bottom: 1em;
+ list-style-type: none;
+}
+
+ul.tabEntities a { font-weight: bold; }
+
+ul.tabEntities a.externalLink,
+.individualList a.externalLink {
+ text-decoration: none;
+ font-weight: normal;
+}
+
+.individualList ul.individualData {
+ display: inline;
+}
+
+.individualList ul.individualData li {
+ display: inline;
+ border-right: solid 1px #a0a0a0;
+ padding-right: .3em;
+padding-bottom:1.2em;
+
+}
+
+.individualList ul.individualData li.last {
+ border: none;
+}
+
+div.blurb { color: #999; }
+
+div.blurb a { font-weight: normal; }
+
+/* Index and List pages */
+.siteMap ul,
+.individualList ul { margin-left: 0; }
+
+.siteMap li {
+ list-style-type: none;
+ color: #9c9c9c;
+}
+
+.individualList li {
+ list-style-type: none;
+ color: #9c9c9c;
+ margin-bottom: .5em;
+ }
+
+.siteMap li a,
+.individualList li a {
+ font-weight: normal;
+ }
+
+.siteMap h2 {
+ margin-top: 10px;
+ font-weight:bold;
+ color:#2485AE;
+ }
+
+div.tab h2 {
+ margin: 0 -12px;
+ padding: 0 12px 2px 12px;
+
+}
+
+.tab h3 {
+ color: #999;
+ margin-top: 1em;
+ padding-bottom: 3px;
+}
+
+.tab h3 a { color: #1b4f89; }
+
+.tab h3 a:hover { color: #000; }
+
+.tab th, .tab td, .tab caption { padding-left: 0; }
+
+.tabBody { padding: 2px 0; }
+
+.tabDesc { padding-top: 16px; }
+
+/************************
+Footer
+************************/
+
+#footer a {
+ color: #fff;
+ font-weight: bold;
+}
+
+img.footerLogo { float: left; }
+
+ul.otherNav { margin: 0; }
+
+ul.otherNav li {
+ display: inline;
+ padding: 0 6px;
+ border-right: 1px solid #aaa;
+}
+
+ul.otherNav li.last {
+ border: 0;
+ padding-right: 0;
+}
+
+
+/**********************************************
+Admin Panels & Controls
+
+the odd combinations of positioning types
+are necessary for cross-browser consistency
+**********************************************/
+
+/*** Admin Dashboard ***/
+
+#adminDashboard {
+ margin-top: 1em;
+ display: inline-block;
+ width: 100%;
+}
+
+/*#adminDashboard .pageBodyGroup {
+ margin-top: 2em;
+ margin-bottom: 2em;
+ clear: both;
+}*/
+
+#adminDashboard .pageBodyGroup {
+ float: left;
+ clear: right;
+ display: inline-block;
+ width: 45%;
+ margin-top: 2em;
+ margin-bottom: 1em;
+ padding: 0 1em;
+}
+
+#adminDashboard .pageBodyGroup h4 {
+ margin-bottom: .25em;
+}
+
+#adminDashboard .pageBodyGroup h3 {
+ background-color: #efefef;
+ color: #000;
+ padding: 5px;
+}
+
+#adminDashboard .pageBodyGroup ul {
+ margin: 0 0 1.5em 0;
+}
+
+#adminDashboard .pageBodyGroup li {
+ list-style-type: none;
+}
+
+#adminDashboard #verbosePropertyForm {
+ margin-top: 3em;
+}
+
+#adminDashboard .add-action-button {
+ margin-top: .75em;
+}
+
+#logoutPanel {
+ float: right;
+ margin-right: 4.5em;
+}
+
+#logoutPanel input.button {
+ margin-left: .9em;
+}
+
+/*** end Admin Dashboard ***/
+
+div.admin {
+ color: #fff;
+ background: #aaa;
+ padding: 6px;
+ height: 1%; /* IE likes this */
+ width: 100%; /* and this */
+}
+
+div.panelContents {
+ color: #777;
+ background: #e5e3d5;
+/* display: none;*/
+ padding: 12px;
+}
+
+div.top {
+ margin: 0 -12px;
+ padding: 0 24px 0 0;
+ position: relative;
+ top: -16px;
+ background: #e5e3d5;
+}
+
+div.bottom {
+ margin: 0 -12px;
+ position: relative;
+ bottom: -16px;
+ padding: 6px 12px 8px 12px;
+}
+
+.admin h3 {
+ font-size: 1em;
+ text-transform: uppercase;
+ font-weight: bold;
+ color: #ddd;
+ background: #aaa;
+ line-height: 2em;
+ margin: 0 !important; /* fix for IE6 */
+ margin-right: -24px;
+ padding: 0 12px;
+ width: 100% !important; /* fix for IE6 */
+ width: auto;
+}
+
+.admin p { margin-bottom: .25em; }
+
+.admin a:link,
+.admin a:visited { color: #fff; }
+
+.panelContents a:link,
+.panelContents a:visited { color: #777; }
+
+.admin a:hover,
+.admin a:active { color: #000; }
+
+#loginPanel ul { margin: 0; }
+
+#loginPanel li {
+ list-style-type: none;
+ margin-bottom: .5em;
+}
+
+
+
+
+/******************************************************************
+ENTITY LIST TOGGLES
+(The little plus/minus toggles that show additional items)
+
+These controls are set up to use JavaScript but degrade to use
+CSS :hover classes -- JavaScript can be found in controls.js
+
+IE6 does not support :hover so it will see everything
+(hack is in ie.css)
+******************************************************************/
+
+span.entityMoreSpan {
+ display: block;
+ font-style: italic;
+ background: url(../site_icons/plus.gif) left center no-repeat;
+ padding-left: 14px;
+ margin: .5em 0;
+ line-height: 1em;
+ cursor: pointer;
+}
+
+div.navlinkblock:hover span.entityMoreSpan,
+div.navlinkblock-collapsed:hover span.entityMoreSpan,
+span.entityMoreSpan:hover {
+ color: #8C65A1;
+}
+
+div.navlinkblock:hover span.entityMoreSpan,
+div.navlinkblock-expanded span.entityMoreSpan {
+ background: url(../site_icons/minus.gif) left center no-repeat;
+}
+
+
+div.navlinkblock:hover div.extraEntities,
+div.navlinkblock-expanded div.extraEntities {
+ display: block;
+}
+
+div.extraEntities {
+ display: none;
+}
+
+
+/********************************
+Frontend Edit Controls and Forms
+********************************/
+
+div.editingForm { background: none; }
+
+div.editingForm hr { display: none; }
+
+a.add {
+ float: left;
+ line-height: 1em;
+ width: 1em;
+ height: 1em;
+ padding: 4px;
+ background: #ebebeb url(../../../images/transition/individual/plus_transparent.gif) center center no-repeat;
+ text-indent: -9999px;
+ overflow: hidden;
+}
+
+a.add:hover {
+ background-image: url(../../../images/transition/individual/plus_transparent_hover.gif);
+ background-color: #576772;
+}
+
+ul.properties { margin: 0; }
+
+ul.properties li {
+ color: #9c9c9c;
+ list-style-type: none;
+}
+
+div.datatypePropertyValue,
+ul.properties li,
+ul.datatypePropertyValue li {
+ position: relative;
+ font-size: 0.7em;
+}
+
+
+span.editLinks,
+em.nonEditable {
+ display: none;
+}
+
+span.editLinks a,
+em.nonEditable { font-size: 84.62%; } /* 13px down to 11px */
+
+span.editLinks a {
+ color: #da8622;
+ font-weight: normal;
+}
+
+span.editLinks a:hover { color: #000; }
+
+span.editLinks a.edit { padding-right: 4px; }
+
+.statementWrap:hover span.editLinks,
+.statementWrap:hover em.nonEditable {
+ display: block;
+ width: 6em;
+ padding: 2px 0 4px 0;
+ position: absolute;
+ top: -2px;
+ left: -6em;
+ line-height: 1.5em;
+ background: #fff;
+ z-index: 10;
+ text-align: center;
+}
+
+
+
+span.statementWrap:hover em.nonEditable {
+ padding-top: 5px;
+ width: 8em;
+ left: -8em;
+ font-style: normal;
+}
+
+.verbosePropertyListing {
+ color: gray;
+ font-size: 0.75em;
+ margin-left: 1em;
+}
+
+#dprop-vitro-links.editing li {
+ display: block;
+ border: 0;
+ padding: 0;
+ margin-bottom: .5em;
+}
+
+/************************
+Backend forms
+************************/
+
+div.sparqlform label {
+ font-weight: normal;
+ display: inline;
+}
+
+em.note {
+ font-size: 0.92em;
+ color: #777;
+}
+
+h3.associate {
+ margin-bottom: 0;
+ text-align: left;
+}
+
+/************************
+Upload Images
+************************/
+
+div.thumbnail img,
+div#thumbnail img {
+ border:3px solid #d5d5d5;
+}
+
+/************************
+Miscellaneous
+************************/
+
+.clear{
+clear:both;
+}
+
+.hidden{
+display:none !important;
+}
+
+
+/************************
+style for those with javascript disable
+************************/
+
+#javascriptDisableWrapper, ie67DisableWrapper{
+margin-top:15px;
+width:500px;
+height:300px;
+}
+
+#javascriptDisableContent, #ie67DisableContent{
+width:500px;
+height:100px;
+border:3px solid #bee6f8;
+}
+#ie67DisableContent{
+width:80%;
+margin-bottom:200px;
+}
+#javascriptDisableContent img, #ie67DisableContent img{
+float:left;
+margin-top:36px;
+margin-left:30px;
+}
+
+#javascriptDisableContent p, #ie67DisableContent p{
+font-size:1.1em;
+color:#384c5d;
+line-height:100px;
+padding-left:65px;
+}
+#ie67DisableContent p{
+line-height:normal;
+padding-top:36px;
+}
+
+
+/* styles for error alerts */
+
+#errorAlert{
+ color:#900;
+ padding:0px;
+ margin-bottom:5px;
+ height:30px;
+
+}
+
+
+#errorAlert img{
+ float:left;
+ margin:0;
+ padding:0;
+
+
+
+}
+
+#errorAlert p{
+padding-left:40px;
+font-size:0.9em;
+
+
+}
+
+/* styles for contact us page */
+
+.contactUsReturnHome{
+margin-top:30px;
+margin-bottom:250px;
+}
+
+
+
+
+/*--*/
+h2{
+ font-weight:bold;
+}
+p{
+ line-height:1.3em;
+ padding-bottom:10px;
+}
\ No newline at end of file
diff --git a/themes/wilma/css/search.css b/themes/wilma/css/transition/holdover-vivobasic/search.css
similarity index 100%
rename from themes/wilma/css/search.css
rename to themes/wilma/css/transition/holdover-vivobasic/search.css
diff --git a/themes/wilma/css/wilma.css b/themes/wilma/css/wilma.css
new file mode 100644
index 00000000..f8e7fc3f
--- /dev/null
+++ b/themes/wilma/css/wilma.css
@@ -0,0 +1,700 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+@charset "UTF-8";
+/* CSS Document */
+/* Tell the browser to render HTML 5 elements as block */
+header,
+hgroup,
+section,
+nav,
+article,
+aside,
+footer {
+ display: block;
+}
+time {
+ font-weight: normal;
+}
+html,
+body {
+ margin: 0;
+ padding: 0;
+ height: 100%; /* needed for container min-height */
+ background: #f3f3f0 url(../images/header-background.png) center 0 no-repeat;
+ font-family: "museo-sans-1", "museo-sans-2", helvetica, sans-serif, arial; /*font-size: 62.5%;*/
+ /* Consider these fonts: "Lucida Sans Unicode","Lucida Grande",Geneva,*/ ;
+}
+/* PAGE WRAPPER ------> */
+#wrapper {
+ position: relative; /* needed for footer positioning*/
+ /*margin:0 auto; center, not in IE5 */
+ width: 970px;
+ height: auto !important; /* real browsers */
+ height: 100%; /* IE6: treaded as min-height*/;
+ min-height: 100%; /* real browsers */
+ margin: 0 auto;
+}
+/* HEADER ------> */
+#branding {
+ position: relative;
+ width: 970px;
+ height: 114px;
+ margin: 0 auto;
+}
+/* BRANDING ------> */
+h2.vivo-logo {
+ position: absolute;
+ width: 386px;
+ height: 59px;
+ top: 28px;
+ left: 0;
+ background: url(../images/VIVO-logo.png) 0 0 no-repeat;
+}
+h2.vivo-logo a {
+ display: block;
+ width: 386px;
+ height: 59px;
+}
+/* HEADER NAV------> */
+ul#header-nav {
+ float: right;
+ list-style: none;
+ height: 30px;
+ padding-top: 10px;
+ margin-right: 13px;
+}
+ul#header-nav li {
+ float: left;
+ display: block;
+ padding-left: 10px;
+ padding-right: 10px;
+ border-right: 1px solid grey;
+ font-size: 0.7em;
+ color: white;
+}
+ul#header-nav li.last {
+ border-right: none;
+}
+ul#header-nav li:last-child {
+ padding-right: 0;
+ border-right: none;
+}
+ul#header-nav a {
+ color: #fff;
+}
+ul#header-nav a:link,
+ul#header-nav a:visited {
+ text-decoration: none
+}
+ul#header-nav a:hover,
+ul#header-nav a:active {
+ text-decoration: none;
+ color: #999;
+}
+/* SEARCH ------> */
+#search {
+ position:absolute;
+ width:396px;
+ height:38px;
+ top:40px;
+ right:10px;
+}
+#search-field {
+ width:396px;
+ height:38px;
+ background:url(../images/search-interior-pages.png) 0 0 no-repeat;
+}
+input.search-vivo {
+ float:left;
+ width:290px;
+ height:25px;
+ border:0;
+ font-size:16px;
+ color:#5e6363;
+ margin-left:10px;
+ margin-top:5px;
+}
+#search a.submit {
+ float:right;
+ display:block;
+ width:70px;
+ height:25px;
+ font-size:14px;
+ color:#fff;
+ padding-top:8px;
+ padding-left:15px;
+ text-decoration: none;
+}
+#search-form-modifier{
+ display:none;
+}
+/* MAIN NAVIGATION------> */
+ul#main-nav {
+ display: block;
+ width: 968px;
+ height: 46px;
+ border: 1px solid #dce4e3;
+ background-color: #f7f9f9;
+ margin: 0 auto;
+ list-style: none;
+ font-weight: 1em;
+ color: #706a66;
+}
+#main-nav li {
+ float: left;
+ line-height: 46px;
+ background: url(../images/separator-main-nav.jpg) right -2px no-repeat;
+}
+#main-nav li a {
+ padding-left: 16px;
+ padding-right: 16px;
+ display: block;
+ color: #706a66;
+ text-decoration: none;
+}
+#main-nav li a:hover {
+ color: #002b44;
+ /*background: url(../images/selected-main-nav.jpg) left -3px no-repeat;
+ margin-left: 21px;*/
+}
+#main-nav li a.selected {
+ color: #002b44;
+ background: url(../images/selected-main-nav.jpg) left -1px no-repeat;
+ margin-left: 18px;
+}
+/* WRAPPER CONTENT------> */
+#wrapper-content {
+ clear: both;
+ width: 930px;
+ margin: 0 auto;
+ background: #fff;
+ min-height: 450px;
+ padding: 20px;
+}
+/* INTRO ------> */
+#intro {
+ float: left;
+ width: 570px;
+ padding-bottom: 40px;
+}
+#intro h3 {
+ padding: 35px 0 12px 24px;
+ font-size: 22px;
+ color: #2485ae;
+ border-bottom: none;
+}
+#intro p {
+ font-size: 16px;
+ color: #5f6464;
+ line-height: 1.3em;
+ padding: 0 24px 30px 24px;
+}
+#intro a {
+ color: #2485ae
+}
+.pictos-arrow-14 {
+ font-family: 'Pictos';
+ font-size: 14px;
+ color: #b2d15a;
+}
+/* LOG IN------> */
+#log-in {
+ float: right;
+ width: 314px;
+ height: 348px;
+ border: 1px solid #e8ece9;
+ margin-right: 25px;
+ margin-top: 20px;
+ padding-bottom: 30px;
+ margin-bottom: 30px;
+}
+#log-in h3 {
+ font-size: 22px;
+ color: #2485ae;
+ padding-left: 15px;
+ padding-top: 18px;
+ border-bottom: none;
+}
+form#log-in-form {
+ padding-bottom: 0
+}
+#log-in label {
+ display: block;
+ font-size: 14px;
+ color: #5e6363;
+ padding-top: 20px;
+ padding-left: 38px;
+ font-size: 14px;
+}
+div.input-field {
+ width: 229px;
+ height: 34px;
+ margin-left: 38px;
+ margin-top: 7px;
+ background: #fff;
+ border: 1px solid #e0dfdf;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+}
+#log-in input {
+ margin-left: 7px;
+ margin-top: 7px;
+ border: 0;
+ font-size: 14px;
+}
+#log-in input.login {
+ margin: 7px 4px 10px 0;
+}
+#wrapper-submit-remember-me {
+ width: 270px;
+ margin-left: 38px;
+ margin-top: 20px;
+}
+#remember-me {
+ float: right;
+ width: 170px;
+ height: 20px;
+ margin: 0;
+ padding: 0;
+ padding-top: 5px;
+}
+#remember-me input.checkbox-remember-me {
+ float: left;
+ height: 14px;
+ width: 14px;
+ color: #5e6363;
+ font-size: 12px;
+ padding: 0;
+ margin: 0;
+}
+#remember-me .label-remember-me {
+ display: block;
+ float: right;
+ color: #5e6363;
+ font-size: 12px;
+ width: 100px;
+ padding: 0px;
+ padding-right: 50px;
+ padding-top: 1px;
+}
+p.forgot-password {
+ margin-left: 38px;
+ font-size: 12px;
+}
+p.forgot-password a {
+ color: #2485ae
+}
+#request-account {
+ clear: both;
+ float: left;
+ margin-left: 38px;
+ margin-top: 0;
+ padding-top: 15px;
+ border-top: 1px solid #e8ece9;
+}
+/* HOME SEARCH ------> */
+#search-home {
+ float: left;
+ width: 533px;
+ margin-left: 24px;
+}
+#search-home h3 {
+ padding: 0;
+ font-size: 22px;
+ color: #2485ae;
+ margin-bottom: 15px;
+}
+#search-home-field {
+ width: 483px;
+ height: 44px;
+ background: url(../images/search-field-and-button.png) 0 0 no-repeat;
+}
+input.search-home-vivo {
+ float: left;
+ margin: 10px 0 0 8px;
+ width: 350px;
+ height: 20px;
+ border: 0;
+ font-size: 18px;
+ color: #5e6363;
+}
+#search-home a.submit {
+ float: right;
+ display: block;
+ width: 80px;
+ height: 20px;
+ font-size: 14;
+ color: #fff;
+ padding-top: 10px;
+ padding-left: 30px;
+}
+/* BROWSE ------> */
+#browse {
+ clear: both;
+ width: 920px;
+ margin: 0 auto;
+ border: 1px solid #dfe6e6;
+ background: #f7f9f9;
+ overflow: hidden;
+ padding-bottom: 30px;
+}
+#browse h2,
+#highlights h2 {
+ width: 10%;
+ height: 44px;
+ margin-bottom: 27px;
+ padding-left: 15px;
+ font-size: 1.0em;
+ font-weight: normal;
+ line-height: 44px;
+ color: #fff;
+ background: #5e6363;
+}
+/* BROWSE CLASS GROUPS ------> */
+ul#browse-classGroups {
+ float: left;
+ width: 200px;
+ border: 1px solid #dde4e3;
+ border-right: none;
+ background: #f1f2ee;
+ margin-left: 34px;
+ padding: 0 20px 23px 20px;
+ margin-top: 10px;
+ padding-top: 10px;
+}
+ul#browse-classGroups li {
+ display: block;
+ border-bottom: 1px solid #dde4e3;
+ font-size: 18px;
+ width: 200px;
+ height: 35px;
+ line-height: 35px;
+}
+ul#browse-classGroups li:last-child {
+ border-bottom: none
+}
+ul#browse-classGroups a {
+ display: block;
+ padding-left: 15px;
+ width: 200px;
+ height: 35px;
+ color: #5e6363;
+ text-decoration: none;
+}
+ul#browse-classGroups a:hover {
+ background: url(../images/arrow.gif) 0 12px no-repeat;
+ color: #2ea0cf;
+}
+ul#browse-classGroups a.selected {
+ color: #2ea0cf;
+ background: url(../images/arrow.gif) 0 12px no-repeat;
+}
+ul#browse-classGroups .count-classes {
+ font-size: 14px
+}
+/* BROWSE CLASSES IN CLASS GROUP ------> */
+#browse-classes {
+ float: left;
+ width: 610px;
+ border: 1px solid #dde6e5;
+ background: #fff;
+ margin-top: -20px;
+}
+ul#class-group-list {
+ float: left;
+ width: 268px;
+ padding: 0 10px 15px 22px;
+ margin-top: 20px;
+ margin-bottom: 10px;
+ border-right: 1px solid #dde5e4;
+}
+ul#class-group-list li {
+ display: block;
+ float: left;
+ width: 268px;
+ border-bottom: 1px solid #dde4e3;
+ font-size: 14px;
+ height: 35px;
+ line-height: 35px;
+}
+ul#class-group-list li:last-child {
+ border-bottom: none
+}
+ul#class-group-list a {
+ display: block;
+ padding-left: 15px;
+ width: 200px;
+ height: 35px;
+ color: #5e6363;
+ text-decoration: none;
+}
+ul#class-group-list a:hover {
+ background: url(../images/arrow.gif) 0 12px no-repeat;
+ color: #2ea0cf;
+}
+ul#class-group-list a.selected {
+ color: #2ea0cf;
+ background: url(../images/arrow.gif) 0 12px no-repeat;
+}
+ul#class-group-list .count-individuals {
+ font-size: 12px
+}
+/* VISUALIZATION ------> */
+#visual-graph {
+ float: right;
+ width: 270px;
+ height: 270px;
+}
+#visual-graph h4 {
+ padding: 20px 0 12px 12px;
+ font-size: 18px;
+ color: #2485ae;
+ font-weight: normal;
+ background: url(../images/bullet-visual-graph.png) 120px 25px no-repeat;
+}
+/* HIGHLIGHTS ------> */
+#highlights {
+ clear: both;
+ width: 920px;
+ margin: 0 auto;
+ margin-top: 40px;
+ height: 400px;
+ border: 1px solid #dfe6e6;
+ background: #f7f9f9;
+ padding-bottom: 30px;
+}
+#highlights h2 {
+ width: 14%
+}
+#highlights h3 {
+ color: #91b039;
+ font-size: 14px;
+ padding-bottom: 20px;
+}
+.global-highlights {
+ border: 1px solid #e8e8e8;
+ background: #fff;
+ float: left;
+ width: 235px;
+ padding: 24px;
+}
+/* FEATURED PEOPLE ------> */
+#featured-people {
+ margin-left: 20px;
+ margin-right: 15px;
+}
+article.featured-people {
+ width: 245px;
+ height: 100px;
+}
+img.individual-photo {
+ width: 80px;
+ border: 1px solid #999;
+ float: left;
+}
+article.vcard p.fn {
+ float: left;
+ width: 130px;
+ font-size: 12px;
+ line-height: 1.3em;
+ margin-left: 20px;
+ color: #303e4e;
+ font-weight: bold;
+}
+article.vcard span.title {
+ display: block;
+ font-weight: normal;
+ font-style: italic;
+}
+article.vcard span.org {
+ display: block;
+ font-weight: normal;
+}
+p.view-all {
+ clear: both;
+ width: 200px;
+ font-size: 14px;
+ text-align: right;
+ color: #303e4e;
+}
+a.view-all-style {
+ color: #303e4e
+}
+.pictos-arrow-10 {
+ font-family: 'Pictos';
+ font-size: 1.0em;
+ line-height: 1.0em;
+}
+/* UPCOMING EVENTS------> */
+#upcoming-events {
+ margin-right: 15px
+}
+article.vevent {
+ width: 233px;
+ height: 59px;
+ clear: both;
+}
+time.dtstart {
+ width: 40px;
+ height: 59px;
+ float: left;
+ background: url(../images/date-display.jpg) 0 0 no-repeat;
+ color: #fff;
+ text-align: center;
+ padding-top: 10px;
+ font-size: 20px;
+}
+time.dtstart span {
+ display: block;
+ font-size: 11px;
+ color: #fff;
+ margin-top: -10px;
+}
+p.summary {
+ padding-left: 50px;
+ padding-top: 12px;
+ color: #303e4e;
+ font-size: 12px;
+ font-weight: bold;
+}
+p.summary time {
+ display: block;
+ padding-top: 0;
+ font-weight: normal;
+}
+/* LATEST PUBLICATIONS ------> */
+article.latest-publications-item {
+ width: 232px;
+ height: 35px;
+ background: url(../images/icon-pub.png) 0 0 no-repeat;
+ padding-bottom: 10px;
+}
+p.publication-content {
+ padding-left: 40px;
+ color: #303e4e;
+ font-size: 12px;
+ font-weight: bold;
+ line-height: 1.3em;
+}
+p.publication-content span {
+ display: block;
+ font-weight: normal;
+}
+/* FOOTER------> */
+#footer-content {
+ clear: both;
+ width: 970px;
+ height: 88px;
+ margin: 0 auto;
+ font-size: 0.7em;
+ color: #4e5051;
+ background-color: #fff;
+}
+#footer-content p.copyright {
+ float: left;
+ padding-top: 55px;
+ padding-left: 30px;
+ width: 500px;
+}
+ul#footer-nav {
+ float: right;
+ list-style: none;
+ width: 200px;
+ height: 20px;
+ margin: 0;
+ padding: 0;
+ padding-top: 50px;
+ padding-right: 20px;
+}
+ul#footer-nav li {
+ float: left;
+ display: block;
+ padding-left: 10px;
+ padding-right: 10px;
+ border-right: 1px solid #c9c8c8;
+}
+ul#footer-nav li:last-child {
+ border-right: none
+}
+#footer-nav a {
+ color: #4e5051
+}
+#footer-nav a:hover {
+ color: #09C;
+ text-decoration: none;
+}
+a.terms {
+ color: #09C;
+ text-decoration: none;
+}
+a.terms:hover {
+ color: #4e5051;
+ text-decoration: none;
+}
+a.powered-by-vivo {
+ color: #09C;
+ text-decoration: none;
+}
+a.powered-by-vivo:hover {
+ color: #4e5051;
+ text-decoration: none;
+}
+/* MISCELLANEOUS------> */
+.displace {
+ position: absolute;
+ left: -9999px;
+}
+a {
+ text-decoration: underline
+}
+/* STYLED BUTTONS ------> */
+.button,
+.button:visited {
+ background: #222 url(../images/alert-overlay.png) repeat-x;
+ display: inline-block;
+ padding: 7px 22px 8px;
+ color: #fff;
+ text-decoration: none;
+ border-radius: 4px; /*This box should have a rounded corners in browsers supporting CSS3*/
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ /* : ;
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
+ text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.25);*/
+ position: relative;
+ cursor: pointer;
+}
+.button:hover {
+ background-color: #111;
+ color: #fff;
+}
+.button:active {
+ top: 1px
+}
+.small.button,
+.small.button:visited {
+ font-size: 11px
+}
+.button,
+.button:visited {
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 1; /*text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);*/
+}
+.green.button,
+.green.button:visited {
+ background-color: #749a02
+}
+.green.button:hover {
+ background-color: #b2d15a
+}
+.blue.button,
+.blue.button:visited {
+ background-color: #398aac
+}
+.blue.button:hover {
+ background-color: #58a2c1
+}
+
diff --git a/themes/wilma/templates/edit/formPrefix.jsp b/themes/wilma/templates/edit/formPrefix.jsp
index 086aa234..2747aeaf 100644
--- a/themes/wilma/templates/edit/formPrefix.jsp
+++ b/themes/wilma/templates/edit/formPrefix.jsp
@@ -37,7 +37,7 @@ FreemarkerHttpServlet.getFreemarkerComponentsForJsp(request);
${title}
-
+
<%-- ${headScripts.add("/js/html5.js")} --%>
diff --git a/themes/wilma/templates/page-home.ftl b/themes/wilma/templates/page-home.ftl
index 3c964505..c8acc4ff 100644
--- a/themes/wilma/templates/page-home.ftl
+++ b/themes/wilma/templates/page-home.ftl
@@ -4,7 +4,7 @@
${title}
-
+
${stylesheets.tags}
${headScripts.add("/js/html5.js")}
diff --git a/themes/wilma/templates/page.ftl b/themes/wilma/templates/page.ftl
index e79a8e24..9719a513 100644
--- a/themes/wilma/templates/page.ftl
+++ b/themes/wilma/templates/page.ftl
@@ -4,7 +4,7 @@
${title}
-
+
${stylesheets.tags}
${headScripts.add("/js/html5.js")}
diff --git a/themes/wilma/templates/page/basicPage.jsp b/themes/wilma/templates/page/basicPage.jsp
index 16800cbd..060cf937 100644
--- a/themes/wilma/templates/page/basicPage.jsp
+++ b/themes/wilma/templates/page/basicPage.jsp
@@ -80,7 +80,7 @@ FreemarkerHttpServlet.getFreemarkerComponentsForJsp(request);
${title}
-
+
<%-- ${headScripts.add("/js/html5.js")} --%>