From ba2d4c6dd0b88f3cc098a506ac06fa9c009e55e9 Mon Sep 17 00:00:00 2001 From: mb863 Date: Tue, 21 Dec 2010 22:52:57 +0000 Subject: [PATCH] NIHVIVO-1316: Worked on making individual pages theme agnostic. --- themes/wilma/css/individual.css | 218 ++++++++++++++++++ themes/wilma/css/screen.css | 1 + .../transition/holdover-vivobasic/screen.css | 67 ------ 3 files changed, 219 insertions(+), 67 deletions(-) create mode 100644 themes/wilma/css/individual.css diff --git a/themes/wilma/css/individual.css b/themes/wilma/css/individual.css new file mode 100644 index 00000000..2bd72096 --- /dev/null +++ b/themes/wilma/css/individual.css @@ -0,0 +1,218 @@ +/* $This file is distributed under the terms of the license in /doc/license.txt$ */ + +@charset "UTF-8"; +/* CSS Document */ + +/* ADMIN PANEL------> */ +div.panelContents{ + background: #efebe6; +} +div.top{ + top: 0; + background: #efebe6; +} +.admin h3{ + color: #fff; + background: #2485AE; +} +/* <------ INDIVIDUAL INTRO FOR ANY CLASS*/ +#individual-intro h1{ + font-size: 1.375em; + color: #2485ae; +} +#individual-intro span.preferred-title{ + font-size: 1.125em; + color: #5e6363; + border-left: 1px solid #5e6363; +} +/* <------ INDIVIDUAL INTRO FOR PERSON*/ +#individual-intro-person{ + width: 700px; + border-right: 1px solid #edf0ed; +} +/* <------ INDIVIDUAL INTRO LEFT CONTENT */ +#left-side img.individual-photo2{ + border: 7px solid #ebebeb; +} +ul#individual-tools-people{ + border-bottom: 1px solid #e8ece9; + color: #b2d15a; +} +ul#individual-tools-people li a{ + color: #b2d15a; +} +ul#individual-tools{ + color: #8AA149 +} +ul#individual-tools li a{ + color: #b2d15a; +} +.picto-email{ + color: #aeb1b1; +} +#left-side a.email{ + color: #5f6464; +} +#left-side a.tel{ + color: #5f6464; +} +ul#individual-urls{ + list-style: url(../../../images/individual/arrow-grey.gif); +} +ul#individual-urls li{ + font-size: .875em; + line-height: 1.2em; +} +ul#individual-urls li a{ + color: #2485ae; +} +ul#individual-urls-people{ + list-style: url(../../../images/individual/arrow-grey.gif); +} +ul#individual-urls-people li a{ + color: #2485ae; +} +/* <------ INDIVIDUAL RIGHT CONTENT */ +#individual-info{ + width: 425px; + color: #5e6363; +} +#individual-info h1.fn{ + font-size: 1.375em; + color: #2485ae; +} +h1.fn .preferred-title { + font-size: 1.125em; + color: #5e6363; + border-left: 1px solid #a6b1b0; +} +#individual-info h2{ + font-size: 1.125em; + font-weight: normal; +} +ul#individual-positions{ + font-size: 1em; + list-style: url(../../../images/individual/arrow-green.gif); +} +ul#individual-positions li{ + line-height: 1.2em; +} +ul#individual-positions li a{ + color: #2485ae; +} +.individual-overview{ + font-size: 1em; +} +ul#individual-areas{ + padding-bottom: 24px; +} +ul#individual-areas li{ + border-right: 1px solid red; +} +ul#individual-areas li:first-child{ + padding-left: 0; +} +ul#individual-areas li: last-child{ + border-right: none; +} +ul#individual-areas li{ + border-right: 1px solid #5e6363; +} +ul#individual-areas li a{ + color: #2485ae; +} +/* <------ INDIVIDUAL VISUALIZATION */ +#publications-visualization{ + margin-top: 35px; + float: right; + width: 226px; +} +/* <------ SPARKLINES */ +#sparklines-publications{ + width: 184px; + padding: 0 20px 45px 20px; +} +#sparklines-publications h3{ + font-size: 1.25em; + color: #2485ae; +} +.publication-year-range{ + font-size: .875em; +} +a.all-vivo-publications{ + font-size: .875em; + color: #5e6363; +} +/* <------ COAUTHORS */ +img.co-author{ + border: 2px solid #ebebeb; +} +#co-authors h3{ + font-size: 1.25em; + color: #2485ae; +} +p.view-all-coauthors{ + font-size: .875em; +} +/* PROPERTY GROUP MENU------> */ +#property-group-menus{ + width: 920px; + background: #f1f2ee; +} +#property-group-menus ul{ + color: #5e6363; + font-size: 1em; +} +#property-group-menus li{ + background: url(../../../images/individual/separator-property-group-nav.jpg) right 10px no-repeat; +} +#property-group-menus a{ + color: #5e6363; +} +#property-group-menus a:hover{ + color: #002b44; +} +#property-group-menus li:last-child{ + background: none; +} +/* PROPERTY GROUP------> */ +.property-group{ + width: 920px; + background: #fff; +} +section.property-group h2{ + font-size: 1.25em; + color: #2485ae; + font-weight: normal; + /*background:url(../../../images/individual/arrow-down.gif) 120px 24px no-repeat;*/ +} +article.property{ + width: 852px; +} +article.property h3{ + background: #fafaf9; + font-size: 1.063em; + color: #8aa149; +} +article.property .data-property-statement{ + background: #fff; + font-size: 1em; + color: #5e6363; +} +article.property ul.property-list{ + font-size: 1em; + color: #5e6363; +} +article.property ul.property-list li a{ + color: #2485ae; +} +/* MISCELLANEOUS------> */ +.blue{ + color: #2485ae; +} +.grey{ + color: #5e6363; +} +.green{ + color: #b2d15a; +} diff --git a/themes/wilma/css/screen.css b/themes/wilma/css/screen.css index 99afb25c..f14aa2f4 100644 --- a/themes/wilma/css/screen.css +++ b/themes/wilma/css/screen.css @@ -26,4 +26,5 @@ VIVO wilma theme: screen styles @import url("reset.css"); @import url("pictos.css"); @import url("edit.css"); +@import url("individual.css"); @import url("wilma.css"); \ No newline at end of file diff --git a/themes/wilma/css/transition/holdover-vivobasic/screen.css b/themes/wilma/css/transition/holdover-vivobasic/screen.css index 05904fa1..75a62b29 100644 --- a/themes/wilma/css/transition/holdover-vivobasic/screen.css +++ b/themes/wilma/css/transition/holdover-vivobasic/screen.css @@ -513,73 +513,6 @@ are necessary for cross-browser consistency margin-left: .9em; } -/*** end Admin Dashboard ***/ - -div.admin { - color: #fff; - background: #aaa; - padding: 6px; - height: 1%; /* IE likes this */ - width: 98%; /* and this */ -} - -div.panelContents { - color: #777; - background: #e5e3d5; -/* display: none;*/ - padding: 12px; -} - -div.top { - margin: 0; - 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)