Update button styles and switched to "ZF green"

diff --git a/module/Application/view/index/index.phtml b/module/Application/view/index/index.phtml
index cc36d6a..2729fb2 100644 (file)
--- a/module/Application/view/index/index.phtml
+++ b/module/Application/view/index/index.phtml
@@ -1,25 +1,25 @@
   <div class="hero-unit">
-    <h1>Welcome to Zend Framework</h1>
+    <h1>Welcome to <span class="zf-green">Zend Framework 2</span></h1>
     <p>Congratulations! You have successfully installed the <a href="https://github.com/zendframework/ZendSkeletonApplication">ZF2 Skeleton Application</a>. You are currently running Zend Framework version <?php echo \Zend\Version::VERSION ?>. This skeleton can serve as a simple starting point for you to begin building your application on ZF2.</p>
-    <p><a class="btn primary large" href="https://github.com/zendframework/zf2">Fork Zend Framework 2 on GitHub &raquo;</a></p>
+    <p><a class="btn btn-success btn-large" href="https://github.com/zendframework/zf2">Fork Zend Framework 2 on GitHub &raquo;</a></p>
   </div>
 
   <div class="row">
     <div class="span4">
       <h2>Follow Development</h2>
         <p>Zend Framework 2 is under active development. If you are interested in following the development of ZF2, there is a special ZF2 portal on the official Zend Framework webiste which provides links to the ZF2 <a href="http://framework.zend.com/wiki/display/ZFDEV2/Home">wiki</a>, <a href="http://framework.zend.com/zf2/blog">dev blog</a>, <a href="http://framework.zend.com/issues/browse/ZF2">issue tracker</a>, and much more. This is a great resource for staying up to date with the latest developments!</p>
-      <p><a class="btn" href="http://framework.zend.com/zf2">ZF2 Development Portal &raquo;</a></p>
+      <p><a class="btn btn-success" href="http://framework.zend.com/zf2">ZF2 Development Portal &raquo;</a></p>
 
     </div>
     <div class="span4">
       <h2>Discover Modules</h2>
        <p>The community is working on developing a community site to serve as a repository and gallery for ZF2 modules. The project is available <a href="https://github.com/zendframework/modules.zendframework.com">on GitHub</a>. The site is currently live and currently contains a list of some of the modules already available for ZF2.</p>
-      <p><a class="btn" href="http://modules.zendframework.com/">Explore ZF2 Modules &raquo;</a></p>
+      <p><a class="btn btn-success" href="http://modules.zendframework.com/">Explore ZF2 Modules &raquo;</a></p>
    </div>
    <div class="span4">
 
      <h2>Help &amp; Support</h2>
      <p>If you need any help or support while developing with ZF2, you may reach us via IRC: <a href="irc://irc.freenode.net/zftalk.2">#zftalk.2 on Freenode</a>. We'd love to hear any questions or feedback you may have regarding the beta releases. Alternatively, you may subscribe and post questions to the <a href="http://framework.zend.com/wiki/display/ZFDEV/Mailing+Lists">mailing lists</a>.</p>
-     <p><a class="btn" href="http://webchat.freenode.net?channels=zftalk.2">Ping us on IRC &raquo;</a></p>
+     <p><a class="btn btn-success" href="http://webchat.freenode.net?channels=zftalk.2">Ping us on IRC &raquo;</a></p>
    </div>
   </div>

diff --git a/module/Application/view/layout/layout.phtml b/module/Application/view/layout/layout.phtml
index 8db92e8..4f4ed2a 100644 (file)
--- a/module/Application/view/layout/layout.phtml
+++ b/module/Application/view/layout/layout.phtml
@@ -46,7 +46,7 @@ echo $this->doctype();
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </a>
-          <a class="brand" href="<?php echo $this->url('home') ?>">ZF2 Skeleton Application</a>
+          <a class="brand" href="<?php echo $this->url('home') ?>">Skeleton Application</a>
           <div class="nav-collapse">
             <ul class="nav">
               <li class="active"><a href="<?php echo $this->url('home') ?>">Home</a></li>

diff --git a/public/css/style.css b/public/css/style.css
index 6a5a496..a11d80d 100644 (file)
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -2,3 +2,24 @@ body {
     padding-top: 60px;
     padding-bottom: 40px;
 }
+
+.zf-green {
+    color: #68b604; 
+}
+
+.btn-success {
+  background-color: #57a900;
+  background-image: -moz-linear-gradient(top, #70d900, #57a900);
+  background-image: -ms-linear-gradient(top, #70d900, #57a900);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
+  background-image: -webkit-linear-gradient(top, #70d900, #57a900);
+  background-image: -o-linear-gradient(top, #70d900, #57a900);
+  background-image: linear-gradient(top, #70d900, #57a900);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
+}
+
+div.container a.brand {
+    background: url("../images/zf2-logo.png") no-repeat scroll 0 10px transparent;
+    margin-left: 0;
+    padding: 8px 20px 12px 40px;
+}

diff --git a/public/images/zf2-logo.png b/public/images/zf2-logo.png
new file mode 100644 (file)
index 0000000..03c8dae
Binary files /dev/null and b/public/images/zf2-logo.png differ