Skip to content

Commit

Permalink
Design: replaced menu with bootstrap
Browse files Browse the repository at this point in the history
  • Loading branch information
Hasan Karahan committed May 16, 2014
1 parent 630f4a3 commit 709a6eb
Show file tree
Hide file tree
Showing 11 changed files with 117 additions and 300 deletions.
3 changes: 0 additions & 3 deletions webed/static/webed-ext/app/controller/tab/TabManager.js
View file
Expand Up @@ -58,9 +58,6 @@ Ext.define ('Webed.controller.tab.TabManager', {
///////////////////////////////////////////////////////////////////////////

render: function () {
var menu = assert (Ext.fly ('cssmenu'));
var item = menu.down ('li[active=True]');
if (item) item.addCls ('active');
var content_wrap = Ext.fly ('content-wrap');
if (content_wrap) content_wrap.destroy ();
},
Expand Down
13 changes: 11 additions & 2 deletions webed/static/webed-ext/app/toolbar/MainToolbar.js
View file
Expand Up @@ -164,6 +164,12 @@ Ext.define ('Webed.toolbar.MainToolbar', {
columns: 1,
height: '100%',

listeners: {
afterlayout: function (group) {
group.el.setTop (0);
}
},

items: [{
loader: {
url: '/btc-donate.html',
Expand All @@ -175,9 +181,12 @@ Ext.define ('Webed.toolbar.MainToolbar', {
var form = assert (button.el.down ('form'));
var dom = assert (form.dom); dom.submit ();
}
}
},

padding: '3 2'
}]
}],

hidden: true
hidden: true,
height: 48
});
113 changes: 0 additions & 113 deletions webed/static/webed-ext/resources/theme/menu.css
View file

This file was deleted.

141 changes: 38 additions & 103 deletions webed/static/webed-ext/resources/theme/webed.css
View file
Expand Up @@ -59,39 +59,17 @@ body {
*****************************************************************************/

#page.home {
padding: 2% 0;
padding: 0;
}

#page.home .title {
text-shadow: #888888 -1.00px -0.50px 2px;
text-shadow: #356fa1 -1.00px -0.50px 2px;
text-align:center;
font-weight:bold;
font-variant:small-caps;
font-size:160px;
font-family:sans serif;
color:#f0f0f0;
}

#page.home .sub-title {
margin-left:auto;
margin-right: auto;
margin-bottom: 64px;
width:75%; height:32px;
}

#page.home .sub-title hr {
border: 0;
height: 2px;
color: #888888;
background-color: #888888;
}

#page.home .sub-title .text {
float:left;
position:relative;
font-weight:bold;
font-size: 13px;
color:#888888;
color:#ffffff;
}

#page.home .link-icon {
Expand All @@ -100,68 +78,27 @@ body {
text-align:center;
text-decoration:none;
color:transparent;
opacity: 0.17;
}

#page.home .link-icon:hover {
opacity: 1.00;
}

#page.home .blogger {
float:right; position:relative; top:-3px; left:15px;
position:relative; top:-0px; left:-1px; float:right;
}

#page.home .twitter {
float:right; position:relative; top:-3px; left:16px;
position:relative; top:-0px; left:-0px; float:right;
}

#page.home .facebook {
float:right; position:relative; top:-3px; left:16px;
position:relative; top:-0px; left:-0px; float:right;
}

#page.home .email {
float:right; position:relative; top:-24px; left:-1px;
}

#page.home .start-box {
width: auto;
height: 72px;
text-align: center;
background-color:#f0f0f0;
border: 3px dotted white;
margin: 8px;
}

#page.home .start-box .start-box-button {
-moz-box-shadow: inset 0 1px 0 0 #ffffff;
-webkit-box-shadow: inset 0 1px 0 0 #ffffff;
box-shadow: inset 0 1px 0 0 #ffffff;
background:-webkit-gradient(
linear, left top, left bottom,
color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
background:-moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%);
background-color: #f9f9f9;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 2px solid #888888;
display: inline-block;
color: #666666;
font-family: arial,sans-serif;
font-size: 24px;
font-weight: bold;
padding: 6px 25%;
text-decoration: none;
text-shadow: 1px 1px 4px #ffffff;
margin-top: 11px;
}

#page.home .start-box .start-box-button:hover {
background:-webkit-gradient(
linear, left top, left bottom,
color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
background:-moz-linear-gradient(center top, #e9e9e9 5%, #f9f9f9 100%);
background-color:#e9e9e9;
}

#page.home .start-box .start-box-button:active {
position:relative;
top:1px;
position:relative; top:-0px; left:-1px; float:left;
}

/******************************************************************************
Expand All @@ -173,15 +110,23 @@ body {

#page.contact form {
background-color: #f5f5f5;
border: grey solid 1px;
border: #e7e7e7 solid 1px;
border-radius: 6px;
margin: 0 auto;
padding: 8px;
width: 768px;
width: 90%;
max-width: 896px;
}

#page.contact form label {
font-weight: normal;
margin: 0;
}

#page.contact form input[type=text],
#page.contact form input[type=email] {
border: grey solid 1px;
border: #e7e7e7 solid 1px;
border-radius: 4px;
font-family: monospace;
margin-bottom: 4px;
font-size: 13px;
Expand All @@ -190,11 +135,12 @@ body {
}

#page.contact form textarea {
border: grey solid 1px;
border: #d3d3d3 solid 1px;
border-radius: 4px;
font-family: monospace;
margin-bottom: 4px;
font-size: 13px;
height: 280px;
height: 256px;
padding: 4px;
width: 100%;
}
Expand Down Expand Up @@ -243,6 +189,10 @@ body {
padding: 0.5em 0;
}

#page.textual p:first-child {
padding: 0 0 0.5em 0;
}

#page.textual strong {
font-weight: bold;
}
Expand Down Expand Up @@ -368,9 +318,9 @@ body {
#page .subline ul {
list-style-type: none;
text-align: center;
background-color: #f0f0f0;
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;
background-color: #f5f5f5;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}

#page .subline ul li {
Expand All @@ -381,8 +331,8 @@ body {
}

#page .subline ul li.subline-text {
padding: 6.5px 48px 6.5px 1px;
border-left: 1px solid #888888;
padding: 6px 48px 6px 1px;
border-left: 1px solid #e7e7e7;
}

#page .subline ul li.subline-icon {
Expand All @@ -396,23 +346,8 @@ body {
* Page Wrap: Footer
*****************************************************************************/

#page-wrap-content .footer-sticky {
position: absolute;
margin-bottom: 24px;
width: 100%;
height: 32px;
bottom: 0;
}

#page-wrap-content .footer {
margin-bottom: 24px;
width: 100%;
height: 32px;
}

#page-wrap-content .ssl-seal-wrap {
margin: 0 auto;
width: 132px;
margin-top: 32px;
height: 32px;
}

Expand All @@ -427,8 +362,8 @@ body {
height: 100%;
width: 100%;
background-color: #f5f5f5;
border-top: #d3d3d3 solid thin;
border-bottom: #d3d3d3 solid thin;
border-top: #e7e7e7 solid thin;
border-bottom: #e7e7e7 solid thin;
}

#page-wrap-content .ssl-seal-wrap .placeholder span {
Expand Down
2 changes: 2 additions & 0 deletions webed/templates/index-in.html
View file
Expand Up @@ -122,5 +122,7 @@
{%- endif %}

<script type="text/javascript">{% include 'js/codemirror.js' %}</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
</body>
</html>

0 comments on commit 709a6eb

Please sign in to comment.