mirror of
https://github.com/internetee/registry.git
synced 2025-05-18 18:29:40 +02:00
Add style for registrar portal
This commit is contained in:
Martin Lensment
parent
63f73a8f24
commit
a3cb7aed41
28 changed files with 1479 additions and 19 deletions
BIN
app/assets/images/bg.jpg
Normal file
BIN
app/assets/images/bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
65
app/assets/stylesheets/fonts.css.scss
Normal file
65
app/assets/stylesheets/fonts.css.scss
Normal file
|
|
@ -0,0 +1,65 @@
|
|||
@font-face {
|
||||
font-family: 'EtelkaLightProRegular';
|
||||
src: font_url('etelkalight-webfont.eot');
|
||||
src: font_url('etelkalight-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
font_url('etelkalight-webfont.woff') format('woff'),
|
||||
font_url('etelkalight-webfont.ttf') format('truetype'),
|
||||
font_url('etelkalight-webfont.svg#EtelkaLightProRegular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'EtelkaLightProBold';
|
||||
src: font_url('etelkalightbold-webfont.eot');
|
||||
src: font_url('etelkalightbold-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
font_url('etelkalightbold-webfont.woff') format('woff'),
|
||||
font_url('etelkalightbold-webfont.ttf') format('truetype'),
|
||||
font_url('etelkalightbold-webfont.svg#EtelkaLightProBold') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'EtelkaLightProItalic';
|
||||
src: font_url('etelkalightitalic-webfont.eot');
|
||||
src: font_url('etelkalightitalic-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
font_url('etelkalightitalic-webfont.woff') format('woff'),
|
||||
font_url('etelkalightitalic-webfont.ttf') format('truetype'),
|
||||
font_url('etelkalightitalic-webfont.svg#EtelkaLightProItalic') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'InfoTextBold';
|
||||
src: font_url('infotexb-webfont.eot');
|
||||
src: font_url('infotexb-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
font_url('infotexb-webfont.woff') format('woff'),
|
||||
font_url('infotexb-webfont.ttf') format('truetype'),
|
||||
font_url('infotexb-webfont.svg#InfoTextBold') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'InfoTextMedium';
|
||||
src: font_url('infotexm-webfont.eot');
|
||||
src: font_url('infotexm-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
font_url('infotexm-webfont.woff') format('woff'),
|
||||
font_url('infotexm-webfont.ttf') format('truetype'),
|
||||
font_url('infotexm-webfont.svg#InfoTextMedium') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'InfoTextRegular';
|
||||
src: font_url('infotexn-webfont.eot');
|
||||
src: font_url('infotexn-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
font_url('infotexn-webfont.woff') format('woff'),
|
||||
font_url('infotexn-webfont.ttf') format('truetype'),
|
||||
font_url('infotexn-webfont.svg#InfoTextRegular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
@ -1,3 +1,4 @@
|
|||
@import "fonts";
|
||||
@import "registrar";
|
||||
@import "bootstrap-sprockets";
|
||||
@import "bootstrap";
|
||||
|
|
|
|||
|
|
@ -1,3 +1,198 @@
|
|||
$navbar-default-bg: #F69240
|
||||
$navbar-default-brand-color: #fff
|
||||
$navbar-default-link-color: #fff
|
||||
|
||||
$font-family-sans-serif: 'EtelkaLightProRegular', Arial, Helvetica, sans-serif
|
||||
$font-family-serif: 'EtelkaLightProBold', Georgia, "Times New Roman", Times, serif
|
||||
|
||||
html
|
||||
font-size: 100%
|
||||
overflow-y: scroll
|
||||
-webkit-text-size-adjust: 100%
|
||||
-ms-text-size-adjust: 100%
|
||||
|
||||
body
|
||||
background: url(image_path('bg.jpg'))
|
||||
|
||||
h1
|
||||
font-size: 26px
|
||||
margin-bottom: 16px
|
||||
|
||||
a
|
||||
color: #008fd7
|
||||
text-decoration: none
|
||||
|
||||
a:hover,
|
||||
a:active
|
||||
color: #008fd7
|
||||
outline: 0
|
||||
|
||||
h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a
|
||||
color: #272f34
|
||||
text-decoration: none
|
||||
font-weight: normal
|
||||
font-family: 'EtelkaLightProBold'
|
||||
|
||||
h1
|
||||
font-size: 22px
|
||||
text-transform: uppercase
|
||||
|
||||
body,
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea
|
||||
font-family: 'EtelkaLightProRegular', Arial, Helvetica, sans-serif
|
||||
color: #5d6064
|
||||
font-size: 13px
|
||||
|
||||
abbr[title]
|
||||
border-bottom: 1px dotted
|
||||
|
||||
b,
|
||||
strong
|
||||
font-weight: normal
|
||||
font-family: 'EtelkaLightProBold'
|
||||
|
||||
blockquote
|
||||
margin: 1em 40px
|
||||
|
||||
dfn
|
||||
font-style: italic
|
||||
|
||||
mark
|
||||
background: #ff0
|
||||
color: #000
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp
|
||||
font-family: monospace, serif
|
||||
_font-family: 'courier new', monospace
|
||||
font-size: 1em
|
||||
|
||||
pre
|
||||
white-space: pre
|
||||
white-space: pre-wrap
|
||||
word-wrap: break-word
|
||||
|
||||
q
|
||||
quotes: none
|
||||
|
||||
q:before,
|
||||
q:after
|
||||
content: ''
|
||||
content: none
|
||||
|
||||
small
|
||||
font-size: 75%
|
||||
|
||||
sub,
|
||||
sup
|
||||
font-size: 75%
|
||||
line-height: 0
|
||||
position: relative
|
||||
vertical-align: baseline
|
||||
|
||||
sup
|
||||
top: -0.5em
|
||||
|
||||
sub
|
||||
bottom: -0.25em
|
||||
|
||||
.title-row
|
||||
margin-bottom: 22px
|
||||
|
||||
.app-nav
|
||||
padding-top: 7px
|
||||
|
||||
.general-tab
|
||||
padding-top: 30px
|
||||
padding-right: 20px
|
||||
border-top: 0px
|
||||
|
||||
.container
|
||||
border-radius: 3px
|
||||
width: 860px
|
||||
body > .container
|
||||
background: #F8F8F8
|
||||
margin-bottom: 50px
|
||||
min-height: 600px
|
||||
padding: 30px 30px 56px 30px
|
||||
|
||||
.container.version
|
||||
background: transparent
|
||||
margin-top: -116px
|
||||
min-height: 0px
|
||||
text-align: right
|
||||
font-size: 12px
|
||||
color: gray
|
||||
|
||||
.container.subnav
|
||||
background: transparent
|
||||
min-height: 0
|
||||
padding: 0 46px 0 0
|
||||
margin-bottom: 0
|
||||
ul.nav
|
||||
li a
|
||||
background: #E7E7E7
|
||||
height: 33px
|
||||
line-height: 12px
|
||||
color: gray
|
||||
&:hover
|
||||
color: #333
|
||||
li.active a
|
||||
background: #F8F8F8
|
||||
font-weight: bold
|
||||
color: #333
|
||||
|
||||
|
||||
.subactions
|
||||
h4
|
||||
margin-bottom: 20px
|
||||
margin-top: 10px
|
||||
min-height: 600px
|
||||
|
||||
.sidebar
|
||||
min-height: 400px
|
||||
|
||||
.content
|
||||
margin-right: 240px
|
||||
margin-left: 0
|
||||
|
||||
h4
|
||||
margin: 0
|
||||
|
||||
.top-actions
|
||||
margin-top: 12px
|
||||
margin-bottom: 16px
|
||||
float: right
|
||||
|
||||
.navbar-brand
|
||||
line-height: 12px
|
||||
padding-top: 20px
|
||||
padding-bottom: 5px
|
||||
|
||||
.navbar-brand small
|
||||
display: block
|
||||
font-size: 10px
|
||||
|
||||
.footer
|
||||
color: #777
|
||||
padding-top: 70px
|
||||
padding-bottom: 10px
|
||||
font-size: 10px
|
||||
|
||||
.field_with_errors
|
||||
@extend .has-error
|
||||
|
||||
.domify
|
||||
td
|
||||
vertical-align: middle !important
|
||||
|
||||
// fix label position for medium screen
|
||||
@media (min-width: 768px) and (max-width: 991px)
|
||||
.form-horizontal .control-label
|
||||
text-align: left
|
||||
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
= javascript_include_tag 'application', 'data-turbolinks-track' => true
|
||||
%link{href: "../../favicon.ico", rel: "icon"}/
|
||||
%title EIS Registrar Portal
|
||||
%body{:style => env_style}
|
||||
%body
|
||||
/ Static navbar
|
||||
.navbar.navbar-default.navbar-static-top{role: "navigation"}
|
||||
.container
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue