You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@oodt.apache.org by ri...@apache.org on 2014/07/16 20:13:47 UTC
svn commit: r1611121 - in
/oodt/cms_site/branches/studio_francesca-theme/theme: index.html
index2.html stylesheets/homepage.css stylesheets/skins/oodt.css
Author: riverma
Date: Wed Jul 16 18:13:47 2014
New Revision: 1611121
URL: http://svn.apache.org/r1611121
Log:
New skin for OODT with lighter colors, made index the main page
Added:
oodt/cms_site/branches/studio_francesca-theme/theme/stylesheets/skins/oodt.css (with props)
Removed:
oodt/cms_site/branches/studio_francesca-theme/theme/index2.html
Modified:
oodt/cms_site/branches/studio_francesca-theme/theme/index.html
oodt/cms_site/branches/studio_francesca-theme/theme/stylesheets/homepage.css
Modified: oodt/cms_site/branches/studio_francesca-theme/theme/index.html
URL: http://svn.apache.org/viewvc/oodt/cms_site/branches/studio_francesca-theme/theme/index.html?rev=1611121&r1=1611120&r2=1611121&view=diff
==============================================================================
--- oodt/cms_site/branches/studio_francesca-theme/theme/index.html (original)
+++ oodt/cms_site/branches/studio_francesca-theme/theme/index.html Wed Jul 16 18:13:47 2014
@@ -10,11 +10,11 @@
<meta charset="utf-8"/>
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width"/>
-<title>Studio Francesca - Premium Theme by WowThemes.net</title>
-<!-- CSS Files-->
+<title>Apache OODT</title>
+<!-- Included CSS Files-->
<link rel="stylesheet" href="stylesheets/style.css">
<link rel="stylesheet" href="stylesheets/homepage.css"><!-- homepage stylesheet -->
-<link rel="stylesheet" href="stylesheets/skins/teal.css"><!-- skin color -->
+<link rel="stylesheet" href="stylesheets/skins/oodt.css"><!-- skin color -->
<link rel="stylesheet" href="stylesheets/responsive.css">
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]>
@@ -40,12 +40,12 @@
<!-- HEADER
================================================== -->
<div class="row">
- <div class="four columns">
+ <!--<div class="four columns">
<div class="logo">
- <a href="index.html"><h4>Studio Francesca</h4></a>
+ <a href="index.html"><h4>Apache OODT</h4></a>
</div>
- </div>
- <div class="eight columns noleftmarg">
+ </div>-->
+ <div class="nine columns">
<nav id="nav-wrap">
<ul class="nav-bar sf-menu">
@@ -53,45 +53,24 @@
<a href="index.html">Home</a>
<ul>
- <li><a href="index2.html">Without slider</a></li>
+ <li><a href="index.html">Without slider</a></li>
</ul>
</li>
<li>
- <a href="#">Portofolio</a>
- <ul>
- <li><a href="portofolio2.html">2 Columns</a></li>
- <li><a href="portofolio3.html">3 Columns</a></li>
- <li><a href="portofolio4.html">4 Columns</a></li>
- <li><a href="portofoliodetail.html">Project Details</a></li>
- </ul>
+ <a href="#">About</a>
</li>
<li>
- <a href="#">Blog</a>
- <ul>
- <li><a href="blogpage1.html">Blog page style 1</a></li>
- <li><a href="blogpage2.html">Blog page style 2</a></li>
- <li><a href="blogpage3.html">Blog page style 3</a></li>
- <li><a href="blogsinglepost.html">Single post</a></li>
- </ul>
+ <a href="portofolio4.html">Components</a>
</li>
<li>
- <a href="#">Pages</a>
- <ul>
- <li><a href="about.html">About us</a></li>
- <li><a href="services.html">Services</a></li>
- </ul>
+ <a href="services.html">Downloads</a>
</li>
<li>
- <a href="#">Features</a>
- <ul>
- <li><a href="columns.html">Columns</a></li>
- <li><a href="elements.html">Elements</a></li>
- <li><a href="typography.html">Typography</a></li>
- </ul>
+ <a href="columns.html">Development</a>
</li>
<li>
@@ -104,106 +83,18 @@
</div>
<div class="clear">
</div>
-<!-- SLIDER
-================================================== -->
-<div id="ei-slider" class="ei-slider">
- <ul class="ei-slider-large">
- <li>
- <img src="http://placehold.it/1400x500/222" alt="image01" class="responsiveslide">
- <div class="ei-title">
- <h2>Dare to</h2>
- <h3>Dream</h3>
- </div>
- </li>
- <li>
- <img src="http://placehold.it/1400x500/222" alt="image02" class="responsiveslide">
- <div class="ei-title">
- <h2>Dare to</h2>
- <h3>Hope</h3>
- </div>
- </li>
- <li>
- <img src="http://placehold.it/1400x500/222" alt="image03" class="responsiveslide">
- <div class="ei-title">
- <h2>Dare to</h2>
- <h3>Smile</h3>
- </div>
- </li>
- <li>
- <img src="http://placehold.it/1400x500/222" alt="image04" class="responsiveslide">
- <div class="ei-title">
- <h2>Dare to</h2>
- <h3>ask</h3>
- </div>
- </li>
- <li>
- <img src="http://placehold.it/1400x500/222" alt="image05" class="responsiveslide">
- <div class="ei-title">
- <h2>Dare to</h2>
- <h3>refuse</h3>
- </div>
- </li>
- <li>
- <img src="http://placehold.it/1400x500/222" alt="image06" class="responsiveslide">
- <div class="ei-title">
- <h2>Dare to</h2>
- <h3>give</h3>
- </div>
- </li>
- <li>
- <img src="http://placehold.it/1400x500/222" alt="image07" class="responsiveslide">
- <div class="ei-title">
- <h2>Dare to</h2>
- <h3>receive</h3>
- </div>
- </li>
- <li>
- <img src="http://placehold.it/1400x500/222" alt="image08" class="responsiveslide">
- <div class="ei-title">
- <h2>Dare to </h2>
- <h3>Love</h3>
- </div>
- </li>
- <li>
- <img src="http://placehold.it/1400x500/222" alt="image09" class="responsiveslide">
- <div class="ei-title">
- <h2>Dare to</h2>
- <h3>Forgive</h3>
- </div>
- </li>
- <li>
- <img src="http://placehold.it/1400x500/222" alt="image10" class="responsiveslide">
- <div class="ei-title">
- <h2>Stand up & </h2>
- <h3>Live</h3>
- </div>
- </li>
- </ul>
- <!-- slider-thumbs -->
- <ul class="ei-slider-thumbs">
- <li class="ei-slider-element">Current</li>
- <li><a href="#">Slide 1</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb01"/></li>
- <li><a href="#">Slide 2</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb02"/></li>
- <li><a href="#">Slide 3</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb03"/></li>
- <li><a href="#">Slide 4</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb04"/></li>
- <li><a href="#">Slide 5</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb05"/></li>
- <li><a href="#">Slide 6</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb06"/></li>
- <li><a href="#">Slide 7</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb07"/></li>
- <li><a href="#">Slide 8</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb08"/></li>
- <li><a href="#">Slide 9</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb09"/></li>
- <li><a href="#">Slide 10</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb10"/></li>
- </ul>
-</div>
-<div class="minipause">
-</div>
<!-- SUBHEADER
================================================== -->
-<div id="subheader">
+<div id="subheader" class="subheadertext">
<div class="row">
<div class="twelve columns">
- <p class="text-center">
- "Vision is the art of seeing what is invisible to others" - Jonathan Swift
- </p>
+ <div class="noslide">
+ <img src="./oodt-images/oodt_asf_logo.png" style="height:130px">
+ <!-- <h1>Apache OODT</h1> -->
+ <h3>Catalogs, archives, metadata, & more</h3>
+ <div class="minipause"></div><br/>
+ <a href="#" class="clear actbutton">Download OODT</a>
+ </div>
</div>
</div>
</div>
@@ -214,27 +105,29 @@
<ul class="ca-menu">
<li>
<a href="#">
- <span class="ca-icon">F</span>
+ <span class="ca-icon">H</span>
<div class="ca-content">
- <h2 class="ca-main">Responsive<br/> Design</h2>
- <h3 class="ca-sub">Across all major devices</h3>
+ <h2 class="ca-main">About</h2>
+ <h3 class="ca-sub">Straight to the point</h3>
</div>
</a>
</li>
<li>
<a href="#">
- <span class="ca-icon">H</span>
+ <span class="ca-icon">F</span>
<div class="ca-content">
- <h2 class="ca-main">Friendly<br/> Documentation</h2>
- <h3 class="ca-sub">Straight to the point</h3>
+ <h2 class="ca-main">Getting Started</h2>
+ <h3 class="ca-sub">
+ Download the latest release<br/>
+ Read the quick start guide</h3>
</div>
</a>
</li>
<li>
<a href="#">
- <span class="ca-icon">N</span>
+ <span class="ca-icon">d</span>
<div class="ca-content">
- <h2 class="ca-main">Alternate<br/> Home Pages</h2>
+ <h2 class="ca-main">Latest Updates</h2>
<h3 class="ca-sub">Full slider, boxed or none</h3>
</div>
</a>
@@ -243,8 +136,8 @@
<a href="#">
<span class="ca-icon">K</span>
<div class="ca-content">
- <h2 class="ca-main">Filterable<br/> Portofolio</h2>
- <h3 class="ca-sub">Isotop & PrettyPhoto</h3>
+ <h2 class="ca-main">Community</h2>
+ <h3 class="ca-sub">Find your place</h3>
</div>
</a>
</li>
@@ -271,7 +164,7 @@
<div class="four columns">
<h5>Artwork</h5>
<p>
- Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.
+ Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.
</p>
<p>
<a href="#" class="readmore">Learn more</a>
@@ -296,17 +189,17 @@
<div id="testimonials">
<blockquote>
<p>
- "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis." <cite>Martin - NY</cite>
+ "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. " <cite>–Martin - NY</cite>
</p>
</blockquote>
<blockquote>
<p>
- "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco." <cite>Sandra - LA</cite>
+ "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." <cite>–Sandra - LA</cite>
</p>
</blockquote>
<blockquote>
<p>
- "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco." <cite>Jason - MA</cite>
+ "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." <cite>–Jason - MA</cite>
</p>
</blockquote>
</div>
@@ -373,16 +266,14 @@
©<span class="small"> Copyright 2013 Your Agency Name</span>
</div>
<div class="six columns">
- <span class="small floatright"> Purchase "Studio Francesca" - WowThemes.net</span>
+
</div>
</div>
</div>
<!-- JAVASCRIPTS
================================================== -->
<!-- Javascript files placed here for faster loading -->
-<script src="javascripts/foundation.min.js"></script>
-<script src="javascripts/jquery.easing.1.3.js"></script>
-<script src="javascripts/elasticslideshow.js"></script>
+<script src="javascripts/foundation.min.js"></script>
<script src="javascripts/jquery.carouFredSel-6.0.5-packed.js"></script>
<script src="javascripts/jquery.cycle.js"></script>
<script src="javascripts/app.js"></script>
@@ -395,4 +286,4 @@
<script src="javascripts/jquery.tweet.js"></script>
<script src="javascripts/twitterusername.js"></script>
</body>
-</html>
\ No newline at end of file
+</html>
Modified: oodt/cms_site/branches/studio_francesca-theme/theme/stylesheets/homepage.css
URL: http://svn.apache.org/viewvc/oodt/cms_site/branches/studio_francesca-theme/theme/stylesheets/homepage.css?rev=1611121&r1=1611120&r2=1611121&view=diff
==============================================================================
--- oodt/cms_site/branches/studio_francesca-theme/theme/stylesheets/homepage.css (original)
+++ oodt/cms_site/branches/studio_francesca-theme/theme/stylesheets/homepage.css Wed Jul 16 18:13:47 2014
@@ -399,5 +399,5 @@ a.actbutton:hover {
color: #33777d;
}
.noslide {text-align:center;}
-.noslide h1 {color:#eee;font-family:BitterRegular;margin-bottom:23px;}
-.noslide h3 {color: #eee;padding: 0 100px; font-weight: lighter; line-height: 34px;}
+.noslide h1 {color:#000;font-family:BitterRegular;margin-bottom:23px;}
+.noslide h3 {color: #000;padding: 0 100px; font-weight: lighter; line-height: 34px;}
Added: oodt/cms_site/branches/studio_francesca-theme/theme/stylesheets/skins/oodt.css
URL: http://svn.apache.org/viewvc/oodt/cms_site/branches/studio_francesca-theme/theme/stylesheets/skins/oodt.css?rev=1611121&view=auto
==============================================================================
--- oodt/cms_site/branches/studio_francesca-theme/theme/stylesheets/skins/oodt.css (added)
+++ oodt/cms_site/branches/studio_francesca-theme/theme/stylesheets/skins/oodt.css Wed Jul 16 18:13:47 2014
@@ -0,0 +1,34 @@
+.colorme {color:#F2FBFF;}
+.nav-bar > li:hover, .nav-bar > li a:hover { color: #174468;}
+.nav-bar > li.active > a { }
+ul.flyout li a:hover, .nav-bar li ul li a:hover {color:#F2FBFF;}
+.flyout {border-top:2px solid #F2FBFF;}
+.sectiontitle {border-left: 4px solid #F2FBFF;}
+::-moz-selection{background:#F2FBFF;color:#fff;}
+::selection{background:#F2FBFF;color:#fff;}
+.ca-menu li:hover .ca-main {color: #F2FBFF;}
+.topborder { border-top:4px solid #F2FBFF;}
+.readmore {background:#166388;}
+ #subheader {background: #F2FBFF;border-top: 1px solid #F2FBFF; color: #eee;}
+ #subheader a {color: #eee;}
+ #subheader a:hover {color: #fff;}
+ #testimonials blockquote cite {color:#F2FBFF;}
+ .tags {background:#F2FBFF;}
+ ul.pagination li.current a {background: #F2FBFF;}
+.saymore {color:#F2FBFF;}
+.submit {background:#F2FBFF;}
+dl.tabs dd.active { border-bottom: 3px solid #F2FBFF;}
+ul.accordion > li.active {border-top: 3px solid #F2FBFF;}
+div.alert-box.default { background-color: #F2FBFF;}
+.slide { margin: 0; padding: 0; border-top: solid 4px #F2FBFF;}
+.btn-slide { background:#F2FBFF url(../../images/plus.png) no-repeat;}
+.btn-slide.active { background: #F2FBFF url(../../images/minus.png) no-repeat;}
+#footer {border-top:#F2FBFF 4px solid;}
+.back-top a:hover{background-color: #F2FBFF;}
+.sf-shadow ul {border-top:2px solid #F2FBFF;}
+.panel {border-left:4px solid #F2FBFF;}
+.colorbackground {background:#F2FBFF;}
+a.projectdetail { background: #F2FBFF;opacity:0.8;}
+a.projectdetail:hover { background: #F2FBFF;opacity:1.0;}
+#testimonials {border-left: solid 6px #F2FBFF;}
+.ei-title h2{background:#F2FBFF;}
Propchange: oodt/cms_site/branches/studio_francesca-theme/theme/stylesheets/skins/oodt.css
------------------------------------------------------------------------------
svn:executable = *