Nicolae Claudius
13 years ago
50 changed files with 590 additions and 2099 deletions
@ -1,386 +0,0 @@
|
||||
/* ============================================================================= |
||||
normalize.css |
||||
2011-07-06T20:20 UTC |
||||
//github.com/jonathantneal/normalize.css |
||||
|
||||
Normalize.css is a customisable CSS file that makes browsers render all |
||||
elements more consistently and in line with modern standards. We researched |
||||
the differences between default browser styles in order to precisely target |
||||
only the styles that need normalizing. |
||||
|
||||
How comment documentation is written: |
||||
Comments: (anchor) (type of change) (summary of issue) in (affected browsers) |
||||
Url: (url related to above comment) |
||||
|
||||
To be concise, comments are restricted to a length of 77 characters or less. |
||||
|
||||
What 'types of change' mean: |
||||
Addresses: Changes involving downgrades for greater cross-browser consistency |
||||
Corrects: Bug fixes and corrections to unexpected visual quirks |
||||
Improves: Improvements based on popular usage and html5 recommendation |
||||
========================================================================== */ |
||||
|
||||
|
||||
/* ============================================================================= |
||||
Base |
||||
========================================================================== */ |
||||
|
||||
/* |
||||
* Corrects block display not defined in IE6/7/8/9 & FF3 |
||||
*/ |
||||
|
||||
article, |
||||
aside, |
||||
details, |
||||
figcaption, |
||||
figure, |
||||
footer, |
||||
header, |
||||
hgroup, |
||||
nav, |
||||
section { |
||||
display: block; |
||||
} |
||||
|
||||
/* |
||||
* 1. Improves visual focus of mouse in all browsers |
||||
* 2. Corrects text resizing oddly when font size is set using ems in IE6/7 |
||||
* http://clagnut.com/blog/348/#c790 |
||||
* 3. Corrects page centering in all browsers regardless of content height |
||||
* 4. Improves visual appearance of containers during a delegated click in mSaf |
||||
* www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/ |
||||
* 5. Corrects text resizing oddly after orientation change in all handhelds |
||||
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ |
||||
*/ |
||||
|
||||
html { |
||||
cursor: default; /* 1 */ |
||||
font-size: 100%; /* 2 */ |
||||
overflow-y: scroll; /* 3 */ |
||||
-webkit-tap-highlight-color: transparent; /* 4 */ |
||||
-ms-text-size-adjust: 100%; /* 5 */ |
||||
-webkit-text-size-adjust: 100%; /* 5 */ |
||||
} |
||||
|
||||
/* |
||||
* 1. Addresses text resizing limitations in IE6/7 |
||||
* Improves text sizing inconsistency in all browsers |
||||
* Known issue: text sizing unnecessary for 'form' |
||||
* 2. Improves margins set oddly in IE6/7 FF3/4 S5 C10 |
||||
*/ |
||||
|
||||
body, |
||||
form, |
||||
input, |
||||
button, |
||||
select, |
||||
textarea { |
||||
font-size: 100%; /* 1 */ |
||||
margin: 0; /* 2 */ |
||||
} |
||||
|
||||
|
||||
/* ============================================================================= |
||||
Links |
||||
========================================================================== */ |
||||
|
||||
/* |
||||
* Improves appearance when active or hovered in all browsers |
||||
* people.opera.com/patrickl/experiments/keyboard/test |
||||
*/ |
||||
|
||||
a, |
||||
a:active, |
||||
a:hover { |
||||
outline: none; |
||||
} |
||||
|
||||
/* |
||||
* Addresses outline set oddly in C10 |
||||
*/ |
||||
|
||||
a:focus { |
||||
outline: thin dotted; |
||||
} |
||||
|
||||
|
||||
/* ============================================================================= |
||||
Typography |
||||
========================================================================== */ |
||||
|
||||
/* |
||||
* Corrects styling not present in IE6/7/8/9 S5 C10 |
||||
*/ |
||||
|
||||
abbr { |
||||
_border-bottom: expression(this.title ? '1px dotted' : 'none'); |
||||
} |
||||
|
||||
abbr[title] { |
||||
border-bottom: 1px dotted; |
||||
} |
||||
|
||||
/* |
||||
* Corrects style set incorrectly as 'bolder' in FF3/4 S4/5 C10 |
||||
*/ |
||||
|
||||
b, |
||||
strong { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
/* |
||||
* Corrects styling not present in S5 C10 |
||||
*/ |
||||
|
||||
dfn { |
||||
font-style: italic; |
||||
} |
||||
|
||||
/* |
||||
* Corrects styling not present in IE6/7/8/9 |
||||
*/ |
||||
|
||||
mark { |
||||
background: #FF0; |
||||
color: #000; |
||||
} |
||||
|
||||
/* |
||||
* Corrects font family displayed oddly in IE6 S5 C10 |
||||
* en.wikipedia.org/wiki/User:Davidgothberg/Test59 |
||||
*/ |
||||
|
||||
pre, |
||||
code, |
||||
kbd, |
||||
samp { |
||||
font-family: monospace, monospace; |
||||
_font-family: 'courier new', monospace; |
||||
font-size: 1em; |
||||
} |
||||
|
||||
/* |
||||
* Improves readability of pre-formatted text in all browsers |
||||
*/ |
||||
|
||||
pre { |
||||
white-space: pre; |
||||
white-space: pre-wrap; |
||||
word-wrap: break-word; |
||||
} |
||||
|
||||
/* |
||||
* Addresses CSS quotes not supported in IE6/7 |
||||
*/ |
||||
|
||||
q { |
||||
quotes: none; |
||||
} |
||||
|
||||
/* |
||||
* Addresses quote property not supported in S4 |
||||
*/ |
||||
|
||||
q:before, |
||||
q:after { |
||||
content: ''; |
||||
content: none; |
||||
} |
||||
|
||||
/* |
||||
* Improves appearance in all browsers |
||||
*/ |
||||
|
||||
small, |
||||
sub, |
||||
sup { |
||||
font-size: 75%; |
||||
} |
||||
|
||||
/* |
||||
* Improves appearance in all browsers |
||||
* gist.github.com/413930 |
||||
*/ |
||||
|
||||
sub, |
||||
sup { |
||||
line-height: 0; |
||||
position: relative; |
||||
vertical-align: baseline; |
||||
} |
||||
|
||||
sup { |
||||
top: -0.5em; |
||||
} |
||||
|
||||
sub { |
||||
bottom: -0.25em; |
||||
} |
||||
|
||||
|
||||
/* ============================================================================= |
||||
Lists |
||||
========================================================================== */ |
||||
|
||||
/* |
||||
* Improves appearance of navigation-specific lists |
||||
*/ |
||||
|
||||
nav ul { |
||||
list-style: none; |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Embedded content |
||||
========================================================================== */ |
||||
|
||||
/* |
||||
* Corrects display not defined in IE6/7/8/9 & FF3 |
||||
*/ |
||||
|
||||
audio[controls], |
||||
canvas, |
||||
video { |
||||
display: inline-block; |
||||
*display: inline; |
||||
} |
||||
|
||||
audio { |
||||
display: none; |
||||
_display: expression(this.controls ? 'inline' : 'none'); |
||||
*zoom: 1; |
||||
} |
||||
|
||||
audio[controls] { |
||||
display: inline-block; |
||||
} |
||||
|
||||
/* |
||||
* 1. Improves readability when inside 'a' in all browsers |
||||
* 2. Improves visual appearance when scaled in IE7 |
||||
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ |
||||
*/ |
||||
|
||||
img { |
||||
border: 0; /* 1 */ |
||||
-ms-interpolation-mode: bicubic; /* 2 */ |
||||
} |
||||
|
||||
/* |
||||
* Corrects overflow displayed oddly in IE9 |
||||
*/ |
||||
|
||||
svg:not(:root) { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
|
||||
/* ============================================================================= |
||||
Forms |
||||
========================================================================== */ |
||||
|
||||
/* |
||||
* Corrects alignment displayed oddly in IE6/7 |
||||
*/ |
||||
|
||||
legend { |
||||
*margin-left: -7px; |
||||
} |
||||
|
||||
/* |
||||
* Improves appearance in all browsers |
||||
*/ |
||||
|
||||
button, |
||||
input, |
||||
select, |
||||
textarea { |
||||
/* -webkit-appearance: none; wtf this hides content */ |
||||
border-radius: 0; |
||||
vertical-align: baseline; |
||||
*vertical-align: middle; |
||||
} |
||||
|
||||
/* |
||||
* 1. Corrects FF3/4 setting it using !important in the UA stylesheet |
||||
* 2. Corrects spacing displayed oddly in IE6/7 |
||||
* 3. Corrects inability to style clickable 'input' types in iOS |
||||
*/ |
||||
|
||||
button, |
||||
input { |
||||
line-height: normal; /* 1 */ |
||||
_overflow: expression(this.type == 'button|reset|submit' ? 'visible' : ''); /* 2 */ |
||||
} |
||||
|
||||
/* 3 */ |
||||
|
||||
button, |
||||
input[type="button"], |
||||
input[type="reset"], |
||||
input[type="submit"] { |
||||
overflow: visible; |
||||
} |
||||
|
||||
/* |
||||
* Addresses box sizing forced to border-box in IE6/7 |
||||
*/ |
||||
|
||||
input[type="checkbox"], |
||||
input[type="radio"] { |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
/* |
||||
* Addresses sizing set oddly to searchfield in S5 iOS C10 |
||||
* Known issue: -moz included to future-proof |
||||
*/ |
||||
|
||||
input[type="search"] { |
||||
-moz-box-sizing: content-box; |
||||
-webkit-box-sizing: content-box; |
||||
box-sizing: content-box; |
||||
} |
||||
|
||||
/* |
||||
* Addresses inner padding displayed oddly in S5 C10 on OSX |
||||
*/ |
||||
|
||||
input[type="search"]::-webkit-search-decoration { |
||||
-webkit-appearance: none; |
||||
} |
||||
|
||||
/* |
||||
* Corrects appearance displayed oddly in FF3/4 |
||||
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ |
||||
*/ |
||||
|
||||
button::-moz-focus-inner, |
||||
input::-moz-focus-inner { |
||||
border: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
/* |
||||
* 1. Corrects scrollbar displayed oddly in IE6/7/8/9 |
||||
* 2. Improves readability and alignment in all browsers |
||||
*/ |
||||
|
||||
textarea { |
||||
overflow: auto; /* 1 */ |
||||
vertical-align: top; /* 2 */ |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Tables |
||||
========================================================================== */ |
||||
|
||||
/* |
||||
* Improves visual appearance in all browsers |
||||
*/ |
||||
|
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
} |
||||
@ -1,4 +0,0 @@
|
||||
.send-contact-form { |
||||
font-size: 1.2em; |
||||
font-weight: bold; |
||||
} |
||||
@ -0,0 +1,35 @@
|
||||
#as_domains-active-scaffold .name-column, |
||||
#as_hosts-active-scaffold .name-column { |
||||
font-weight: bold; |
||||
text-shadow: none; |
||||
} |
||||
|
||||
#as_domains-active-scaffold tr.shared-domain { |
||||
&.record { |
||||
background-color: mix(#E6F2FF, lighten(yellow, 30%)); |
||||
} |
||||
&.record td { |
||||
border-bottom: solid 1px #C5DBF7; |
||||
border-left: solid 1px #C5DBF7; |
||||
} |
||||
|
||||
&.even-record { |
||||
background-color: mix(#fff, lighten(yellow, 40%)); |
||||
} |
||||
&.even-record td { |
||||
border-left-color: #ddd; |
||||
} |
||||
|
||||
&.record td.sorted { |
||||
background-color: mix(#B9DCFF, lighten(yellow, 30%)); |
||||
border-bottom-color: #AFD0F5; |
||||
} |
||||
|
||||
&.even-record td.sorted { |
||||
background-color: mix(#E6F2FF, lighten(yellow, 40%)); |
||||
border-bottom-color: #AFD0F5; |
||||
} |
||||
&.record td.actions table td { |
||||
border: none; |
||||
} |
||||
} |
||||
@ -1,6 +0,0 @@
|
||||
.donate-table { |
||||
width: 100%; |
||||
td { |
||||
text-align: center; |
||||
} |
||||
} |
||||
@ -1,5 +0,0 @@
|
||||
.help-page { |
||||
p, ul, div { |
||||
color: #555; |
||||
} |
||||
} |
||||
@ -1,112 +0,0 @@
|
||||
@import "compass/css3/text-shadow"; |
||||
@import "ui/buttons"; |
||||
|
||||
#main .home-page-block { |
||||
background-color: #333333; |
||||
.content h1 { |
||||
//text-align: center; |
||||
font-size: 32px; |
||||
//font-weight: bold; |
||||
padding-left: 30px; |
||||
padding-right: 30px; |
||||
background-color: #333333; |
||||
color: white; |
||||
small { |
||||
font-size: 26px; |
||||
color: #3e3d4c; |
||||
font-style: normal; |
||||
font-weight: normal; |
||||
color: white; |
||||
@include text-shadow(none, 0, 0, 0, 0); |
||||
} |
||||
} |
||||
} |
||||
|
||||
.home-page-duo td { |
||||
vertical-align: top; |
||||
width: 50%; |
||||
blockquote { |
||||
font-style: italic; |
||||
font-family: Cambria, Georgia, serif; |
||||
color: #333; |
||||
margin-top: 0; |
||||
strong { |
||||
font-style: normal; |
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
font-weight: normal; |
||||
} |
||||
} |
||||
} |
||||
|
||||
#main.home-page-main { |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
float: none; |
||||
|
||||
.block .content .home-page-inner { |
||||
background-color: #e5ecf3; |
||||
padding: 20px 30px 30px; |
||||
@include border-bottom-radius(6px); |
||||
h2 { |
||||
font-size: 25px; |
||||
margin-top: 0; |
||||
} |
||||
p { |
||||
font-size: 18px; |
||||
line-height: 1.2em; |
||||
color: #555; |
||||
} |
||||
|
||||
.home-page-text li { |
||||
list-style-image: url(image_path('theme/check.png')); |
||||
font-size: 20px; |
||||
color: #555; |
||||
} |
||||
} |
||||
|
||||
.home-page-text { |
||||
padding-right: 20px; |
||||
} |
||||
.home-page-images { |
||||
padding-left: 20px; |
||||
} |
||||
|
||||
em.mk-point { |
||||
font-style: normal; |
||||
color: darken(#6b35a6, 30); |
||||
//@include text-shadow(0 0 6px rgba(143, 181, 200, 1),0 0 30px rgba(143, 181, 200, .7)); |
||||
} |
||||
|
||||
.action { |
||||
padding: 0 20px 20px 20px; |
||||
text-align: center; |
||||
|
||||
a { |
||||
@include button(#7a43b6, #fff, 0 -1px 1px rgba(0,0,0,.4)); |
||||
border-right: 2px solid darken(#7a43b6, 20); |
||||
border-bottom: 2px solid darken(#7a43b6, 20); |
||||
|
||||
width: 250px; |
||||
height: 40px; |
||||
margin: auto; |
||||
text-align: center; |
||||
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
strong { |
||||
font-size: 18px; |
||||
font-weight: bold; |
||||
} |
||||
em { |
||||
font-size: 13px; |
||||
font-weight: normal; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.home-page-second { |
||||
h2 { |
||||
text-align: center; |
||||
border-bottom: 1px solid #eee; |
||||
} |
||||
} |
||||
@ -1,10 +0,0 @@
|
||||
.team .bio { |
||||
vertical-align: top; |
||||
width: 50%; |
||||
padding-right: 50px; |
||||
|
||||
h2 em { |
||||
font-size: 0.8em; |
||||
color: grey; |
||||
} |
||||
} |
||||
@ -1,8 +0,0 @@
|
||||
.application #main { |
||||
width: 100%; |
||||
} |
||||
|
||||
.application #main .article { |
||||
width: 77%; |
||||
margin: auto; |
||||
} |
||||
@ -1,427 +0,0 @@
|
||||
/* |
||||
Override base to remove zero-reset. |
||||
*/ |
||||
.clear { clear: both; height: 0; } |
||||
|
||||
.wat-cf:after { |
||||
content: "."; |
||||
display: block; |
||||
height: 0; |
||||
clear: both; |
||||
visibility: hidden; |
||||
} |
||||
|
||||
.wat-cf {display: inline-block;} |
||||
|
||||
/* Hides from IE-mac \*/ |
||||
* html .wat-cf {height: 1%;} |
||||
.wat-cf {display: block;} |
||||
/* End hide from IE-mac */ |
||||
|
||||
h1 { font-size: 30px; margin: 15px 0; font-weight: normal; } |
||||
h2 { font-size: 24px; margin: 15px 0; font-weight: normal;} |
||||
h3 { font-size: 20px; margin: 10px 0; font-weight: normal;} |
||||
h4 { font-size: 18px; margin: 10px 0; font-weight: normal;} |
||||
hr {height: 1px; border: 0; } |
||||
p { margin: 15px 0;} |
||||
a img { border: none; } |
||||
|
||||
body { |
||||
font-size: 16px; |
||||
font-family: sans-serif; |
||||
} |
||||
|
||||
#container { |
||||
min-width: 960px; |
||||
} |
||||
|
||||
#header, #wrapper { |
||||
padding: 0 20px; |
||||
} |
||||
|
||||
#header { |
||||
position: relative; |
||||
padding-top: 1px; |
||||
} |
||||
|
||||
#header h1 { |
||||
margin: 0; |
||||
padding: 10px 0; |
||||
font-size: 26px; |
||||
} |
||||
|
||||
#header h1 a { |
||||
&:link, &:active, &:hover, &:visited { |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
|
||||
#main { |
||||
width: 70%; |
||||
float: left; |
||||
} |
||||
|
||||
.actions-bar { |
||||
padding: 10px 1px; |
||||
} |
||||
|
||||
.actions-bar .actions { |
||||
float: left; |
||||
} |
||||
|
||||
|
||||
.actions-bar .pagination { |
||||
float: right; |
||||
padding: 1px 0; |
||||
} |
||||
|
||||
#sidebar { |
||||
width: 25%; |
||||
float: right; |
||||
} |
||||
|
||||
#sidebar h3 { |
||||
padding: 10px 15px; |
||||
margin: 0; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
#sidebar .block { |
||||
margin-bottom: 20px; |
||||
padding-bottom: 10px; |
||||
} |
||||
|
||||
#sidebar .block .content { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
#sidebar ul.navigation li a { |
||||
&:link, &:visited { |
||||
display: block; |
||||
padding: 10px 15px; |
||||
} |
||||
} |
||||
|
||||
#sidebar { |
||||
.block .sidebar-block, .notice { |
||||
padding:10px; |
||||
} |
||||
} |
||||
|
||||
#wrapper { |
||||
padding-top: 20px; |
||||
} |
||||
|
||||
#main .block { |
||||
margin-bottom: 20px; |
||||
padding-top: 1px; |
||||
} |
||||
|
||||
#main .block .content .inner { |
||||
padding: 0 15px 15px; |
||||
} |
||||
|
||||
#main .main p.first { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
#user-navigation { |
||||
position: absolute; |
||||
top: 0px; |
||||
right: 20px; |
||||
} |
||||
|
||||
#main-navigation { |
||||
width: 100%; |
||||
} |
||||
|
||||
#user-navigation ul, |
||||
#main-navigation ul, |
||||
.secondary-navigation ul, |
||||
#sidebar ul.navigation { |
||||
margin: 0; |
||||
padding: 0; |
||||
list-style-type: none; |
||||
} |
||||
|
||||
#user-navigation ul li, |
||||
#main-navigation ul li, |
||||
.secondary-navigation ul li { |
||||
float: left; |
||||
} |
||||
|
||||
#main-navigation ul li { |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
#user-navigation ul li { |
||||
padding: 5px 10px; |
||||
} |
||||
|
||||
#main-navigation ul li a, |
||||
.secondary-navigation, |
||||
#user-navigation { |
||||
ul li a { |
||||
&:link, &:visited, &:hover, &:active { |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
} |
||||
|
||||
#main-navigation ul li a { |
||||
font-size: 14px; |
||||
line-height: 14px; |
||||
display: block; |
||||
padding: 8px 15px; |
||||
} |
||||
|
||||
.secondary-navigation { |
||||
font-size: 13px; |
||||
border-bottom-width: 10px; |
||||
border-bottom-style: solid; |
||||
} |
||||
|
||||
.secondary-navigation ul li a { |
||||
display: block; |
||||
padding: 10px 15px; |
||||
} |
||||
|
||||
#footer { |
||||
padding-bottom: 20px; |
||||
} |
||||
|
||||
/* pagination */ |
||||
|
||||
.pagination a, .pagination span, .pagination em { |
||||
padding: 2px 5px; |
||||
margin-right: 5px; |
||||
display: block; |
||||
float: left; |
||||
border-style: solid; |
||||
border-width: 1px; |
||||
} |
||||
|
||||
.pagination em { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.pagination a { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/* tables */ |
||||
.table { |
||||
width: 100%; |
||||
border-collapse: collapse; |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.table th { |
||||
padding: 10px; |
||||
font-weight: bold; |
||||
text-align: left; |
||||
} |
||||
|
||||
.table th.first { |
||||
width: 30px; |
||||
} |
||||
|
||||
.table th.last { |
||||
width: 200px; |
||||
} |
||||
|
||||
.table .checkbox { |
||||
margin-left: 10px; |
||||
} |
||||
|
||||
.table td { |
||||
padding: 10px; |
||||
} |
||||
|
||||
.table td.last { |
||||
text-align: right; |
||||
} |
||||
|
||||
/* forms */ |
||||
|
||||
input.checkbox { |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
.form .group { |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.form div.left { |
||||
width: 20%; |
||||
float: left; |
||||
} |
||||
|
||||
.form div.right { |
||||
width: 75%; |
||||
float: right; |
||||
} |
||||
|
||||
.form .columns .column { |
||||
width: 48%; |
||||
} |
||||
|
||||
.form .columns .left { |
||||
float: left; |
||||
} |
||||
|
||||
.form .columns .right { |
||||
float: right; |
||||
} |
||||
|
||||
.form label.label, .form input.text_field, .form textarea.text_area { |
||||
font-size: 1.2em; |
||||
padding: 1px 0; |
||||
margin: 0; |
||||
} |
||||
|
||||
.form label.right { |
||||
text-align: right; |
||||
} |
||||
|
||||
.form input.checkbox, .form input.radio { |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.form label.checkbox, .form label.radio { |
||||
line-height: 1.5em; |
||||
} |
||||
|
||||
.form label.label { |
||||
display: block; |
||||
padding-bottom: 2px; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.form div.fieldWithErrors label.label { |
||||
display: inline; |
||||
} |
||||
|
||||
.form .fieldWithErrors .error { |
||||
color: red; |
||||
} |
||||
|
||||
.form input.text_field, .form textarea.text_area { |
||||
width: 100%; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
} |
||||
|
||||
/* lists */ |
||||
|
||||
ul.list { |
||||
margin: 0; |
||||
padding: 0; |
||||
list-style-type: none; |
||||
} |
||||
|
||||
ul.list li { |
||||
clear: left; |
||||
padding-bottom: 5px; |
||||
} |
||||
|
||||
ul.list li .left { |
||||
float: left; |
||||
} |
||||
|
||||
ul.list li .left .avatar { |
||||
width: 50px; |
||||
height: 50px; |
||||
} |
||||
|
||||
ul.list li .item { |
||||
margin-left: 80px; |
||||
} |
||||
|
||||
ul.list li .item .avatar { |
||||
float: left; |
||||
margin: 0 5px 5px 0; |
||||
width: 30px; |
||||
height: 30px; |
||||
} |
||||
|
||||
/* box */ |
||||
|
||||
#box { |
||||
width: 500px; |
||||
margin: 50px auto; |
||||
} |
||||
|
||||
#box .block { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
#box .block h2 { |
||||
padding: 10px 15px; |
||||
margin: 0; |
||||
} |
||||
|
||||
#box .block .content { |
||||
padding: 10px 20px; |
||||
} |
||||
|
||||
/* Inspired by http://particletree.com/features/rediscovering-the-button-element */ |
||||
|
||||
a.button:link, a.button:visited, a.button:hover, a.button:active, button.button { |
||||
color: #222; |
||||
display:block; |
||||
float:left; |
||||
margin:0 7px 0 0; |
||||
background-color: #eee; |
||||
border:1px solid #bfbfbf; |
||||
font-size: 1em; |
||||
line-height: 1.3em; |
||||
font-weight:bold; |
||||
cursor:pointer; |
||||
padding:5px 10px 6px 7px; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
button.button { |
||||
width:auto; |
||||
overflow:visible; |
||||
padding:4px 10px 3px 7px; /* IE6 */ |
||||
} |
||||
button.button[type] { |
||||
padding:5px 10px 5px 7px; /* Firefox */ |
||||
line-height:17px; /* Safari */ |
||||
} |
||||
|
||||
/**:first-child+html button.button[type] { |
||||
padding:4px 10px 3px 7px; IE7 |
||||
}*/ |
||||
|
||||
button.button img, a.button img { |
||||
margin:0 3px -3px 0 !important; |
||||
padding:0; |
||||
border:none; |
||||
width:16px; |
||||
height:16px; |
||||
} |
||||
|
||||
button.button:hover, a.button:hover { |
||||
background-color:#dedede; |
||||
} |
||||
|
||||
button.button:active, a.button:active { |
||||
background-color:#e5e5e5; |
||||
} |
||||
.text_button_padding{ |
||||
color: #222222; |
||||
display: block; |
||||
float: left; |
||||
font-size: 1em; |
||||
line-height: 2em; |
||||
margin: 0 7px 0 0; |
||||
padding: 5px 0 6px 7px; |
||||
text-decoration: none; |
||||
} |
||||
.link_button{ |
||||
cursor: pointer; |
||||
} |
||||
@ -1,6 +0,0 @@
|
||||
.public .header-inner { |
||||
width: 77%; |
||||
min-width: 950px; |
||||
margin: auto; |
||||
position: relative; |
||||
} |
||||
@ -1,413 +0,0 @@
|
||||
@import "compass/css3/border-radius"; |
||||
@import "compass/css3/box-shadow"; |
||||
@import "compass/css3/text-shadow"; |
||||
@import "compass/css3/images"; |
||||
|
||||
body { |
||||
color: #111111; |
||||
background: #c4c4c4 url(image-path("theme/bgd.jpg")); |
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
} |
||||
|
||||
h1, h2, h3 { |
||||
color: #111111; |
||||
font-weight: normal; |
||||
} |
||||
|
||||
a { |
||||
color: #111111; |
||||
-moz-outline: none; |
||||
} |
||||
|
||||
hr { |
||||
background: #dddddd; |
||||
color: #dddddd; |
||||
} |
||||
|
||||
#header { |
||||
height: 80px; |
||||
background-color: #333333; |
||||
@include text-shadow(0 1px 1px rgba(0, 0, 0, 0.25)); |
||||
@include box-shadow(inset 0 -5px 10px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(255, 255, 255, 0.3)); |
||||
} |
||||
#header h1 { |
||||
padding: 15px 5px; |
||||
float: left; |
||||
font-size: 38px; |
||||
font-style: normal; |
||||
font-weight: bold; |
||||
text-transform: normal; |
||||
letter-spacing: -1px; |
||||
color: #53d4ff; |
||||
} |
||||
#header h1 a { |
||||
&:link, &:active, &:hover, &:visited { |
||||
color: #53d4ff; |
||||
border: 6px solid #53d4ff; |
||||
padding: 0 10px; |
||||
outline: none; |
||||
@include border-radius(15px); |
||||
@include text-shadow(0 1px 0 rgba(0, 0, 0, 0.6),0 0 6px rgba(143, 181, 200, 1),0 0 30px rgba(143, 181, 200, .7)); |
||||
@include box-shadow(0 1px 0 rgba(0, 0, 0, 0.6),0 0 6px rgba(143, 181, 200, 1),0 0 30px rgba(143, 181, 200, .7)); |
||||
} |
||||
} |
||||
|
||||
#main { |
||||
width: 77%; |
||||
min-width: 950px; |
||||
float: left; |
||||
} |
||||
#main .block { |
||||
padding-top: 0px; |
||||
background-color: white; |
||||
@include text-shadow(0 1px 0 white); |
||||
@include border-radius(6px); |
||||
@include box-shadow(0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3)); |
||||
} |
||||
#main .block .content { |
||||
padding-top: 1px; |
||||
} |
||||
#main .block .content .inner { |
||||
padding: 0 15px 15px; |
||||
} |
||||
#main .block .content h2 { |
||||
margin-left: 15px; |
||||
font-size: 22px; |
||||
text-transform: normal; |
||||
letter-spacing: -1px; |
||||
line-height: 1.2em; |
||||
} |
||||
#main .block .content p { |
||||
font-size: 13px; |
||||
font-style: normal; |
||||
font-weight: normal; |
||||
text-transform: normal; |
||||
letter-spacing: normal; |
||||
line-height: 1.45em; |
||||
} |
||||
|
||||
#main-navigation { |
||||
padding-top: 30px; |
||||
width: auto; |
||||
} |
||||
#main-navigation ul li { |
||||
padding-left: 20px; |
||||
margin-right: 0; |
||||
a { |
||||
text-decoration: none; |
||||
padding: 8px 0; |
||||
color: #53d4ff; |
||||
&:hover { |
||||
text-decoration: underline; |
||||
} |
||||
} |
||||
/* |
||||
&.active { |
||||
a { |
||||
color: #a4a4a4; |
||||
} |
||||
} |
||||
*/ |
||||
} |
||||
|
||||
.secondary-navigation { |
||||
background: #e0e0e0 url(image-path("theme/boxbar-background.png")) top; |
||||
border-bottom-width: 0px; |
||||
@include border-top-radius(6px); |
||||
} |
||||
.secondary-navigation li.first a, .secondary-navigation ul li.first { |
||||
@include border-top-left-radius(6px); |
||||
} |
||||
.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active { |
||||
text-decoration: none; |
||||
color: #111111; |
||||
} |
||||
.secondary-navigation ul li.text { |
||||
padding: 10px 15px; |
||||
color: #818171; |
||||
} |
||||
.secondary-navigation ul li.active { |
||||
background-color: white; |
||||
} |
||||
.secondary-navigation ul li.active a:hover { |
||||
background-color: white; |
||||
} |
||||
|
||||
#user-navigation { |
||||
top: 33px; |
||||
right: 10px; |
||||
color: #eeeeee; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
#user-navigation ul li { |
||||
a { |
||||
color: #53d4ff; |
||||
&:hover { |
||||
text-decoration: underline; |
||||
} |
||||
&.highlight { |
||||
color: yellow; |
||||
} |
||||
} |
||||
} |
||||
#user-navigation ul li a:active img { |
||||
margin-top: 1px; |
||||
} |
||||
|
||||
#user-navigation ul li, .secondary-navigation ul li { |
||||
float: left; |
||||
} |
||||
|
||||
#footer { |
||||
color: #261f1f; |
||||
text-shadow: none; |
||||
} |
||||
#footer .block { |
||||
@include box-shadow(none); |
||||
background: none; |
||||
} |
||||
#footer p { |
||||
margin: 0; |
||||
padding: 0; |
||||
text-align: center; |
||||
} |
||||
|
||||
#sidebar { |
||||
width: 20%; |
||||
float: right; |
||||
} |
||||
#sidebar .block { |
||||
padding-top: 2px; |
||||
padding-bottom: 2px; |
||||
@include border-radius(6px); |
||||
@include text-shadow(0 1px 0 rgba(255, 255, 255, 0.6)); |
||||
} |
||||
#sidebar .block h4 { |
||||
font-weight: normal; |
||||
font-family: helvetica, arial, sans-serif; |
||||
} |
||||
#sidebar .notice { |
||||
color: white; |
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); |
||||
background-color: rgba(0, 0, 0, 0.3); |
||||
@include background-image(linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0))); |
||||
@include border-radius(6px); |
||||
@include box-shadow(inset 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(255, 255, 255, 0.3)); |
||||
} |
||||
#sidebar .warning { |
||||
padding-left: 10px; |
||||
padding-right: 10px; |
||||
color: #222222; |
||||
background: #ffef4e; |
||||
@include border-radius(6px); |
||||
@include box-shadow(0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1)); |
||||
border: 1px solid rgba(0, 0, 0, 0.3); |
||||
} |
||||
#sidebar h3 { |
||||
padding-left: 25px; |
||||
color: #111111; |
||||
border-bottom: 1px solid #261f1f; |
||||
} |
||||
#sidebar ul li { |
||||
background-position: 0 11px; |
||||
background-repeat: no-repeat; |
||||
background-image: url(image-path("theme/arrow.png")); |
||||
border-bottom: 1px dashed #777777; |
||||
list-style-type: none; |
||||
} |
||||
#sidebar ul li a { |
||||
margin-left: 10px; |
||||
text-decoration: none; |
||||
text-shadow: 0 1px 0 white; |
||||
} |
||||
#sidebar ul li.active a { |
||||
color: #a4a4a4; |
||||
} |
||||
|
||||
.control { |
||||
float: right; |
||||
margin-right: 9px; |
||||
margin-top: 11px; |
||||
} |
||||
|
||||
.pagination a, .pagination span { |
||||
border: 1px solid #c3c4ba; |
||||
@include border-radius(2px); |
||||
margin-right: 5px; |
||||
padding: 6px; |
||||
min-width: 15px; |
||||
text-align: center; |
||||
background: #dddddd; |
||||
background-image: url(image-path("theme/button-background.png")); |
||||
color: #111111; |
||||
} |
||||
.pagination a:hover { |
||||
border: 1px solid #818171; |
||||
@include box-shadow(0 0 4px rgba(0, 0, 0, 0.3)); |
||||
} |
||||
.pagination span.current { |
||||
background: #261f1f; |
||||
color: white; |
||||
border: 1px solid #261f1f; |
||||
} |
||||
|
||||
.pagination a:active { |
||||
background-image: url(image-path("theme/button-background-active.png")); |
||||
outline: none; |
||||
} |
||||
|
||||
.table th { |
||||
background: #eaeaea; |
||||
color: #222222; |
||||
font-weight: normal; |
||||
} |
||||
.table th.last { |
||||
min-width: 90px; |
||||
} |
||||
.table td { |
||||
border-bottom: 1px solid #eaeaea; |
||||
} |
||||
.table td.last { |
||||
padding-top: 0px; |
||||
padding-bottom: 0px; |
||||
} |
||||
.table tr.even { |
||||
background: #f8f8f8; |
||||
} |
||||
|
||||
.form label.label { |
||||
font-family: helvetica, arial, sans-serif; |
||||
font-weight: normal; |
||||
color: #666666; |
||||
} |
||||
.form input.text_field, .form textarea.text_area { |
||||
width: 100%; |
||||
border: 1px solid #dddddd; |
||||
@include box-shadow(inset 0 1px 3px rgba(0, 0, 0, 0.1)); |
||||
} |
||||
.form input.button { |
||||
background: #dddddd; |
||||
@include border-radius(5px); |
||||
border: 1px solid #c1c1c1; |
||||
padding: 2px 5px; |
||||
cursor: pointer; |
||||
color: #111111; |
||||
font-weight: bold; |
||||
font-size: 11px; |
||||
} |
||||
.form input.button:hover { |
||||
border: 1px solid #666666; |
||||
} |
||||
.form .description { |
||||
font-style: italic; |
||||
color: #8c8c8c; |
||||
font-size: 0.9em; |
||||
} |
||||
.form .navform a { |
||||
color: #cc0000; |
||||
} |
||||
|
||||
.flash .message { |
||||
@include border-radius(3px); |
||||
text-align: center; |
||||
margin: 0 auto 15px; |
||||
color: white; |
||||
@include text-shadow(0 1px 0 rgba(0, 0, 0, 0.3)); |
||||
} |
||||
.flash .message p { |
||||
margin: 8px; |
||||
} |
||||
.flash .error, .flash .error-list { |
||||
border: 1px solid #993624; |
||||
background: #cc4831 url(image-path("messages/error.png")) no-repeat 10px center; |
||||
} |
||||
.flash .warning { |
||||
border: 1px solid #bb9004; |
||||
background: #f9c006 url(image-path("messages/warning.png")) no-repeat 10px center; |
||||
} |
||||
.flash .notice { |
||||
color: #28485e; |
||||
@include text-shadow(0 1px 0 rgba(255, 255, 255, 0.7)); |
||||
border: 1px solid #8a9daa; |
||||
background: #b8d1e2 url(image-path("messages/notice.png")) no-repeat 10px center; |
||||
} |
||||
.flash .error-list { |
||||
text-align: left; |
||||
} |
||||
.flash .error-list h2 { |
||||
font-size: 16px; |
||||
text-align: center; |
||||
} |
||||
.flash .error-list ul { |
||||
padding-left: 22px; |
||||
line-height: 18px; |
||||
list-style-type: square; |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
ul.list li { |
||||
border-bottom-color: #dddddd; |
||||
border-bottom-width: 1px; |
||||
border-bottom-style: solid; |
||||
} |
||||
ul.list li .item .avatar { |
||||
border-color: #dddddd; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
padding: 2px; |
||||
} |
||||
|
||||
#box { |
||||
width: 480px; |
||||
} |
||||
#box .block { |
||||
background: white; |
||||
text-shadow: 0 1px 0 white; |
||||
@include box-shadow(0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3)); |
||||
@include border-radius(6px); |
||||
} |
||||
#box .block h2 { |
||||
background: #261f1f; |
||||
color: white; |
||||
@include text-shadow(none); |
||||
@include border-top-radius(6px); |
||||
} |
||||
|
||||
a.button, button.button { |
||||
background: #edeeed url(image-path("theme/button-background.png")) top; |
||||
border: 1px solid #c3c4ba; |
||||
font-family: helvetica, arial, sans-serif; |
||||
font-weight: normal; |
||||
@include border-radius(3px); |
||||
@include box-shadow(0 1px 2px rgba(0, 0, 0, 0.1)); |
||||
} |
||||
a.button:link, a.button:visited, a.button:hover, a.button:active, button.button:link, button.button:visited, button.button:hover, button.button:active { |
||||
font-weight: normal; |
||||
background: #edeeed url(image-path("theme/button-background.png")) top; |
||||
} |
||||
|
||||
a.button:active, button.button:active { |
||||
background: #eaeaea url(image-path("theme/button-background-active.png")) top; |
||||
outline: none; |
||||
margin-top: 1px; |
||||
margin-bottom: -1px; |
||||
} |
||||
|
||||
.form div.left { |
||||
width: 10%; |
||||
float: left; |
||||
} |
||||
.form div.right { |
||||
width: 85%; |
||||
float: right; |
||||
} |
||||
|
||||
.login div.left, .signup div div.left { |
||||
width: 21%; |
||||
float: left; |
||||
} |
||||
.login div.right, .signup div div.right { |
||||
width: 74%; |
||||
float: right; |
||||
} |
||||
@ -1,33 +0,0 @@
|
||||
@import "compass/css3/gradient"; |
||||
@import "compass/css3/border-radius"; |
||||
@import "compass/css3/box-shadow"; |
||||
@import "compass/css3/text-shadow"; |
||||
|
||||
@mixin button( |
||||
$color: #f5f5f5, |
||||
$textColor: #333, |
||||
$textShadow: 0 1px 1px rgba(255,255,255,.75), |
||||
$padding: 9px 15px 10px, |
||||
$borderRadius: 6px |
||||
){ |
||||
display: inline-block; |
||||
background-color: darken(saturate($color, 10), 10); |
||||
background-repeat: repeat-x; |
||||
@include background-image(linear-gradient($color, darken(saturate($color, 10), 10))); |
||||
padding: $padding; |
||||
text-shadow: $textShadow; |
||||
color: $textColor; |
||||
line-height: 20px; |
||||
@include border-radius($borderRadius); |
||||
@include box-shadow( |
||||
inset 0 1px 0 rgba(255,255,255,.2), |
||||
inset 0 -1px 0 rgba(0,0,0,.2), |
||||
0 1px 2px rgba(0,0,0,.25), |
||||
0 2px 10px rgba(0,0,0,0.5) |
||||
); |
||||
&:hover { |
||||
background-position: 0 -15px; |
||||
color: $textColor; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
@ -1,17 +0,0 @@
|
||||
<% respond_to do |format| %> |
||||
|
||||
<% format.html do %> |
||||
<div class="block"> |
||||
<div class="content"> |
||||
<div class="inner"> |
||||
<%= render :super %> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<% end %> |
||||
|
||||
<% format.js do %> |
||||
<%= render :super %> |
||||
<% end %> |
||||
|
||||
<% end %> |
||||
@ -0,0 +1,23 @@
|
||||
<div class="navbar navbar-fixed-top"> |
||||
<div class="navbar-inner"> |
||||
<div class="container"> |
||||
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> |
||||
<span class="icon-bar"></span> |
||||
<span class="icon-bar"></span> |
||||
<span class="icon-bar"></span> |
||||
</a> |
||||
|
||||
<%= link_to('EntryDNS', root_path, class: 'brand', data: {pjax: '#main'}) %> |
||||
|
||||
<div class="nav-collapse"> |
||||
<% if user_signed_in? %> |
||||
<%= render 'fragments/navigation/application' %> |
||||
<% else %> |
||||
<%= render 'fragments/navigation/public' %> |
||||
<% end %> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
@ -1,85 +0,0 @@
|
||||
<div id="header"> |
||||
<div class="header-inner"> |
||||
<h1><a href="/">EntryDNS</a></h1> |
||||
<div id="main-navigation"> |
||||
<ul class="wat-cf"> |
||||
<% if user_signed_in? %> |
||||
<li><%#= link_to('Dashboard', dashboard_path, :data => {:pjax => '#main'}) %></li> |
||||
<li> |
||||
<%= link_to domains_path, :data => {:pjax => '#main'} do %> |
||||
<i class="icon-white icon-th-list"></i> My Domains |
||||
<% end %> |
||||
</li> |
||||
<li> |
||||
<%= link_to hosts_path, :data => {:pjax => '#main'} do %> |
||||
<i class="icon-white icon-th"></i> Dynamic Hosts |
||||
<% end %> |
||||
</li> |
||||
<% else %> |
||||
<li><%= link_to('Home', root_path, :data => {:pjax => '#main'}) %></li> |
||||
<li><%= link_to('About', page_path('about'), :data => {:pjax => '#main'}) %></li> |
||||
<li><%= link_to('Team', page_path('team'), :data => {:pjax => '#main'}) %></li> |
||||
<li><%= link_to('Contact', page_path('contact'), :data => {:pjax => '#main'}) %></li> |
||||
<li><%= link_to('Help & Support', page_path('help'), :data => {:pjax => '#main'}) %></li> |
||||
<% end %> |
||||
</ul> |
||||
</div> |
||||
<div id="user-navigation"> |
||||
<ul class="wat-cf"> |
||||
<li> |
||||
<%= link_to 'Tweet', "https://twitter.com/share", :class => "twitter-share-button", |
||||
:data => { |
||||
:url => root_url, |
||||
:text => "EntryDNS a nice free DNS service", |
||||
:count => "horizontal", |
||||
:via => "entrydns", |
||||
:related => "_clyfe:vaijab" |
||||
} %> |
||||
</li> |
||||
<li> |
||||
<%= link_to(Settings.news_link, :rel => 'tooltip', :title => Settings.news_link) do %> |
||||
<i class="icon-white icon-share-alt"></i> News |
||||
<% end %> |
||||
</li> |
||||
<li> |
||||
<%= link_to(page_path('donate'), :rel => 'tooltip', :title => 'PayPal', |
||||
:class => 'highlight', :data => {:pjax => '#main'}) do %> |
||||
<i class="icon-white icon-heart"></i> Donate |
||||
<% end %> |
||||
</li> |
||||
<% if user_signed_in? %> |
||||
<li> |
||||
<%= link_to(page_path('help'), :data => {:pjax => '#main'}) do %> |
||||
<i class="icon-white icon-question-sign"></i> Help & Support |
||||
<% end %> |
||||
</li> |
||||
<li> |
||||
<%= link_to(edit_user_registration_path, :rel => 'tooltip', |
||||
:title => "IP: #{client_remote_ip}",:data => {:pjax => '#main'}) do %> |
||||
<i class="icon-white icon-user"></i> <%= current_user.email %> |
||||
<% end %> |
||||
</li> |
||||
<li> |
||||
<%= link_to(destroy_user_session_path, :method => :delete) do %> |
||||
<i class="icon-white icon-off"></i> Sign out |
||||
<% end %> |
||||
</li> |
||||
<% else %> |
||||
<li> |
||||
<%= link_to(new_user_registration_path, :data => {:pjax => '#main'}) do %> |
||||
<i class="icon-white icon-arrow-up"></i> Sign up |
||||
<% end %> |
||||
</li> |
||||
<li> |
||||
<%= link_to(new_user_session_path, :data => {:pjax => '#main'}) do %> |
||||
<i class="icon-white icon-arrow-right"></i> Sign in |
||||
<% end %> |
||||
</li> |
||||
<% end %> |
||||
</ul> |
||||
</div> |
||||
<div id="main-navigation"> |
||||
<ul class="wat-cf"></ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,43 @@
|
||||
<ul class="nav"> |
||||
<li><%#= link_to('Dashboard', dashboard_path, :data => {:pjax => '#main'}) %></li> |
||||
<li> |
||||
<%= link_to domains_path, data: {pjax: '#main'} do %> |
||||
<i class="icon-white icon-th-list"></i> My Domains |
||||
<% end %> |
||||
</li> |
||||
<li> |
||||
<%= link_to hosts_path, data: {pjax: '#main'} do %> |
||||
<i class="icon-white icon-th"></i> Dynamic Hosts |
||||
<% end %> |
||||
</li> |
||||
<li> |
||||
<%= link_to(page_path('help'), data: {pjax: '#main'}) do %> |
||||
<i class="icon-white icon-question-sign"></i> Help & Support |
||||
<% end %> |
||||
</li> |
||||
</ul> |
||||
|
||||
<ul class="nav pull-right"> |
||||
<li> |
||||
<%= link_to(Settings.news_link, rel: 'tooltip', title: Settings.news_link) do %> |
||||
<i class="icon-white icon-share-alt"></i> News |
||||
<% end %> |
||||
</li> |
||||
<li> |
||||
<%= link_to(page_path('donate'), rel: 'tooltip', title: 'PayPal', |
||||
class: 'highlight', data: {pjax: '#main'}) do %> |
||||
<i class="icon-white icon-heart"></i> Donate |
||||
<% end %> |
||||
</li> |
||||
<li> |
||||
<%= link_to(edit_user_registration_path, rel: 'tooltip', |
||||
:title => "IP: #{client_remote_ip}", data: {pjax: '#main'}) do %> |
||||
<i class="icon-white icon-user"></i> <%= current_user.email %> |
||||
<% end %> |
||||
</li> |
||||
<li> |
||||
<%= link_to(destroy_user_session_path, method: :delete) do %> |
||||
<i class="icon-white icon-off"></i> Sign out |
||||
<% end %> |
||||
</li> |
||||
</ul> |
||||
@ -0,0 +1,32 @@
|
||||
<ul class="nav"> |
||||
<li><%= link_to('About', page_path('about'), data: {pjax: '#main'}) %></li> |
||||
<li><%= link_to('Team', page_path('team'), data: {pjax: '#main'}) %></li> |
||||
<li><%= link_to('Contact', page_path('contact'), data: {pjax: '#main'}) %></li> |
||||
<li><%= link_to('Help & Support', page_path('help'), data: {pjax: '#main'}) %></li> |
||||
</ul> |
||||
|
||||
<ul class="nav pull-right"> |
||||
<li> |
||||
<%= link_to(Settings.news_link, rel: 'tooltip', title: Settings.news_link) do %> |
||||
<i class="icon-white icon-share-alt"></i> News |
||||
<% end %> |
||||
</li> |
||||
<li> |
||||
<%= link_to(page_path('donate'), rel: 'tooltip', title: 'PayPal', |
||||
class: 'highlight', data: {pjax: '#main'}) do %> |
||||
<i class="icon-white icon-heart"></i> Donate |
||||
<% end %> |
||||
</li> |
||||
|
||||
<li> |
||||
<%= link_to(new_user_registration_path, data: {pjax: '#main'}) do %> |
||||
<i class="icon-white icon-arrow-up"></i> Sign up |
||||
<% end %> |
||||
</li> |
||||
<li> |
||||
<%= link_to(new_user_session_path, data: {pjax: '#main'}) do %> |
||||
<i class="icon-white icon-arrow-right"></i> Sign in |
||||
<% end %> |
||||
</li> |
||||
|
||||
</ul> |
||||
@ -1,7 +1,7 @@
|
||||
<div class="action"> |
||||
<%= image_tag 'marketing/arrow_left.png' %> |
||||
<%= link_to new_user_registration_path, :style => 'text-decoration: none' do %> |
||||
<%= link_to new_user_registration_path, :class => 'btn btn-primary btn-large' do %> |
||||
<strong>Create an Account Now</strong><br> |
||||
<em>It's free, sign up in 60 seconds.</em> |
||||
<small>It's free, sign up in 60 seconds.</small> |
||||
<% end %> |
||||
</div> |
||||
|
||||
@ -1,61 +1,57 @@
|
||||
<div class="block home-page-block article"> |
||||
<div class="content"> |
||||
<h1>Totally Free DNS service for everyone <small>created by Geeks</small></h1> |
||||
<div class="inner home-page-inner"> |
||||
<div class="page-header"> |
||||
<h1> |
||||
Totally Free DNS service for everyone |
||||
<small>created by Geeks</small> |
||||
<span class="pull-right"> |
||||
<%= link_to 'Tweet', "https://twitter.com/share", :class => "twitter-share-button", :data => { |
||||
:url => root_url, |
||||
:text => "EntryDNS a nice free DNS service", |
||||
:count => "horizontal", |
||||
:via => "entrydns", |
||||
:related => "_clyfe:vaijab" |
||||
} %> |
||||
</span> |
||||
</h1> |
||||
</div> |
||||
|
||||
<table class="home-page-duo"> |
||||
<tr> |
||||
<td class="home-page-text"> |
||||
<div class="row"> |
||||
<div class="span6"> |
||||
<%= render :partial => 'pages/home/headlines' %> |
||||
<br /> |
||||
<%= render :partial => 'pages/fragments/action' %> |
||||
</td> |
||||
<td class="home-page-images"> |
||||
<%= render :partial => 'pages/home/slides' %> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
</div> |
||||
<div class="span6"> |
||||
<%= render :partial => 'pages/home/slides' %> |
||||
</div> |
||||
</div> |
||||
|
||||
<table class="home-page-duo"> |
||||
<tr> |
||||
<td> |
||||
<hr /> |
||||
|
||||
<div class="row"> |
||||
<div class="span6"> |
||||
<blockquote> |
||||
We are two geeks who built a free DNS service to fill a void in this space. |
||||
The service is free and we hope to support it on either a freemium model or some sort of affiliate sales. |
||||
</blockquote> |
||||
</td> |
||||
<td> |
||||
</div> |
||||
<div class="span6"> |
||||
<blockquote> |
||||
Note that we just started it, and there are still things to be done, it's still a work in progress. |
||||
Nevertheless the service is at this point functional and there are people already using it. |
||||
</blockquote> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="block"> |
||||
<div class="content"> |
||||
<div class="inner home-page-second"> |
||||
<hr /> |
||||
|
||||
<table class="home-page-duo"> |
||||
<tr> |
||||
<td class="home-page-text"> |
||||
<h2>Benefits</h2> |
||||
<div class="row"> |
||||
<div class="span6"> |
||||
<h3>Benefits</h3> |
||||
<%= render 'pages/fragments/benefits' %> |
||||
<br /><br /> |
||||
<%= render :partial => 'pages/fragments/action' %> |
||||
</td> |
||||
<td class="home-page-images"> |
||||
<h2>Features</h2> |
||||
<%= render 'pages/fragments/features' %> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
</div> |
||||
<div class="span6"> |
||||
<h3>Features</h3> |
||||
<%= render 'pages/fragments/features' %> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
@ -1,20 +1,12 @@
|
||||
<div class="block article"> |
||||
<div class="content"> |
||||
<div class="inner team"> |
||||
|
||||
<div class="page-header"> |
||||
<h1>Meet the founders</h1> |
||||
</div> |
||||
|
||||
<table> |
||||
<tr> |
||||
<td class="bio"> |
||||
<div class="row"> |
||||
<div class="span6"> |
||||
<%= render :partial => 'pages/team/zooz' %> |
||||
</td> |
||||
<td class="bio"> |
||||
<%= render :partial => 'pages/team/clyfe' %> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
</div> |
||||
<div class="span6"> |
||||
<%= render :partial => 'pages/team/clyfe' %> |
||||
</div> |
||||
</div> |
||||
|
||||
Loading…
Reference in new issue