You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by st...@apache.org on 2014/01/20 19:42:16 UTC
[26/32] git commit: Updated styles for the home page via home.less.
Upaded some variables for bg colors/border colors. Added in more changes to
styles by including pages. Updated minor search styles,
surely to be changed later
Updated styles for the home page via home.less. Upaded some variables for bg colors/border colors. Added in more changes to styles by including pages. Updated minor search styles, surely to be changed later
Project: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/repo
Commit: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/commit/d18809a3
Tree: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/tree/d18809a3
Diff: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/diff/d18809a3
Branch: refs/heads/refactor
Commit: d18809a36611edda0fe2a393a74d095c07356a39
Parents: 5439f1a
Author: Josh Bavari <jo...@raisemore.com>
Authored: Mon Jan 20 00:31:47 2014 -0600
Committer: Josh Bavari <jo...@raisemore.com>
Committed: Mon Jan 20 00:31:47 2014 -0600
----------------------------------------------------------------------
attachments/css/layout.less | 16 +++++++
attachments/css/pages/home.less | 80 ++++++++++++++++++++++++++++++-
attachments/css/pages/search.less | 1 +
attachments/css/styles.css | 84 ++++++++++++++++++++++++++++++++-
attachments/css/styles.less | 3 +-
attachments/css/variables.less | 6 ++-
attachments/images/contribute.png | Bin 0 -> 733 bytes
attachments/images/utilize.png | Bin 0 -> 670 bytes
8 files changed, 184 insertions(+), 6 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/d18809a3/attachments/css/layout.less
----------------------------------------------------------------------
diff --git a/attachments/css/layout.less b/attachments/css/layout.less
index 3233964..128c978 100644
--- a/attachments/css/layout.less
+++ b/attachments/css/layout.less
@@ -45,6 +45,22 @@ a.dep-link {
}
}
+.pluggy-logo {
+ background: transparent url('../images/pluggy.svg') no-repeat top left;
+ background-size: contain;
+}
+
+.logo-link {
+ width: 100%;
+}
+
+.top-logo {
+ float: left;
+ height: 50px;
+ margin-right: 10px;
+ width: 32px;
+}
+
/* ----- content ---- */
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/d18809a3/attachments/css/pages/home.less
----------------------------------------------------------------------
diff --git a/attachments/css/pages/home.less b/attachments/css/pages/home.less
index 4b59a97..68dfbf8 100644
--- a/attachments/css/pages/home.less
+++ b/attachments/css/pages/home.less
@@ -4,8 +4,21 @@
min-height: 350px;
}
+.home-pluggy {
+ height: 260px;
+ margin: -89px auto 10px auto;
+ width: 169px;
+}
+
.discover-message-container {
- padding-top: 80px;
+ padding-top: 120px;
+}
+
+.home-browse-all {
+ display: block;
+ margin: 20px auto;
+ width: 280px;
+ font-size: 20px;
}
.cordova-grid-bg {
@@ -14,8 +27,9 @@
.discover-message {
background-color: white;
- font-size: 36px;
+ font-size: 41px;
margin: 1px;
+ text-align: center;
}
.home-plugin-listing {
@@ -35,4 +49,66 @@
.call-to-action-panes {
text-align: center;
+}
+
+.call-to-action-pane {
+ background-color: @home-mid-box-color;
+ margin: 20px auto;
+ position: relative;
+ text-align: center;
+ height: 209px;
+}
+
+.call-to-action-mid-spacer {
+ flex-basis: 3%;
+ position: relative;
+
+ div {
+ color: #F0F0F0;
+ font-size: 45px;
+ position: absolute;
+ top: 40%;
+ }
+}
+
+.call-to-action-pane-left-triangle, .call-to-action-pane-right-triangle {
+ position: absolute;
+}
+
+.call-to-action-pane-left-triangle {
+ width: 4%;
+ height: 100%;
+ overflow: hidden;
+ right: 0px;
+
+ div {
+ width: 0px;
+ height: 0px;
+ border-style: solid;
+ border-width: 105px 18px 105px 0;
+ border-color: transparent #ffffff transparent transparent;
+ }
+}
+
+.call-to-action-pane-right-triangle {
+ width: 4%;
+ height: 100%;
+ overflow: hidden;
+ left: 0px;
+
+ div {
+ width: 0px;
+ height: 0px;
+ border-style: solid;
+ border-width: 105px 0px 105px 18px;
+ border-color: transparent transparent transparent #ffffff;
+ }
+}
+
+.call-to-action-img {
+ border: solid 1px transparent;
+ border-radius: 30px;
+ background-color: white;
+ padding: 5px;
+ margin-top: 20px;
}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/d18809a3/attachments/css/pages/search.less
----------------------------------------------------------------------
diff --git a/attachments/css/pages/search.less b/attachments/css/pages/search.less
new file mode 100644
index 0000000..572843f
--- /dev/null
+++ b/attachments/css/pages/search.less
@@ -0,0 +1 @@
+/* Search styles */
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/d18809a3/attachments/css/styles.css
----------------------------------------------------------------------
diff --git a/attachments/css/styles.css b/attachments/css/styles.css
index 46d3f90..2ab9998 100644
--- a/attachments/css/styles.css
+++ b/attachments/css/styles.css
@@ -3302,6 +3302,19 @@ a.dep-link {
background-color: #4cd6fc;
color: #fff;
}
+.pluggy-logo {
+ background: transparent url('../images/pluggy.svg') no-repeat top left;
+ background-size: contain;
+}
+.logo-link {
+ width: 100%;
+}
+.top-logo {
+ float: left;
+ height: 50px;
+ margin-right: 10px;
+ width: 32px;
+}
/* ----- content ---- */
#content-wrapper {
padding-top: 0;
@@ -3709,16 +3722,28 @@ div.left {
#home-container {
min-height: 350px;
}
+.home-pluggy {
+ height: 260px;
+ margin: -89px auto 10px auto;
+ width: 169px;
+}
.discover-message-container {
- padding-top: 80px;
+ padding-top: 120px;
+}
+.home-browse-all {
+ display: block;
+ margin: 20px auto;
+ width: 280px;
+ font-size: 20px;
}
.cordova-grid-bg {
background: url(../images/grid.png);
}
.discover-message {
background-color: white;
- font-size: 36px;
+ font-size: 41px;
margin: 1px;
+ text-align: center;
}
.home-plugin-listing {
border-bottom: dotted 2px #bfb7b9;
@@ -3735,5 +3760,60 @@ div.left {
.call-to-action-panes {
text-align: center;
}
+.call-to-action-pane {
+ background-color: #effbfe;
+ margin: 20px auto;
+ position: relative;
+ text-align: center;
+ height: 209px;
+}
+.call-to-action-mid-spacer {
+ flex-basis: 3%;
+ position: relative;
+}
+.call-to-action-mid-spacer div {
+ color: #F0F0F0;
+ font-size: 45px;
+ position: absolute;
+ top: 40%;
+}
+.call-to-action-pane-left-triangle,
+.call-to-action-pane-right-triangle {
+ position: absolute;
+}
+.call-to-action-pane-left-triangle {
+ width: 4%;
+ height: 100%;
+ overflow: hidden;
+ right: 0px;
+}
+.call-to-action-pane-left-triangle div {
+ width: 0px;
+ height: 0px;
+ border-style: solid;
+ border-width: 105px 18px 105px 0;
+ border-color: transparent #ffffff transparent transparent;
+}
+.call-to-action-pane-right-triangle {
+ width: 4%;
+ height: 100%;
+ overflow: hidden;
+ left: 0px;
+}
+.call-to-action-pane-right-triangle div {
+ width: 0px;
+ height: 0px;
+ border-style: solid;
+ border-width: 105px 0px 105px 18px;
+ border-color: transparent transparent transparent #ffffff;
+}
+.call-to-action-img {
+ border: solid 1px transparent;
+ border-radius: 30px;
+ background-color: white;
+ padding: 5px;
+ margin-top: 20px;
+}
/* Package Details styles */
/* View all page styles */
+/* Search styles */
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/d18809a3/attachments/css/styles.less
----------------------------------------------------------------------
diff --git a/attachments/css/styles.less b/attachments/css/styles.less
index c1e26c5..56c2ae5 100644
--- a/attachments/css/styles.less
+++ b/attachments/css/styles.less
@@ -16,4 +16,5 @@
@import "pages/home.less";
@import "pages/packageDetails.less";
-@import "pages/viewAll.less";
\ No newline at end of file
+@import "pages/viewAll.less";
+@import "pages/search.less";
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/d18809a3/attachments/css/variables.less
----------------------------------------------------------------------
diff --git a/attachments/css/variables.less b/attachments/css/variables.less
index 09fc84c..f996319 100644
--- a/attachments/css/variables.less
+++ b/attachments/css/variables.less
@@ -5,4 +5,8 @@
@font-color: #656F78;
-@border-faded-color: #BFB7B9;
\ No newline at end of file
+@border-faded-color: #BFB7B9;
+
+@home-mid-box-color: #EFFBFE;
+// @call-to-action-triangle-color: #FFFFFF;
+@call-to-action-triangle-color: #FFF;
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/d18809a3/attachments/images/contribute.png
----------------------------------------------------------------------
diff --git a/attachments/images/contribute.png b/attachments/images/contribute.png
new file mode 100644
index 0000000..cc01999
Binary files /dev/null and b/attachments/images/contribute.png differ
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/d18809a3/attachments/images/utilize.png
----------------------------------------------------------------------
diff --git a/attachments/images/utilize.png b/attachments/images/utilize.png
new file mode 100644
index 0000000..a06798f
Binary files /dev/null and b/attachments/images/utilize.png differ