Redesign for Github Pages
This commit is contained in:
26
css/blog.css
Normal file
26
css/blog.css
Normal file
@@ -0,0 +1,26 @@
|
||||
/*
|
||||
Document : blog
|
||||
Created on : 2012.09.14., 14:53:34
|
||||
Author : polonkai.gergely
|
||||
Description:
|
||||
Purpose of the stylesheet follows.
|
||||
*/
|
||||
|
||||
.post {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
p.article-date {
|
||||
text-indent: 0;
|
||||
font-size: 80%;
|
||||
color: #7f7f7f;
|
||||
}
|
||||
|
||||
.paginator {
|
||||
margin: .5em 0;
|
||||
}
|
||||
|
||||
.plusone-container {
|
||||
margin-left: 1em;
|
||||
display: inline;
|
||||
}
|
||||
45
css/code.css
Normal file
45
css/code.css
Normal file
@@ -0,0 +1,45 @@
|
||||
/*
|
||||
Document : code
|
||||
Created on : 2012.09.04., 10:05:47
|
||||
Author : polonkai.gergely
|
||||
Description:
|
||||
Purpose of the stylesheet follows.
|
||||
*/
|
||||
|
||||
.code-chunk {
|
||||
background-color: #b5b5b5;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.code-chunk .code-title {
|
||||
text-indent: 0 !important;
|
||||
font-size: 120%;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.code-chunk .code-description {
|
||||
border: 1px solid #333;
|
||||
background-color: #d9d9d9;
|
||||
padding: 3px;
|
||||
text-indent: 0 !important;
|
||||
margin: .5em 0 0 0 !important;
|
||||
font-size: 75%;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.code-chunk .code {
|
||||
font-family: monospace;
|
||||
background-color: #002b36;
|
||||
padding: 5px;
|
||||
height: 300px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.code-chunk .code * {
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
.code-chunk .code ol {
|
||||
background-color: #002b36;
|
||||
color: #586e75;
|
||||
}
|
||||
248
css/front.css
Normal file
248
css/front.css
Normal file
@@ -0,0 +1,248 @@
|
||||
* {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #333333;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#content-wrapper {
|
||||
background-color: #ffffff;
|
||||
width: 960px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-top: 14px;
|
||||
}
|
||||
|
||||
#header {
|
||||
height: 120px;
|
||||
background-color: #4d4d4d;
|
||||
color: #ffffff;
|
||||
position: absolute;
|
||||
width: 960px;
|
||||
height: 190px;
|
||||
}
|
||||
|
||||
#header #picture {
|
||||
background-color: white;
|
||||
position: relative;
|
||||
width: 170px;
|
||||
height: 170px;
|
||||
display: inline;
|
||||
float: left;
|
||||
top: 40px;
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
#header #picture img {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
#header h1 {
|
||||
text-align: right;
|
||||
margin: 40px 10px 0 0;
|
||||
font-size: 41px;
|
||||
font-weight: bold;
|
||||
padding-top: 45px;
|
||||
}
|
||||
|
||||
#header h1 a {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#header h2 {
|
||||
text-align: right;
|
||||
margin: 0 10px 0 0;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
#contact-list {
|
||||
position: absolute;
|
||||
right: -22px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
#contact-list a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#menu {
|
||||
background-color: #f18137;
|
||||
height: 39px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
#tagcloud-button {
|
||||
float: left;
|
||||
padding-top: 2px;
|
||||
padding-left: 6px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#menu ul {
|
||||
margin: 8px;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#menu ul li {
|
||||
float: right;
|
||||
margin-top: 1px;
|
||||
margin-bottom: 10px;
|
||||
margin-left: 1em;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#menu ul li.active {
|
||||
background-image: url('../images/arrow-up.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center bottom;
|
||||
}
|
||||
|
||||
#menu ul li a {
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#content {
|
||||
clear: both;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
#content-padding {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
#content h3 {
|
||||
margin: .5em 0 .2em 0;
|
||||
}
|
||||
|
||||
#content p {
|
||||
margin: .6em 0;
|
||||
text-indent: 1.5em;
|
||||
text-align: justify;
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
#content a {
|
||||
color: black;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: normal;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
dd p {
|
||||
text-indent: 0 !important;
|
||||
margin-top: .5em !important;
|
||||
}
|
||||
|
||||
#page-disclaimer {
|
||||
margin-top: 2em;
|
||||
text-align: right;
|
||||
font-size: 80%;
|
||||
color: #7f7f7f;
|
||||
}
|
||||
|
||||
#page-disclaimer a {
|
||||
color: #7f7f7f;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#bottombar-wrapper {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#bottombar-padding {
|
||||
clear: both;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
#bottombar {
|
||||
position: fixed;
|
||||
background-color: #4d4d4d;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
z-index: 70000;
|
||||
width: 100%;
|
||||
padding: 1em;
|
||||
text-align: center;
|
||||
vertical-align: center;
|
||||
color: #b3b3b3;
|
||||
font-size: 10px;
|
||||
border-top: 1px solid black;
|
||||
}
|
||||
|
||||
#bottombar a {
|
||||
color: #b3b3b3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#bottombar img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#more-posts {
|
||||
margin-top: 1em;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#tag-cloud {
|
||||
position: absolute;
|
||||
width: 600px;
|
||||
padding: 8px;
|
||||
border: 1px solid black;
|
||||
background-color: #303030;
|
||||
margin-left: 5px;
|
||||
margin-top: 2px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#tag-cloud a {
|
||||
color: #b3b3b3;
|
||||
text-decoration: none;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
#tag-cloud .size0 {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
#tag-cloud .size1 {
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
#tag-cloud .size2 {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
#tag-cloud .size3 {
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
#tag-cloud .size4 {
|
||||
font-size: 130%;
|
||||
}
|
||||
|
||||
#tag-cloud .size5 {
|
||||
font-size: 150%;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
pre {
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
51
css/resume.css
Normal file
51
css/resume.css
Normal file
@@ -0,0 +1,51 @@
|
||||
#keywords-button {
|
||||
font-size: 50%;
|
||||
color: #7f7f7f;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#keywords-button:hover {
|
||||
background-color: #4d4d4d;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#keywords {
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
left: 100px;
|
||||
font-size: 75%;
|
||||
background-color: #4d4d4d;
|
||||
color: #ffffff;
|
||||
text-align: justify;
|
||||
width: 50%;
|
||||
padding: .5em;
|
||||
border: 1px solid #f18137;
|
||||
z-index: 200;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.keyword-first-letter {
|
||||
font-weight: bold;
|
||||
color: #f18137;
|
||||
}
|
||||
|
||||
#keywords-close {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url('../images/close.png');
|
||||
z-index: 210;
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: -13px;
|
||||
right: -13px;
|
||||
}
|
||||
|
||||
.i {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.b {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
310
css/style.sass
Normal file
310
css/style.sass
Normal file
@@ -0,0 +1,310 @@
|
||||
---
|
||||
---
|
||||
|
||||
$main-font: sans-serif
|
||||
$page-background: #333333
|
||||
$content-background: #ffffff
|
||||
$content-text: #000000
|
||||
$header-background: #4d4d4d
|
||||
$header-text: #ffffff
|
||||
$menu-background: #f18137
|
||||
$menu-text: #ffffff
|
||||
$footer-text: #7f7f7f
|
||||
|
||||
body
|
||||
font: 100% $main-font
|
||||
background-color: $page-background
|
||||
margin: 0
|
||||
|
||||
#content-wrapper
|
||||
background-color: $content-background
|
||||
width: 960px
|
||||
margin: 0 auto 0 auto
|
||||
padding-top: 14px
|
||||
|
||||
#header
|
||||
height: 190px
|
||||
width: 960px
|
||||
background-color: $header-background
|
||||
color: $header-text
|
||||
position: absolute
|
||||
|
||||
#picture
|
||||
background-color: $content-background
|
||||
position: relative
|
||||
width: 170px
|
||||
height: 170px
|
||||
display: inline
|
||||
float: left
|
||||
top: 40px
|
||||
left: 20px
|
||||
|
||||
img
|
||||
margin: 10px
|
||||
|
||||
h1
|
||||
text-align: right
|
||||
margin: 40px 10px 0 0
|
||||
font-size: 41px
|
||||
font-weight: bold
|
||||
padding-top: 45px
|
||||
|
||||
a
|
||||
color: $header-text
|
||||
text-decoration: none
|
||||
|
||||
h2
|
||||
text-align: right
|
||||
margin: 0 10px 0 0
|
||||
font-size: 12px
|
||||
font-weight: normal
|
||||
padding-top: 5px
|
||||
|
||||
#contact-list
|
||||
position: absolute
|
||||
right: -22px
|
||||
width: 20px
|
||||
|
||||
a
|
||||
display: block
|
||||
|
||||
#menu
|
||||
background-color: $menu-background
|
||||
height: 39px
|
||||
margin-top: 15px
|
||||
|
||||
ul
|
||||
margin: 8px
|
||||
padding: 0
|
||||
list-style-type:none
|
||||
float: right
|
||||
|
||||
li
|
||||
float: right
|
||||
margin: 1px 0 10px 1em
|
||||
height: 30px
|
||||
|
||||
a
|
||||
color: $menu-text
|
||||
font-weight: bold
|
||||
font-size: 12px
|
||||
text-decoration: none
|
||||
|
||||
li.active
|
||||
background-image: url('../images/arrow-up.png')
|
||||
background-repeat: no-repeat
|
||||
background-position: center bottom
|
||||
|
||||
#tagcloud-button
|
||||
float: left
|
||||
padding: 2px 0 0 6px
|
||||
cursor: pointer
|
||||
|
||||
#content
|
||||
clear: both
|
||||
padding: 8px
|
||||
|
||||
h3
|
||||
margin: .5em 0 .2em 0
|
||||
|
||||
p
|
||||
margin: .6em 0
|
||||
text-indent: 1.5em
|
||||
text-align: justify
|
||||
font-size: 80%
|
||||
|
||||
a
|
||||
color: $content-text
|
||||
text-decoration: underline
|
||||
|
||||
#content-padding
|
||||
height: 200px
|
||||
|
||||
dt
|
||||
font-weight: normal
|
||||
text-decoration: underline
|
||||
|
||||
dd
|
||||
p
|
||||
text-indent: 0 !important
|
||||
margin-top: .5em !important
|
||||
|
||||
#page-disclaimer
|
||||
margin-top: 2em
|
||||
text-align: right
|
||||
font-size: 80%
|
||||
color: $footer-text
|
||||
|
||||
a
|
||||
color: $footer-text
|
||||
text-decoration: underline
|
||||
|
||||
#bottombar-wrapper
|
||||
display: block
|
||||
|
||||
#bottombar-padding
|
||||
clear: both
|
||||
height: 35px
|
||||
|
||||
#bottombar
|
||||
position: fixed
|
||||
background-color: #4d4d4d
|
||||
bottom: 0
|
||||
left: 0
|
||||
margin: 0
|
||||
z-index: 70000
|
||||
width: 100%
|
||||
padding: 1em
|
||||
text-align: center
|
||||
vertical-align: center
|
||||
color: #b3b3b3
|
||||
font-size: 10px
|
||||
border-top: 1px solid black
|
||||
|
||||
a
|
||||
color: #b3b3b3
|
||||
text-decoration: underline
|
||||
|
||||
img
|
||||
vertical-align: middle
|
||||
|
||||
#more-posts
|
||||
margin-top: 1em
|
||||
text-align: right
|
||||
|
||||
#tag-cloud
|
||||
position: absolute
|
||||
width: 600px
|
||||
padding: 8px
|
||||
border: 1px solid black
|
||||
background-color: #303030
|
||||
margin-left: 5px
|
||||
margin-top: 2px
|
||||
display: none
|
||||
|
||||
a
|
||||
color: #b3b3b3
|
||||
text-decoration: none
|
||||
padding: 8px
|
||||
|
||||
.size0
|
||||
font-size: 80%
|
||||
|
||||
.size1
|
||||
font-size: 90%
|
||||
|
||||
.size2
|
||||
font-size: 100%
|
||||
|
||||
.size3
|
||||
font-size: 110%
|
||||
|
||||
.size4
|
||||
font-size: 130%
|
||||
|
||||
.size5
|
||||
font-size: 150%
|
||||
|
||||
.clear
|
||||
clear: both
|
||||
|
||||
pre
|
||||
font-family: monospace
|
||||
|
||||
code
|
||||
font-family: monospace
|
||||
background-color: #ddd
|
||||
|
||||
.highlight
|
||||
background-color: #b5b5b5
|
||||
padding: 10px
|
||||
|
||||
.code-title
|
||||
text-indent: 0 !important
|
||||
font-size: 120%
|
||||
font-weight: bold
|
||||
|
||||
.code-description
|
||||
border: 1px solid #333
|
||||
background-color: #d9d9d9
|
||||
padding: 3px
|
||||
text-indent: 0 !important
|
||||
margin: .5em 0 0 0 !important
|
||||
font-size: 75%
|
||||
color: #444
|
||||
|
||||
pre
|
||||
font-family: monospace
|
||||
background-color: #002b36
|
||||
padding: 5px
|
||||
height: 300px
|
||||
overflow: auto
|
||||
color: #586e75
|
||||
|
||||
*
|
||||
font-family: monospace
|
||||
background-color: #002b36
|
||||
color: #586e75
|
||||
|
||||
code
|
||||
.k
|
||||
color: #b58900
|
||||
|
||||
#keywords-button
|
||||
font-size: 50%
|
||||
color: #7f7f7f
|
||||
font-weight: normal
|
||||
|
||||
#keywords-button:hover
|
||||
background-color: #4d4d4d
|
||||
color: #ffffff
|
||||
cursor: pointer
|
||||
|
||||
#keywords
|
||||
position: absolute
|
||||
top: 100px
|
||||
left: 100px
|
||||
font-size: 75%
|
||||
background-color: #4d4d4d
|
||||
color: #ffffff
|
||||
text-align: justify
|
||||
width: 50%
|
||||
padding: .5em
|
||||
border: 1px solid #f18137
|
||||
z-index: 200
|
||||
display: none
|
||||
|
||||
.keyword-first-letter
|
||||
font-weight: bold
|
||||
color: #f18137
|
||||
|
||||
#keywords-close
|
||||
width: 24px
|
||||
height: 24px
|
||||
background-image: url('../images/close.png')
|
||||
z-index: 210
|
||||
position: absolute
|
||||
display: block
|
||||
top: -13px
|
||||
right: -13px
|
||||
|
||||
.i
|
||||
font-style: italic
|
||||
|
||||
.b
|
||||
font-weight: bold
|
||||
|
||||
.post
|
||||
margin-bottom: 2em
|
||||
|
||||
p.article-date
|
||||
text-indent: 0
|
||||
font-size: 80%
|
||||
color: #7f7f7f
|
||||
|
||||
.paginator
|
||||
margin: .5em 0
|
||||
|
||||
.plusone-container
|
||||
margin-left: 1em
|
||||
display: inline
|
||||
729
css/templatemo_style.css
Normal file
729
css/templatemo_style.css
Normal file
@@ -0,0 +1,729 @@
|
||||
/*
|
||||
templatemo 395 urbanic
|
||||
*/
|
||||
|
||||
/*
|
||||
Urbanic Template
|
||||
http://www.templatemo.com/preview/templatemo_395_urbanic
|
||||
*/
|
||||
|
||||
body, html { overflow-x:hidden; }
|
||||
|
||||
body {
|
||||
background-color: #ffffff;
|
||||
font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif;
|
||||
font-size: 12px;
|
||||
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, span, p { font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif; }
|
||||
|
||||
* {
|
||||
-webkit-border-radius: 0 !important;
|
||||
-moz-border-radius: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.templatemo_clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.height30 {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.templatemo-top-bar {
|
||||
min-height: 40px;
|
||||
background-color:#eeeeee;
|
||||
}
|
||||
|
||||
.templatemo-top-menu {
|
||||
min-height:110px;
|
||||
background-color:#ffffff;
|
||||
z-index: 5000;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.templatemo-top-menu .navbar-toggle {
|
||||
margin-top: 38px;
|
||||
}
|
||||
|
||||
.templatemo-top-menu .navbar-brand {
|
||||
padding: 0;
|
||||
margin: 30px 0 0 0;
|
||||
}
|
||||
|
||||
/* ------ Carousel ----- */
|
||||
|
||||
#templatemo-carousel {
|
||||
background: url('../images/templatemo_carousel_bg.jpg') no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
overflow-x: hidden;
|
||||
margin-bottom:0;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
#templatemo-carousel .carousel-caption {
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
#templatemo-carousel .item {
|
||||
height: 500px;
|
||||
}
|
||||
#templatemo-carousel .carousel-inner > .item > img {
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
height: 500px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
#templatemo-carousel .carousel-caption p {
|
||||
margin-bottom: 20px;
|
||||
line-height: 1.4;
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
#templatemo-carousel .carousel-caption {
|
||||
padding-bottom: 140px;
|
||||
right: 20%;
|
||||
left: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#templatemo-carousel .carousel-caption {
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
#templatemo-carousel {
|
||||
background: url('../images/templatemo_carousel_bg_s.jpg') no-repeat center center;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
overflow-x: hidden;
|
||||
margin-bottom:0;
|
||||
height: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ------ End of Carousel ----- */
|
||||
|
||||
/* ------ Welcome & Slogna ------ */
|
||||
.templatemo-welcome {
|
||||
border-bottom: 1px solid #cccccc;
|
||||
min-height: 230px;
|
||||
}
|
||||
|
||||
.templatemo-slogan {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: normal;
|
||||
font-size: 42px;
|
||||
margin: 60px 0;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.templatemo-service {
|
||||
margin-bottom: 100px;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
.templatemo-service-item {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
margin-bottom: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
|
||||
.templatemo-service-item p {
|
||||
font-weight: lighter;
|
||||
text-align: justify;
|
||||
margin-top: 25px;
|
||||
font-size: 14px;
|
||||
color: #929292;
|
||||
}
|
||||
|
||||
.subheader {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: normal;
|
||||
margin-top: 12px;
|
||||
font-size: 12px;
|
||||
color: #e67e22;
|
||||
}
|
||||
|
||||
|
||||
.btn-orange {
|
||||
background-color: #ff7600;
|
||||
border-bottom:2px solid #d35400;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
color:#ffffff;
|
||||
}
|
||||
|
||||
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {
|
||||
background-color: #d35400;
|
||||
color:#ffffff;
|
||||
}
|
||||
|
||||
.btn-green {
|
||||
background-color:#2ecc71;
|
||||
border-bottom:2px solid #27ae60;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
color:#ffffff;
|
||||
}
|
||||
|
||||
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {
|
||||
background-color: #27ae60;
|
||||
color:#ffffff;
|
||||
}
|
||||
|
||||
.nav > li > a {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
.nav > li > a:hover,
|
||||
.nav > li > a:focus {
|
||||
background-color: #ff7600;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav > li > a:hover,
|
||||
.navbar-default .navbar-nav > li > a:focus {
|
||||
background-color: #ff7600;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
|
||||
.nav > li > a {
|
||||
color: #929292;
|
||||
}
|
||||
.navbar-default {
|
||||
background-color:#fff;
|
||||
border:none;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav > .active > a,
|
||||
.navbar-default .navbar-nav > .active > a:hover,
|
||||
.navbar-default .navbar-nav > .active > a:focus {
|
||||
background-color: #ff7600;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.templatemo-service-item-header {
|
||||
margin-left: -10px;
|
||||
padding: 16px 20px 20px;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.templatemo-header-orange {
|
||||
background-color:#ff7600;
|
||||
min-width: 298px;
|
||||
height: 67px;
|
||||
color: #fff;
|
||||
|
||||
}
|
||||
|
||||
.team_hr {
|
||||
border: 1px solid #fff;
|
||||
width: 39.5%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.team_hr_left {
|
||||
margin-right: 30px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.team_hr_right {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.hr_gray {
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
.templatemo-team {
|
||||
background: url('../images/background.png') ;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
min-height:590px;
|
||||
color:#ffffff;
|
||||
|
||||
}
|
||||
.templatemo-line-header {
|
||||
margin-top:100px;
|
||||
margin-bottom:80px;
|
||||
}
|
||||
|
||||
.member-thumb:hover .thumb-overlay {
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.member-thumb {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.member-thumb .thumb-overlay {
|
||||
background-color: rgba(220, 157, 102, 0.8);
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
padding-top: 35%;
|
||||
padding-left: 25%;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.thumb-overlay a {
|
||||
float:left;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.team-inner {
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
.team-inner-header {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight:600;
|
||||
font-size:16px;
|
||||
}
|
||||
|
||||
.team-inner-subtext {
|
||||
font-weight:normal;
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.row_team {
|
||||
margin-left:-50px;
|
||||
margin-top:70px;
|
||||
}
|
||||
|
||||
.row_team li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.templatemo-project-box {
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
cursor:pointer;
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.templatemo-project-box:hover .project-overlay {
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.project-overlay {
|
||||
background : rgba(0,0,0,.75);
|
||||
border : 2px solid #ff7600;
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
text-align:center;
|
||||
padding-top:40px;
|
||||
color: #ffffff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
|
||||
.project-overlay hr {
|
||||
width : 70%;
|
||||
|
||||
}
|
||||
|
||||
.templatemo-project-gallery li {
|
||||
margin:15px;
|
||||
}
|
||||
|
||||
.txt_darkgrey {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.txt_orange {
|
||||
color: #e67e22;
|
||||
}
|
||||
|
||||
.txt_slogan {
|
||||
font-size:14px;
|
||||
color:#929292;
|
||||
}
|
||||
|
||||
.templatemo-line-header span {
|
||||
font-size: 18px;
|
||||
float :left;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.team_box div {
|
||||
text-align: center;
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
.span_blog {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
.blog_post {
|
||||
color: #333333;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.blog_header {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.blog_text {
|
||||
text-align: justify;
|
||||
font-size: 14px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#templatemo-contact {
|
||||
margin-top:100px;
|
||||
border-top: 1px solid #cccccc;
|
||||
font-size:14px;
|
||||
}
|
||||
.templatemo-contact-map {
|
||||
margin-bottom: 15px;
|
||||
height: 378px;
|
||||
|
||||
}
|
||||
|
||||
.head_contact {
|
||||
padding-bottom:80px;
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
.contact_right img {
|
||||
margin-right:5px;
|
||||
}
|
||||
|
||||
.contact_right form {
|
||||
padding-left:15px;
|
||||
padding-right:15px
|
||||
}
|
||||
|
||||
.tweet_txt {
|
||||
border-left:2px solid #ffffff;
|
||||
min-height:160px;
|
||||
}
|
||||
|
||||
.twitter_user {
|
||||
color: #FFFF33;
|
||||
font-size: 14px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.templatemo-partners {
|
||||
border-top: 2px solid #cccccc;
|
||||
}
|
||||
|
||||
.templatemo-partners .templatemo-partner-item {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.templatemo-footer {
|
||||
border-top: 2px solid #cccccc;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
.footer_container {
|
||||
margin-top:60px;
|
||||
margin-bottom:20px;
|
||||
}
|
||||
|
||||
.footer_bottom_content {
|
||||
margin: auto;
|
||||
margin-bottom: 30px;
|
||||
font-size: 14px;
|
||||
color:#333333;
|
||||
}
|
||||
|
||||
.social-icon-fb {
|
||||
background: url('../images/social-icon-fb.png') no-repeat;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
a:hover .social-icon-fb {
|
||||
background: url('../images/social-icon-fb-over.png') no-repeat;
|
||||
}
|
||||
|
||||
.social-icon-rss {
|
||||
background: url('../images/social-icon-rss.png') no-repeat;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
a:hover .social-icon-rss {
|
||||
background: url('../images/social-icon-rss-over.png') no-repeat;
|
||||
}
|
||||
|
||||
.social-icon-twitter {
|
||||
background: url('../images/social-icon-twitter.png') no-repeat;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
a:hover .social-icon-twitter {
|
||||
background: url('../images/social-icon-twitter-over.png') no-repeat;
|
||||
}
|
||||
|
||||
.social-icon-linkedin {
|
||||
background: url('../images/social-icon-linkedin.png') no-repeat;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
a:hover .social-icon-linkedin {
|
||||
background: url('../images/social-icon-linkedin-over.png') no-repeat;
|
||||
}
|
||||
|
||||
.social-icon-dribbble {
|
||||
background: url('../images/social-icon-dribbble.png') no-repeat;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
a:hover .social-icon-dribbble {
|
||||
background: url('../images/social-icon-dribbble-over.png') no-repeat;
|
||||
}
|
||||
|
||||
ul.templatemo-project-gallery li a img:hover {
|
||||
border: 3px solid #ff7600;
|
||||
}
|
||||
|
||||
.templatemo-gallery-category a {
|
||||
color:#333333;
|
||||
}
|
||||
|
||||
.templatemo-gallery-category a.active {
|
||||
color:#e67e22;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.templatemo-gallery-category a:focus {
|
||||
color:#e67e22;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.templatemo-gallery-category a:hover {
|
||||
color:#e67e22;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.link_orange:hover {
|
||||
text-decoration:none;
|
||||
}
|
||||
.templatemo-project-gallery {
|
||||
margin:0 0 0 0;
|
||||
margin-top:30px;
|
||||
margin-left: -40px;
|
||||
}
|
||||
.templatemo-project-gallery li {
|
||||
list-style:none;
|
||||
margin-bottom:25px;
|
||||
}
|
||||
.templatemo-project-gallery li img {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.templatemo-tweets {
|
||||
background-color: #8996a0;
|
||||
min-height:200px;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-size:20px;
|
||||
color:#ffffff;
|
||||
margin-top:100px;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.btn_loadmore {
|
||||
margin-top:30px;
|
||||
margin-bottom:80px;
|
||||
}
|
||||
|
||||
.blog_box {
|
||||
margin-left: -12px;
|
||||
}
|
||||
|
||||
@media (min-width:991px) and (max-width:1200px) {
|
||||
.templatemo-project-box, .project-overlay {
|
||||
height:170px;
|
||||
width:170px;
|
||||
}
|
||||
|
||||
.templatemo-project-gallery {
|
||||
margin-left: -70px;
|
||||
}
|
||||
|
||||
.templatemo-service-item-header {
|
||||
padding: 16px 10px 20px;
|
||||
}
|
||||
|
||||
.templatemo-header-orange {
|
||||
min-width: 230px;
|
||||
}
|
||||
|
||||
.team_box, .team_box_over {
|
||||
height:220px;
|
||||
width:220px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media (max-width:991px) {
|
||||
.team-inner {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.templatemo-btn-read-more {
|
||||
float:right;
|
||||
margin-bottom :40px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (min-width:768px) and (max-width:990px) {
|
||||
.member-thumb .thumb-overlay {
|
||||
padding-left: 30%;
|
||||
}
|
||||
.templatemo-project-box , .project-overlay {
|
||||
height:130px;
|
||||
width:130px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.templatemo-project-gallery {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.blog_box{
|
||||
margin-right: -140px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.navbar-nav > li > a {
|
||||
padding-top: 9px;
|
||||
padding-bottom: 9px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.member-thumb .thumb-overlay {
|
||||
padding-left: 40%;
|
||||
|
||||
}
|
||||
.templatemo-btn-read-more {
|
||||
float:right;
|
||||
margin-bottom :40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 380px) {
|
||||
.member-thumb .thumb-overlay {
|
||||
padding-left: 30%;
|
||||
|
||||
}
|
||||
.templatemo-service-item-header {
|
||||
font-size: 16px;
|
||||
|
||||
padding: 23px 10px 22px;
|
||||
}
|
||||
.templatemo-header-orange {
|
||||
min-width: 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (min-width:991px) and (max-width: 1200px) {
|
||||
.team_hr {
|
||||
width: 37%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:683px) and ( max-width: 991px) {
|
||||
.team_hr {
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:585px) and ( max-width: 683px) {
|
||||
.member-thumb .thumb-overlay {
|
||||
padding-left: 25%;
|
||||
|
||||
}
|
||||
.team_hr {
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:536px) and ( max-width: 585px) {
|
||||
.team_hr {
|
||||
width: 28%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:410px) and ( max-width: 536px) {
|
||||
.team_hr {
|
||||
width: 21%;
|
||||
}
|
||||
}
|
||||
|
||||
@media ( max-width: 410px) {
|
||||
.team_hr {
|
||||
width: 11%;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user