├── media ├── 1.jpg ├── 11.jpg ├── 2.jpg ├── 3.jpg ├── 4.jpg ├── 5.jpg ├── 6.jpg ├── 7.jpg ├── 8.jpg ├── 9.jpg ├── blog │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ └── 6.jpg ├── gandhi.jpg ├── mandela.jpg ├── teresa.jpg └── portfolio │ ├── 1.jpg │ ├── 10.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ ├── 6.jpg │ ├── 7.jpg │ ├── 8.jpg │ └── 9.jpg ├── img ├── flags │ ├── f16.png │ ├── f24.png │ ├── f32.png │ ├── f48.png │ ├── f64.png │ ├── f16-glossy.png │ ├── f24-glossy.png │ ├── f32-glossy.png │ ├── f48-glossy.png │ └── f64-glossy.png ├── social │ ├── so24.png │ ├── so24-blue.png │ ├── so24-gray.png │ ├── so24-pink.png │ ├── so24-red.png │ ├── so24-green.png │ ├── so24-lilac.png │ ├── so24-orange.png │ ├── so24-redish.png │ ├── so24-white.png │ ├── so24-yellow.png │ ├── so24-blue-sky.png │ ├── so24-gray-blue.png │ ├── so24-gray-dark.png │ ├── so24-green-sky.png │ ├── so24-blue-light.png │ ├── so24-blue-lighter.png │ ├── so24-gray-light.png │ ├── so24-gray-lighter.png │ ├── so24-green-darker.png │ ├── so24-green-olive.png │ ├── so24-green-soldier.png │ ├── so24-gray-blue-light.png │ └── so24-gray-blue-lighter.png ├── big │ ├── glyph-big.png │ ├── glyph-big-blue.png │ ├── glyph-big-gray.png │ ├── glyph-big-green.png │ ├── glyph-big-lilac.png │ ├── glyph-big-pink.png │ ├── glyph-big-red.png │ ├── glyph-big-white.png │ ├── glyph-big-orange.png │ ├── glyph-big-redish.png │ ├── glyph-big-yellow.png │ ├── glyph-big-blue-light.png │ ├── glyph-big-blue-sky.png │ ├── glyph-big-gray-blue.png │ ├── glyph-big-gray-dark.png │ ├── glyph-big-gray-light.png │ ├── glyph-big-green-sky.png │ ├── glyph-big-blue-lighter.png │ ├── glyph-big-gray-lighter.png │ ├── glyph-big-green-darker.png │ ├── glyph-big-green-olive.png │ ├── glyph-big-gray-blue-light.png │ ├── glyph-big-green-soldier.png │ └── glyph-big-gray-blue-lighter.png └── small │ ├── glyph-small.png │ ├── glyph-small-red.png │ ├── glyph-small-blue.png │ ├── glyph-small-gray.png │ ├── glyph-small-green.png │ ├── glyph-small-lilac.png │ ├── glyph-small-orange.png │ ├── glyph-small-pink.png │ ├── glyph-small-redish.png │ ├── glyph-small-white.png │ ├── glyph-small-yellow.png │ ├── glyph-small-blue-sky.png │ ├── glyph-small-blue-light.png │ ├── glyph-small-gray-blue.png │ ├── glyph-small-gray-dark.png │ ├── glyph-small-gray-light.png │ ├── glyph-small-green-olive.png │ ├── glyph-small-green-sky.png │ ├── glyph-small-blue-lighter.png │ ├── glyph-small-gray-lighter.png │ ├── glyph-small-green-darker.png │ ├── glyph-small-green-soldier.png │ ├── glyph-small-gray-blue-light.png │ └── glyph-small-gray-blue-lighter.png ├── fonts ├── untitled-font-1.eot ├── untitled-font-1.ttf └── untitled-font-1.woff ├── README.md ├── js ├── theme.js └── dc.tips.js ├── contact.html ├── sidebar-left.html ├── sidebar-right.html ├── about.html ├── css ├── fonts.css ├── theme.css └── decorator.css └── index.html /media/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/1.jpg -------------------------------------------------------------------------------- /media/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/11.jpg -------------------------------------------------------------------------------- /media/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/2.jpg -------------------------------------------------------------------------------- /media/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/3.jpg -------------------------------------------------------------------------------- /media/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/4.jpg -------------------------------------------------------------------------------- /media/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/5.jpg -------------------------------------------------------------------------------- /media/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/6.jpg -------------------------------------------------------------------------------- /media/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/7.jpg -------------------------------------------------------------------------------- /media/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/8.jpg -------------------------------------------------------------------------------- /media/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/9.jpg -------------------------------------------------------------------------------- /img/flags/f16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/flags/f16.png -------------------------------------------------------------------------------- /img/flags/f24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/flags/f24.png -------------------------------------------------------------------------------- /img/flags/f32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/flags/f32.png -------------------------------------------------------------------------------- /img/flags/f48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/flags/f48.png -------------------------------------------------------------------------------- /img/flags/f64.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/flags/f64.png -------------------------------------------------------------------------------- /media/blog/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/blog/1.jpg -------------------------------------------------------------------------------- /media/blog/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/blog/2.jpg -------------------------------------------------------------------------------- /media/blog/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/blog/3.jpg -------------------------------------------------------------------------------- /media/blog/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/blog/4.jpg -------------------------------------------------------------------------------- /media/blog/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/blog/5.jpg -------------------------------------------------------------------------------- /media/blog/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/blog/6.jpg -------------------------------------------------------------------------------- /media/gandhi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/gandhi.jpg -------------------------------------------------------------------------------- /media/mandela.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/mandela.jpg -------------------------------------------------------------------------------- /media/teresa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/teresa.jpg -------------------------------------------------------------------------------- /img/social/so24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24.png -------------------------------------------------------------------------------- /img/big/glyph-big.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big.png -------------------------------------------------------------------------------- /media/portfolio/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/portfolio/1.jpg -------------------------------------------------------------------------------- /media/portfolio/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/portfolio/10.jpg -------------------------------------------------------------------------------- /media/portfolio/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/portfolio/2.jpg -------------------------------------------------------------------------------- /media/portfolio/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/portfolio/3.jpg -------------------------------------------------------------------------------- /media/portfolio/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/portfolio/4.jpg -------------------------------------------------------------------------------- /media/portfolio/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/portfolio/5.jpg -------------------------------------------------------------------------------- /media/portfolio/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/portfolio/6.jpg -------------------------------------------------------------------------------- /media/portfolio/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/portfolio/7.jpg -------------------------------------------------------------------------------- /media/portfolio/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/portfolio/8.jpg -------------------------------------------------------------------------------- /media/portfolio/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/media/portfolio/9.jpg -------------------------------------------------------------------------------- /img/flags/f16-glossy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/flags/f16-glossy.png -------------------------------------------------------------------------------- /img/flags/f24-glossy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/flags/f24-glossy.png -------------------------------------------------------------------------------- /img/flags/f32-glossy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/flags/f32-glossy.png -------------------------------------------------------------------------------- /img/flags/f48-glossy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/flags/f48-glossy.png -------------------------------------------------------------------------------- /img/flags/f64-glossy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/flags/f64-glossy.png -------------------------------------------------------------------------------- /img/social/so24-blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-blue.png -------------------------------------------------------------------------------- /img/social/so24-gray.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-gray.png -------------------------------------------------------------------------------- /img/social/so24-pink.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-pink.png -------------------------------------------------------------------------------- /img/social/so24-red.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-red.png -------------------------------------------------------------------------------- /fonts/untitled-font-1.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/fonts/untitled-font-1.eot -------------------------------------------------------------------------------- /fonts/untitled-font-1.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/fonts/untitled-font-1.ttf -------------------------------------------------------------------------------- /fonts/untitled-font-1.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/fonts/untitled-font-1.woff -------------------------------------------------------------------------------- /img/big/glyph-big-blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-blue.png -------------------------------------------------------------------------------- /img/big/glyph-big-gray.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-gray.png -------------------------------------------------------------------------------- /img/big/glyph-big-green.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-green.png -------------------------------------------------------------------------------- /img/big/glyph-big-lilac.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-lilac.png -------------------------------------------------------------------------------- /img/big/glyph-big-pink.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-pink.png -------------------------------------------------------------------------------- /img/big/glyph-big-red.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-red.png -------------------------------------------------------------------------------- /img/big/glyph-big-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-white.png -------------------------------------------------------------------------------- /img/small/glyph-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small.png -------------------------------------------------------------------------------- /img/social/so24-green.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-green.png -------------------------------------------------------------------------------- /img/social/so24-lilac.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-lilac.png -------------------------------------------------------------------------------- /img/social/so24-orange.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-orange.png -------------------------------------------------------------------------------- /img/social/so24-redish.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-redish.png -------------------------------------------------------------------------------- /img/social/so24-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-white.png -------------------------------------------------------------------------------- /img/social/so24-yellow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-yellow.png -------------------------------------------------------------------------------- /img/big/glyph-big-orange.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-orange.png -------------------------------------------------------------------------------- /img/big/glyph-big-redish.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-redish.png -------------------------------------------------------------------------------- /img/big/glyph-big-yellow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-yellow.png -------------------------------------------------------------------------------- /img/small/glyph-small-red.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-red.png -------------------------------------------------------------------------------- /img/social/so24-blue-sky.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-blue-sky.png -------------------------------------------------------------------------------- /img/social/so24-gray-blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-gray-blue.png -------------------------------------------------------------------------------- /img/social/so24-gray-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-gray-dark.png -------------------------------------------------------------------------------- /img/social/so24-green-sky.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-green-sky.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | Responsive 5 page Startup Template 3 | ---------- 4 | [View Demo](http://start.codable.org) 5 | -------------------------------------------------------------------------------- /img/big/glyph-big-blue-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-blue-light.png -------------------------------------------------------------------------------- /img/big/glyph-big-blue-sky.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-blue-sky.png -------------------------------------------------------------------------------- /img/big/glyph-big-gray-blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-gray-blue.png -------------------------------------------------------------------------------- /img/big/glyph-big-gray-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-gray-dark.png -------------------------------------------------------------------------------- /img/big/glyph-big-gray-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-gray-light.png -------------------------------------------------------------------------------- /img/big/glyph-big-green-sky.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-green-sky.png -------------------------------------------------------------------------------- /img/small/glyph-small-blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-blue.png -------------------------------------------------------------------------------- /img/small/glyph-small-gray.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-gray.png -------------------------------------------------------------------------------- /img/small/glyph-small-green.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-green.png -------------------------------------------------------------------------------- /img/small/glyph-small-lilac.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-lilac.png -------------------------------------------------------------------------------- /img/small/glyph-small-orange.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-orange.png -------------------------------------------------------------------------------- /img/small/glyph-small-pink.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-pink.png -------------------------------------------------------------------------------- /img/small/glyph-small-redish.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-redish.png -------------------------------------------------------------------------------- /img/small/glyph-small-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-white.png -------------------------------------------------------------------------------- /img/small/glyph-small-yellow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-yellow.png -------------------------------------------------------------------------------- /img/social/so24-blue-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-blue-light.png -------------------------------------------------------------------------------- /img/social/so24-blue-lighter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-blue-lighter.png -------------------------------------------------------------------------------- /img/social/so24-gray-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-gray-light.png -------------------------------------------------------------------------------- /img/social/so24-gray-lighter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-gray-lighter.png -------------------------------------------------------------------------------- /img/social/so24-green-darker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-green-darker.png -------------------------------------------------------------------------------- /img/social/so24-green-olive.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-green-olive.png -------------------------------------------------------------------------------- /img/big/glyph-big-blue-lighter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-blue-lighter.png -------------------------------------------------------------------------------- /img/big/glyph-big-gray-lighter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-gray-lighter.png -------------------------------------------------------------------------------- /img/big/glyph-big-green-darker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-green-darker.png -------------------------------------------------------------------------------- /img/big/glyph-big-green-olive.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-green-olive.png -------------------------------------------------------------------------------- /img/small/glyph-small-blue-sky.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-blue-sky.png -------------------------------------------------------------------------------- /img/social/so24-green-soldier.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-green-soldier.png -------------------------------------------------------------------------------- /img/big/glyph-big-gray-blue-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-gray-blue-light.png -------------------------------------------------------------------------------- /img/big/glyph-big-green-soldier.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-green-soldier.png -------------------------------------------------------------------------------- /img/small/glyph-small-blue-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-blue-light.png -------------------------------------------------------------------------------- /img/small/glyph-small-gray-blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-gray-blue.png -------------------------------------------------------------------------------- /img/small/glyph-small-gray-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-gray-dark.png -------------------------------------------------------------------------------- /img/small/glyph-small-gray-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-gray-light.png -------------------------------------------------------------------------------- /img/small/glyph-small-green-olive.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-green-olive.png -------------------------------------------------------------------------------- /img/small/glyph-small-green-sky.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-green-sky.png -------------------------------------------------------------------------------- /img/social/so24-gray-blue-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-gray-blue-light.png -------------------------------------------------------------------------------- /img/social/so24-gray-blue-lighter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/social/so24-gray-blue-lighter.png -------------------------------------------------------------------------------- /img/big/glyph-big-gray-blue-lighter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/big/glyph-big-gray-blue-lighter.png -------------------------------------------------------------------------------- /img/small/glyph-small-blue-lighter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-blue-lighter.png -------------------------------------------------------------------------------- /img/small/glyph-small-gray-lighter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-gray-lighter.png -------------------------------------------------------------------------------- /img/small/glyph-small-green-darker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-green-darker.png -------------------------------------------------------------------------------- /img/small/glyph-small-green-soldier.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-green-soldier.png -------------------------------------------------------------------------------- /img/small/glyph-small-gray-blue-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-gray-blue-light.png -------------------------------------------------------------------------------- /img/small/glyph-small-gray-blue-lighter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/uloga/startup/HEAD/img/small/glyph-small-gray-blue-lighter.png -------------------------------------------------------------------------------- /js/theme.js: -------------------------------------------------------------------------------- 1 | ;(function($){ 2 | 3 | $(window).bind("scroll", function() { 4 | 5 | var topBar = $(".top-bar"); 6 | 7 | var scrollOff = $(".position").offset().top - 50; 8 | 9 | if ($(window).scrollTop() > scrollOff) { 10 | 11 | topBar.addClass("top-bar-active"); 12 | $(".subscrib-form").addClass("animated fadeInUp").removeClass("hidden"); 13 | $(".f1").addClass("animated fadeInLeft").removeClass("hidden"); 14 | $(".f2").addClass("animated fadeInRight").removeClass("hidden"); 15 | $(".promo").removeClass("fadeInUp").addClass("fadeOutDown"); 16 | $(".youtube").addClass("animated fadeInUp").removeClass("hidden"); 17 | } else { 18 | 19 | topBar.removeClass("top-bar-active"); 20 | $(".subscrib-form").removeClass('fadeInUp').addClass('hidden'); 21 | $('.f1').removeClass('fadeInLeft').addClass('hidden'); 22 | $('.f2').removeClass('fadeInRight').addClass('hidden'); 23 | $('.promo').removeClass('fadeOutDown').addClass('fadeInDown'); 24 | $(".youtube").removeClass("animated fadeInUp").addClass("hidden"); 25 | 26 | } 27 | 28 | }); 29 | 30 | // single content 31 | var $window = $(window).height(); 32 | var $footer = $('.footer').outerHeight(); 33 | $('.single-wrapper').css("min-height", $window - $footer + "px"); 34 | 35 | //tooltips 36 | $('.social a').dcTip({background: "#3B8CD3"}); 37 | //animations 38 | $('.promo').addClass('animated fadeInUp'); 39 | 40 | 41 | /*responsive menu */ 42 | var menu = $('.top-bar .list-inline'), 43 | act = $('.menu-action'); 44 | 45 | $(act).on("click", function(e){ 46 | var $this = $(this), 47 | open = $this.hasClass('res-open'); 48 | 49 | if(open){ 50 | $this.addClass('res-close'); 51 | $this.removeClass('res-open'); 52 | $(menu).stop().slideDown("fast"); 53 | $this.text('x'); 54 | }else{ 55 | $this.addClass('res-open'); 56 | $this.removeClass('res-close'); 57 | $(menu).stop().slideUp("fast"); 58 | $this.text('+'); 59 | } 60 | 61 | 62 | e.preventDefault(); 63 | }); 64 | 65 | $(window).resize(function() { 66 | var vW = $(window).width(); 67 | if (vW > 768) { 68 | $(menu).css('display', 'block'); 69 | $(act).removeClass('res-close').addClass('res-open').text('+'); 70 | }else { 71 | $(menu).css('display', 'none'); 72 | } 73 | }); 74 | //ie8 Grid System fix 75 | $('.grid2 li:nth-child(2n+0)').css({"margin-right": "0"}); 76 | $('.grid3 li:nth-child(3n+0)').css({"margin-right": "0"}); 77 | 78 | })(jQuery); 79 | -------------------------------------------------------------------------------- /js/dc.tips.js: -------------------------------------------------------------------------------- 1 | ;(function($){ 2 | 3 | 'use strict'; 4 | 5 | var Tip = function(options){ 6 | 7 | var settings = $.extend({ 8 | component : "tooltip", 9 | trigger : "mouseover", //focus 10 | selector : ".", 11 | tip_class : 'tip-wrapper', 12 | tip_wrapper : "
", 13 | background : "#000", 14 | color : "#fff" 15 | }, options); 16 | 17 | Tip.process($(this), settings); 18 | return this; 19 | 20 | }; 21 | 22 | Tip.about = { 23 | component: "Decorator Tool Tip", 24 | version : "1.0", 25 | author : "Alan Museljic", 26 | website : "http://www.uloga.net", 27 | licence : "MIT", 28 | copyright: "codable.org" 29 | }; 30 | 31 | //simple tool tip... 32 | Tip.process = function(elem, settings){ 33 | 34 | elem.each(function(e){ 35 | 36 | var $this = $(this), 37 | data = $this.attr("title"), 38 | template = '
' + 39 | ''+ 40 | '
'+data+'
'+ 41 | '
'; 42 | 43 | $this.wrap(settings.tip_wrapper).append(); 44 | 45 | if(settings.trigger === "hover" || settings.trigger === "mouseover"){ 46 | 47 | $this.on("mouseover", function(e){ 48 | 49 | if(data !== undefined && data !== "") 50 | $this.parent().append(template); 51 | Tip.style($this, settings); 52 | e.preventDefault(); 53 | 54 | }); 55 | 56 | $this.on("mouseout", function(e){ 57 | 58 | $this.parent() 59 | .find(settings.selector+settings.tip_class) 60 | .remove(); 61 | e.preventDefault(); 62 | 63 | }); 64 | } 65 | else if(settings.trigger === "focus"){ 66 | $this.on("focus", function(e){ 67 | 68 | if(data !== undefined && data !== "") 69 | $this.parent().append(template); 70 | Tip.style($this, settings); 71 | e.preventDefault(); 72 | 73 | }); 74 | 75 | $this.on("focusout", function(e){ 76 | 77 | $this.parent() 78 | .find(settings.selector+settings.tip_class) 79 | .remove(); 80 | e.preventDefault(); 81 | 82 | }); 83 | } 84 | 85 | }); 86 | 87 | }; 88 | 89 | Tip.style = function($this, settings){ 90 | 91 | var tip, css_opt, tip_w, tip_h, elem_w, elem_h, arrow, offset_t, offset_l, 92 | d_attr = $this.attr("data-placement"), 93 | position = ( typeof d_attr !== typeof undefined && d_attr !== false) 94 | ? d_attr : "top", 95 | 96 | tip = $this.parent().find(settings.selector+settings.tip_class), 97 | tip_w = tip.outerWidth(), 98 | tip_h = tip.outerHeight(), 99 | elem_w = $this.outerWidth(), 100 | elem_h = $this.outerHeight(), 101 | arrow = tip.find(".tip-arrow"), 102 | offset_t = Math.abs($this.parent().offset().top - $this.offset().top), 103 | offset_l = Math.abs($this.parent().offset().left - $this.offset().left); 104 | 105 | switch (position) { 106 | case 'bottom': 107 | css_opt = { 108 | background: settings.background, 109 | color: settings.color, 110 | top: elem_h + 6 + offset_t, 111 | left: elem_w / 2 - tip_w / 2 + offset_l 112 | } 113 | $(arrow).css({ 114 | borderBottomColor: settings.background 115 | }); 116 | break 117 | case 'top': 118 | css_opt = { 119 | background: settings.background, 120 | color: settings.color, 121 | top: offset_t - (tip_h + 6), 122 | left: elem_w / 2 - tip_w / 2 + offset_l 123 | } 124 | $(arrow).css({ 125 | borderTopColor: settings.background 126 | }); 127 | break 128 | case 'left': 129 | css_opt = { 130 | background: settings.background, 131 | color: settings.color, 132 | top: (elem_h / 2) - (tip_h / 2) + offset_t, 133 | left: - (tip_w + 6) + offset_l 134 | } 135 | $(arrow).css({ 136 | borderLeftColor: settings.background 137 | }); 138 | break 139 | case 'right': 140 | css_opt = { 141 | background: settings.background, 142 | color: settings.color, 143 | top: (elem_h / 2) - (tip_h / 2) + offset_t, 144 | left: (elem_w + 6) + offset_l 145 | } 146 | $(arrow).css({ 147 | borderRightColor: settings.background 148 | }); 149 | break 150 | } 151 | 152 | $(tip).addClass(position); 153 | $(tip).css(css_opt); 154 | $this.removeAttr("title"); 155 | }; 156 | 157 | 158 | $.fn.dcTip = Tip; 159 | 160 | })(jQuery); 161 | -------------------------------------------------------------------------------- /contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Decorator Startup Template 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 |
23 | 24 |
25 | 26 | + 27 | 33 | 34 |
35 | 36 |
37 | 38 |
39 |
staubsauger test
40 |
41 | 42 | 43 | 44 |
45 | 46 |
47 | 48 |
49 | 50 | 51 | 52 |
53 | 54 |
55 |

Contact Us

56 | 57 | 58 | 59 |
60 | 61 |
62 |
63 | 64 | 65 |
66 |
67 | 68 | 69 |
70 |
71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 |

79 | 80 |

81 | 82 |
83 | 84 | 85 | 86 |
87 |
88 | 89 | 90 | 91 | 92 | 93 |
94 | 95 |
96 |

Follow us:

97 | 107 |
108 | 109 |
110 |

People:

111 |
    112 |
  • 113 | Decorator Front End 114 |
    115 |

    Nelson Mandela

    116 |

    Freedom Fighter

    117 |
    118 |
    • 119 |
  • 120 | Decorator Front End 121 |
    122 |

    Mahatma Gandhi

    123 |

    Lawyer

    124 |
    125 |
    • 126 |
  • 127 | Decorator Front End 128 |
    129 |

    Mother Teresa

    130 |

    Religious Sister

    131 |
    132 |
    • 133 |
134 |
135 | 136 |
137 | 138 | 139 | 140 |
141 | 142 | 143 |
144 | 145 |
146 | 147 | 148 | 149 |
150 |
151 | 152 |
153 | 154 |
155 | 156 |
157 |

Useful Links:

158 | 165 |
166 | 167 |
168 | 169 |
170 | 171 |
172 |

About Us:

173 |

174 | Lorem Ipsum generators on the Internet tend to repeat predefined 175 | An chunks as necessary, making this the first true generator on the Internet. 176 | Lorem Ipsum as their default model text, and a search for lorem ipsum will 177 | uncover desktop publishing packages many purpose web sites. 178 |

179 |
180 | 181 |
182 | 183 |
184 | 185 |
186 |

Our Latest Trip:

187 |
    188 |
    • 189 |
    • 190 |
    • 191 |
    • 192 |
    • 193 |
    • 194 |
    • 195 |
    • 196 |
    • 197 |
    • 198 |
199 |
200 | 201 |
202 | 203 |
204 |
205 | 206 | Made with: Decorator 207 | 208 | 209 | 219 | 220 | 221 |
222 |
223 |
224 | 225 | 226 |
227 | 228 | 229 | 232 | 233 | 234 | 235 | 238 | 239 | 240 | -------------------------------------------------------------------------------- /sidebar-left.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Decorator Startup Template 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 |
23 | 24 |
25 | 26 | + 27 | 33 | 34 |
35 | 36 |
37 | 38 | 39 |
40 | 41 |
42 | 43 |
44 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit

45 |
Posted: 2 Hours Ago in News
46 |
47 | 48 |
49 | 50 | 51 | 52 |
53 | 54 |
    55 | 56 | 57 |
  • 58 | 59 | 60 | 61 |
    62 | What is decorator? 63 |

    64 | Decorator is an easy to implement and use front-end framework 65 |

    66 |
    67 |
    • 68 | 69 | 70 | 71 |
  • 72 | 73 | 74 | 75 |
    76 | What is decorator? 77 |

    78 | Decorator is an easy to implement and use front-end framework 79 |

    80 |
    81 |
    • 82 | 83 | 84 | 85 |
  • 86 | 87 | 88 | 89 |
    90 | What is decorator? 91 |

    92 | Decorator is an easy to implement and use front-end framework 93 |

    94 |
    95 |
    • 96 | 97 | 98 |
99 | 100 | 101 |
102 | 103 | 104 | 105 | 106 | 107 |
108 | 109 | 110 | 111 |
112 | 113 |

114 | Contrary to popular belief, Lorem Ipsum is not simply random text. 115 | It has roots in a piece of classical Latin literature from 45 BC, making 116 | it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney 117 | College in Virginia, looked up one of the more obscure Latin words, consectetur, 118 | from a Lorem Ipsum passage, and going through the cites of the word in classical literature, 119 | discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of 120 | "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. 121 | This book is a treatise on the theory of ethics, very popular during the Renaissance. 122 | The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. 123 | The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. 124 | Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced 125 | in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham. 126 |

127 | 128 |
129 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 130 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 131 |
132 |

Heading 1

133 |

Heading 2

134 |

Heading 3

135 |

136 | Contrary to popular belief, Lorem Ipsum is not simply random text. 137 | It has roots in a piece of classical Latin literature from 45 BC, making 138 | it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney 139 | College in Virginia, looked up one of the more obscure Latin words, consectetur, 140 | from a Lorem Ipsum passage, and going through the cites of the word in classical literature, 141 | discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of 142 | "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. 143 | This book is a treatise on the theory of ethics, very popular during the Renaissance. 144 | The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. 145 | The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. 146 | Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced 147 | in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham. 148 |

149 |
150 | 151 | 152 |
153 | 154 | 155 | 156 | 157 |
158 | 159 | 160 |
161 | 162 |
163 | 164 | 165 | 166 |
167 |
168 | 169 |
170 | 171 |
172 | 173 |
174 |

Useful Links:

175 | 182 |
183 | 184 |
185 | 186 |
187 | 188 |
189 |

About Us:

190 |

191 | Lorem Ipsum generators on the Internet tend to repeat predefined 192 | An chunks as necessary, making this the first true generator on the Internet. 193 | Lorem Ipsum as their default model text, and a search for lorem ipsum will 194 | uncover desktop publishing packages many purpose web sites. 195 |

196 |
197 | 198 |
199 | 200 |
201 | 202 |
203 |

Our Latest Trip:

204 |
    205 |
    • 206 |
    • 207 |
    • 208 |
    • 209 |
    • 210 |
    • 211 |
    • 212 |
    • 213 |
    • 214 |
    • 215 |
216 |
217 | 218 |
219 | 220 |
221 |
222 | 223 | Made with: Decorator 224 | 225 | 226 | 236 | 237 | 238 |
239 |
240 |
241 | 242 | 243 |
244 | 245 | 246 | 249 | 250 | 251 | 252 | 255 | 256 | 257 | -------------------------------------------------------------------------------- /sidebar-right.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Decorator Startup Template 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 |
23 | 24 |
25 | 26 | + 27 | 33 | 34 |
35 | 36 |
37 | 38 | 39 |
40 | 41 |
42 | 43 |
44 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit

45 |
Posted: 2 Hours Ago in News
46 |
47 | 48 |
49 | 50 | 51 | 52 |
53 | 54 | Decorator Front End 55 | 56 |
57 | 58 |

59 | Contrary to popular belief, Lorem Ipsum is not simply random text. 60 | It has roots in a piece of classical Latin literature from 45 BC, making 61 | it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney 62 | College in Virginia, looked up one of the more obscure Latin words, consectetur, 63 | from a Lorem Ipsum passage, and going through the cites of the word in classical literature, 64 | discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of 65 | "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. 66 | This book is a treatise on the theory of ethics, very popular during the Renaissance. 67 | The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. 68 | The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. 69 | Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced 70 | in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham. 71 |

72 | 73 |
74 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 75 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 76 |
77 |

Heading 1

78 |

Heading 2

79 |

Heading 3

80 |

81 | Contrary to popular belief, Lorem Ipsum is not simply random text. 82 | It has roots in a piece of classical Latin literature from 45 BC, making 83 | it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney 84 | College in Virginia, looked up one of the more obscure Latin words, consectetur, 85 | from a Lorem Ipsum passage, and going through the cites of the word in classical literature, 86 | discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of 87 | "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. 88 | This book is a treatise on the theory of ethics, very popular during the Renaissance. 89 | The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. 90 | The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. 91 | Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced 92 | in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham. 93 |

94 |
95 | 96 | 97 |
98 | 99 | 100 | 101 | 102 | 103 |
104 | 105 |
    106 | 107 | 108 |
  • 109 | 110 | 111 | 112 |
    113 | What is decorator? 114 |

    115 | Decorator is an easy to implement and use front-end framework 116 |

    117 |
    118 |
    • 119 | 120 | 121 | 122 |
  • 123 | 124 | 125 | 126 |
    127 | What is decorator? 128 |

    129 | Decorator is an easy to implement and use front-end framework 130 |

    131 |
    132 |
    • 133 | 134 | 135 | 136 |
  • 137 | 138 | 139 | 140 |
    141 | What is decorator? 142 |

    143 | Decorator is an easy to implement and use front-end framework 144 |

    145 |
    146 |
    • 147 | 148 | 149 |
150 | 151 | 152 |
153 | 154 | 155 | 156 | 157 | 158 |
159 | 160 | 161 |
162 | 163 |
164 | 165 | 166 | 167 |
168 |
169 | 170 |
171 | 172 |
173 | 174 |
175 |

Useful Links:

176 | 183 |
184 | 185 |
186 | 187 |
188 | 189 |
190 |

About Us:

191 |

192 | Lorem Ipsum generators on the Internet tend to repeat predefined 193 | An chunks as necessary, making this the first true generator on the Internet. 194 | Lorem Ipsum as their default model text, and a search for lorem ipsum will 195 | uncover desktop publishing packages many purpose web sites. 196 |

197 |
198 | 199 |
200 | 201 |
202 | 203 |
204 |

Our Latest Trip:

205 |
    206 |
    • 207 |
    • 208 |
    • 209 |
    • 210 |
    • 211 |
    • 212 |
    • 213 |
    • 214 |
    • 215 |
    • 216 |
217 |
218 | 219 |
220 | 221 |
222 |
223 | 224 | Made with: Decorator 225 | 226 | 227 | 237 | 238 | 239 |
240 |
241 |
242 | 243 | 244 |
245 | 246 | 247 | 250 | 251 | 252 | 253 | 256 | 257 | 258 | -------------------------------------------------------------------------------- /about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Decorator Startup Template 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 |
23 | 24 |
25 | 26 | + 27 | 33 | 34 |
35 | 36 |
37 | 38 | 39 |
40 | 41 |
42 | 43 | 44 | 45 |
46 | 47 |
48 | Decorator Front End 49 |
50 | 51 | 52 | 53 |
54 |
55 |

About Us

56 |

57 | Contrary to popular belief, Lorem Ipsum is not simply random text. 58 | It has roots in a piece of classical Latin literature from 45 BC, making 59 | it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney 60 | College in Virginia, looked up one of the more obscure Latin words, consectetur, 61 | from a Lorem Ipsum passage, and going through the cites of the word in classical literature, 62 | discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of 63 | "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. 64 | This book is a treatise on the theory of ethics, very popular during the Renaissance. 65 | The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. 66 | The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. 67 | Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced 68 | in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham. 69 |

70 | 71 |
72 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 73 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 74 |
75 |

Heading 1

76 |

Heading 2

77 |

Heading 3

78 |

79 | Contrary to popular belief, Lorem Ipsum is not simply random text. 80 | It has roots in a piece of classical Latin literature from 45 BC, making 81 | it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney 82 | College in Virginia, looked up one of the more obscure Latin words, consectetur, 83 | from a Lorem Ipsum passage, and going through the cites of the word in classical literature, 84 | discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of 85 | "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. 86 | This book is a treatise on the theory of ethics, very popular during the Renaissance. 87 | The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. 88 | The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. 89 | Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced 90 | in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham. 91 |

92 |
93 |
94 | 95 | 96 | 97 | 98 | 99 |
100 | 101 |
102 |

Follow us:

103 | 113 |
114 | 115 |
116 |

People:

117 |
    118 |
  • 119 | Decorator Front End 120 |
    121 |

    Nelson Mandela

    122 |

    Freedom Fighter

    123 |
    124 |
    • 125 |
  • 126 | Decorator Front End 127 |
    128 |

    Mahatma Gandhi

    129 |

    Lawyer

    130 |
    131 |
    • 132 |
  • 133 | Decorator Front End 134 |
    135 |

    Mother Teresa

    136 |

    Religious Sister

    137 |
    138 |
    • 139 |
140 |
141 | 142 |
143 | 144 | 145 | 146 |
147 | 148 | 149 |
150 | 151 |
152 | 153 | 154 | 155 |
156 |
157 | 158 |
159 | 160 |
161 | 162 |
163 |

Useful Links:

164 | 171 |
172 | 173 |
174 | 175 |
176 | 177 |
178 |

About Us:

179 |

180 | Lorem Ipsum generators on the Internet tend to repeat predefined 181 | An chunks as necessary, making this the first true generator on the Internet. 182 | Lorem Ipsum as their default model text, and a search for lorem ipsum will 183 | uncover desktop publishing packages many purpose web sites. 184 |

185 |
186 | 187 |
188 | 189 |
190 | 191 |
192 |

Our Latest Trip:

193 |
    194 |
    • 195 |
    • 196 |
    • 197 |
    • 198 |
    • 199 |
    • 200 |
    • 201 |
    • 202 |
    • 203 |
    • 204 |
205 |
206 | 207 |
208 | 209 |
210 |
211 | 212 | Made with: Decorator 213 | 214 | 215 | 225 | 226 | 227 |
228 |
229 |
230 | 231 | 232 |
233 | 234 | 235 | 238 | 239 | 240 | 241 | 244 | 245 | 246 | -------------------------------------------------------------------------------- /css/fonts.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Glyphicons Halflings'; 3 | 4 | src: url('../fonts/glyphicons-halflings-regular.eot'); 5 | src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') 6 | format('embedded-opentype'), 7 | url('../fonts/glyphicons-halflings-regular.woff') 8 | format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') 9 | format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') 10 | format('svg'); 11 | } 12 | .fac, .glyphicon { 13 | position: relative; 14 | top: 1px; 15 | display: inline-block; 16 | font-family: 'Glyphicons Halflings'; 17 | font-style: normal; 18 | font-weight: normal; 19 | line-height: 1; 20 | 21 | -webkit-font-smoothing: antialiased; 22 | -moz-osx-font-smoothing: grayscale; 23 | } 24 | .glyphicon-asterisk:before { 25 | content: "\2a"; 26 | } 27 | .glyphicon-plus:before { 28 | content: "\2b"; 29 | } 30 | .glyphicon-euro:before { 31 | content: "\20ac"; 32 | } 33 | .glyphicon-minus:before { 34 | content: "\2212"; 35 | } 36 | .glyphicon-cloud:before { 37 | content: "\2601"; 38 | } 39 | .glyphicon-envelope:before { 40 | content: "\2709"; 41 | } 42 | .glyphicon-pencil:before { 43 | content: "\270f"; 44 | } 45 | .glyphicon-glass:before { 46 | content: "\e001"; 47 | } 48 | .glyphicon-music:before { 49 | content: "\e002"; 50 | } 51 | .glyphicon-search:before { 52 | content: "\e003"; 53 | } 54 | .glyphicon-heart:before { 55 | content: "\e005"; 56 | } 57 | .glyphicon-star:before { 58 | content: "\e006"; 59 | } 60 | .glyphicon-star-empty:before { 61 | content: "\e007"; 62 | } 63 | .glyphicon-user:before { 64 | content: "\e008"; 65 | } 66 | .glyphicon-film:before { 67 | content: "\e009"; 68 | } 69 | .glyphicon-th-large:before { 70 | content: "\e010"; 71 | } 72 | .glyphicon-th:before { 73 | content: "\e011"; 74 | } 75 | .glyphicon-th-list:before { 76 | content: "\e012"; 77 | } 78 | .glyphicon-ok:before { 79 | content: "\e013"; 80 | } 81 | .glyphicon-remove:before { 82 | content: "\e014"; 83 | } 84 | .glyphicon-zoom-in:before { 85 | content: "\e015"; 86 | } 87 | .glyphicon-zoom-out:before { 88 | content: "\e016"; 89 | } 90 | .glyphicon-off:before { 91 | content: "\e017"; 92 | } 93 | .glyphicon-signal:before { 94 | content: "\e018"; 95 | } 96 | .glyphicon-cog:before { 97 | content: "\e019"; 98 | } 99 | .glyphicon-trash:before { 100 | content: "\e020"; 101 | } 102 | .glyphicon-home:before { 103 | content: "\e021"; 104 | } 105 | .glyphicon-file:before { 106 | content: "\e022"; 107 | } 108 | .glyphicon-time:before { 109 | content: "\e023"; 110 | } 111 | .glyphicon-road:before { 112 | content: "\e024"; 113 | } 114 | .glyphicon-download-alt:before { 115 | content: "\e025"; 116 | } 117 | .glyphicon-download:before { 118 | content: "\e026"; 119 | } 120 | .glyphicon-upload:before { 121 | content: "\e027"; 122 | } 123 | .glyphicon-inbox:before { 124 | content: "\e028"; 125 | } 126 | .glyphicon-play-circle:before { 127 | content: "\e029"; 128 | } 129 | .glyphicon-repeat:before { 130 | content: "\e030"; 131 | } 132 | .glyphicon-refresh:before { 133 | content: "\e031"; 134 | } 135 | .glyphicon-list-alt:before { 136 | content: "\e032"; 137 | } 138 | .glyphicon-lock:before { 139 | content: "\e033"; 140 | } 141 | .glyphicon-flag:before { 142 | content: "\e034"; 143 | } 144 | .glyphicon-headphones:before { 145 | content: "\e035"; 146 | } 147 | .glyphicon-volume-off:before { 148 | content: "\e036"; 149 | } 150 | .glyphicon-volume-down:before { 151 | content: "\e037"; 152 | } 153 | .glyphicon-volume-up:before { 154 | content: "\e038"; 155 | } 156 | .glyphicon-qrcode:before { 157 | content: "\e039"; 158 | } 159 | .glyphicon-barcode:before { 160 | content: "\e040"; 161 | } 162 | .glyphicon-tag:before { 163 | content: "\e041"; 164 | } 165 | .glyphicon-tags:before { 166 | content: "\e042"; 167 | } 168 | .glyphicon-book:before { 169 | content: "\e043"; 170 | } 171 | .glyphicon-bookmark:before { 172 | content: "\e044"; 173 | } 174 | .glyphicon-print:before { 175 | content: "\e045"; 176 | } 177 | .glyphicon-camera:before { 178 | content: "\e046"; 179 | } 180 | .glyphicon-font:before { 181 | content: "\e047"; 182 | } 183 | .glyphicon-bold:before { 184 | content: "\e048"; 185 | } 186 | .glyphicon-italic:before { 187 | content: "\e049"; 188 | } 189 | .glyphicon-text-height:before { 190 | content: "\e050"; 191 | } 192 | .glyphicon-text-width:before { 193 | content: "\e051"; 194 | } 195 | .glyphicon-align-left:before { 196 | content: "\e052"; 197 | } 198 | .glyphicon-align-center:before { 199 | content: "\e053"; 200 | } 201 | .glyphicon-align-right:before { 202 | content: "\e054"; 203 | } 204 | .glyphicon-align-justify:before { 205 | content: "\e055"; 206 | } 207 | .glyphicon-list:before { 208 | content: "\e056"; 209 | } 210 | .glyphicon-indent-left:before { 211 | content: "\e057"; 212 | } 213 | .glyphicon-indent-right:before { 214 | content: "\e058"; 215 | } 216 | .glyphicon-facetime-video:before { 217 | content: "\e059"; 218 | } 219 | .glyphicon-picture:before { 220 | content: "\e060"; 221 | } 222 | .glyphicon-map-marker:before { 223 | content: "\e062"; 224 | } 225 | .glyphicon-adjust:before { 226 | content: "\e063"; 227 | } 228 | .glyphicon-tint:before { 229 | content: "\e064"; 230 | } 231 | .glyphicon-edit:before { 232 | content: "\e065"; 233 | } 234 | .glyphicon-share:before { 235 | content: "\e066"; 236 | } 237 | .glyphicon-check:before { 238 | content: "\e067"; 239 | } 240 | .glyphicon-move:before { 241 | content: "\e068"; 242 | } 243 | .glyphicon-step-backward:before { 244 | content: "\e069"; 245 | } 246 | .glyphicon-fast-backward:before { 247 | content: "\e070"; 248 | } 249 | .glyphicon-backward:before { 250 | content: "\e071"; 251 | } 252 | .glyphicon-play:before { 253 | content: "\e072"; 254 | } 255 | .glyphicon-pause:before { 256 | content: "\e073"; 257 | } 258 | .glyphicon-stop:before { 259 | content: "\e074"; 260 | } 261 | .glyphicon-forward:before { 262 | content: "\e075"; 263 | } 264 | .glyphicon-fast-forward:before { 265 | content: "\e076"; 266 | } 267 | .glyphicon-step-forward:before { 268 | content: "\e077"; 269 | } 270 | .glyphicon-eject:before { 271 | content: "\e078"; 272 | } 273 | .glyphicon-chevron-left:before { 274 | content: "\e079"; 275 | } 276 | .glyphicon-chevron-right:before { 277 | content: "\e080"; 278 | } 279 | .glyphicon-plus-sign:before { 280 | content: "\e081"; 281 | } 282 | .glyphicon-minus-sign:before { 283 | content: "\e082"; 284 | } 285 | .glyphicon-remove-sign:before { 286 | content: "\e083"; 287 | } 288 | .glyphicon-ok-sign:before { 289 | content: "\e084"; 290 | } 291 | .glyphicon-question-sign:before { 292 | content: "\e085"; 293 | } 294 | .glyphicon-info-sign:before { 295 | content: "\e086"; 296 | } 297 | .glyphicon-screenshot:before { 298 | content: "\e087"; 299 | } 300 | .glyphicon-remove-circle:before { 301 | content: "\e088"; 302 | } 303 | .glyphicon-ok-circle:before { 304 | content: "\e089"; 305 | } 306 | .glyphicon-ban-circle:before { 307 | content: "\e090"; 308 | } 309 | .glyphicon-arrow-left:before { 310 | content: "\e091"; 311 | } 312 | .glyphicon-arrow-right:before { 313 | content: "\e092"; 314 | } 315 | .glyphicon-arrow-up:before { 316 | content: "\e093"; 317 | } 318 | .glyphicon-arrow-down:before { 319 | content: "\e094"; 320 | } 321 | .glyphicon-share-alt:before { 322 | content: "\e095"; 323 | } 324 | .glyphicon-resize-full:before { 325 | content: "\e096"; 326 | } 327 | .glyphicon-resize-small:before { 328 | content: "\e097"; 329 | } 330 | .glyphicon-exclamation-sign:before { 331 | content: "\e101"; 332 | } 333 | .glyphicon-gift:before { 334 | content: "\e102"; 335 | } 336 | .glyphicon-leaf:before { 337 | content: "\e103"; 338 | } 339 | .glyphicon-fire:before { 340 | content: "\e104"; 341 | } 342 | .glyphicon-eye-open:before { 343 | content: "\e105"; 344 | } 345 | .glyphicon-eye-close:before { 346 | content: "\e106"; 347 | } 348 | .glyphicon-warning-sign:before { 349 | content: "\e107"; 350 | } 351 | .glyphicon-plane:before { 352 | content: "\e108"; 353 | } 354 | .glyphicon-calendar:before { 355 | content: "\e109"; 356 | } 357 | .glyphicon-random:before { 358 | content: "\e110"; 359 | } 360 | .glyphicon-comment:before { 361 | content: "\e111"; 362 | } 363 | .glyphicon-magnet:before { 364 | content: "\e112"; 365 | } 366 | .glyphicon-chevron-up:before { 367 | content: "\e113"; 368 | } 369 | .glyphicon-chevron-down:before { 370 | content: "\e114"; 371 | } 372 | .glyphicon-retweet:before { 373 | content: "\e115"; 374 | } 375 | .glyphicon-shopping-cart:before { 376 | content: "\e116"; 377 | } 378 | .glyphicon-folder-close:before { 379 | content: "\e117"; 380 | } 381 | .glyphicon-folder-open:before { 382 | content: "\e118"; 383 | } 384 | .glyphicon-resize-vertical:before { 385 | content: "\e119"; 386 | } 387 | .glyphicon-resize-horizontal:before { 388 | content: "\e120"; 389 | } 390 | .glyphicon-hdd:before { 391 | content: "\e121"; 392 | } 393 | .glyphicon-bullhorn:before { 394 | content: "\e122"; 395 | } 396 | .glyphicon-bell:before { 397 | content: "\e123"; 398 | } 399 | .glyphicon-certificate:before { 400 | content: "\e124"; 401 | } 402 | .glyphicon-thumbs-up:before { 403 | content: "\e125"; 404 | } 405 | .glyphicon-thumbs-down:before { 406 | content: "\e126"; 407 | } 408 | .glyphicon-hand-right:before { 409 | content: "\e127"; 410 | } 411 | .glyphicon-hand-left:before { 412 | content: "\e128"; 413 | } 414 | .glyphicon-hand-up:before { 415 | content: "\e129"; 416 | } 417 | .glyphicon-hand-down:before { 418 | content: "\e130"; 419 | } 420 | .glyphicon-circle-arrow-right:before { 421 | content: "\e131"; 422 | } 423 | .glyphicon-circle-arrow-left:before { 424 | content: "\e132"; 425 | } 426 | .glyphicon-circle-arrow-up:before { 427 | content: "\e133"; 428 | } 429 | .glyphicon-circle-arrow-down:before { 430 | content: "\e134"; 431 | } 432 | .glyphicon-globe:before { 433 | content: "\e135"; 434 | } 435 | .glyphicon-wrench:before { 436 | content: "\e136"; 437 | } 438 | .glyphicon-tasks:before { 439 | content: "\e137"; 440 | } 441 | .glyphicon-filter:before { 442 | content: "\e138"; 443 | } 444 | .glyphicon-briefcase:before { 445 | content: "\e139"; 446 | } 447 | .glyphicon-fullscreen:before { 448 | content: "\e140"; 449 | } 450 | .glyphicon-dashboard:before { 451 | content: "\e141"; 452 | } 453 | .glyphicon-paperclip:before { 454 | content: "\e142"; 455 | } 456 | .glyphicon-heart-empty:before { 457 | content: "\e143"; 458 | } 459 | .glyphicon-link:before { 460 | content: "\e144"; 461 | } 462 | .glyphicon-phone:before { 463 | content: "\e145"; 464 | } 465 | .glyphicon-pushpin:before { 466 | content: "\e146"; 467 | } 468 | .glyphicon-usd:before { 469 | content: "\e148"; 470 | } 471 | .glyphicon-gbp:before { 472 | content: "\e149"; 473 | } 474 | .glyphicon-sort:before { 475 | content: "\e150"; 476 | } 477 | .glyphicon-sort-by-alphabet:before { 478 | content: "\e151"; 479 | } 480 | .glyphicon-sort-by-alphabet-alt:before { 481 | content: "\e152"; 482 | } 483 | .glyphicon-sort-by-order:before { 484 | content: "\e153"; 485 | } 486 | .glyphicon-sort-by-order-alt:before { 487 | content: "\e154"; 488 | } 489 | .glyphicon-sort-by-attributes:before { 490 | content: "\e155"; 491 | } 492 | .glyphicon-sort-by-attributes-alt:before { 493 | content: "\e156"; 494 | } 495 | .glyphicon-unchecked:before { 496 | content: "\e157"; 497 | } 498 | .glyphicon-expand:before { 499 | content: "\e158"; 500 | } 501 | .glyphicon-collapse-down:before { 502 | content: "\e159"; 503 | } 504 | .glyphicon-collapse-up:before { 505 | content: "\e160"; 506 | } 507 | .glyphicon-log-in:before { 508 | content: "\e161"; 509 | } 510 | .glyphicon-flash:before { 511 | content: "\e162"; 512 | } 513 | .glyphicon-log-out:before { 514 | content: "\e163"; 515 | } 516 | .glyphicon-new-window:before { 517 | content: "\e164"; 518 | } 519 | .glyphicon-record:before { 520 | content: "\e165"; 521 | } 522 | .glyphicon-save:before { 523 | content: "\e166"; 524 | } 525 | .glyphicon-open:before { 526 | content: "\e167"; 527 | } 528 | .glyphicon-saved:before { 529 | content: "\e168"; 530 | } 531 | .glyphicon-import:before { 532 | content: "\e169"; 533 | } 534 | .glyphicon-export:before { 535 | content: "\e170"; 536 | } 537 | .glyphicon-send:before { 538 | content: "\e171"; 539 | } 540 | .glyphicon-floppy-disk:before { 541 | content: "\e172"; 542 | } 543 | .glyphicon-floppy-saved:before { 544 | content: "\e173"; 545 | } 546 | .glyphicon-floppy-remove:before { 547 | content: "\e174"; 548 | } 549 | .glyphicon-floppy-save:before { 550 | content: "\e175"; 551 | } 552 | .glyphicon-floppy-open:before { 553 | content: "\e176"; 554 | } 555 | .glyphicon-credit-card:before { 556 | content: "\e177"; 557 | } 558 | .glyphicon-transfer:before { 559 | content: "\e178"; 560 | } 561 | .glyphicon-cutlery:before { 562 | content: "\e179"; 563 | } 564 | .glyphicon-header:before { 565 | content: "\e180"; 566 | } 567 | .glyphicon-compressed:before { 568 | content: "\e181"; 569 | } 570 | .glyphicon-earphone:before { 571 | content: "\e182"; 572 | } 573 | .glyphicon-phone-alt:before { 574 | content: "\e183"; 575 | } 576 | .glyphicon-tower:before { 577 | content: "\e184"; 578 | } 579 | .glyphicon-stats:before { 580 | content: "\e185"; 581 | } 582 | .glyphicon-sd-video:before { 583 | content: "\e186"; 584 | } 585 | .glyphicon-hd-video:before { 586 | content: "\e187"; 587 | } 588 | .glyphicon-subtitles:before { 589 | content: "\e188"; 590 | } 591 | .glyphicon-sound-stereo:before { 592 | content: "\e189"; 593 | } 594 | .glyphicon-sound-dolby:before { 595 | content: "\e190"; 596 | } 597 | .glyphicon-sound-5-1:before { 598 | content: "\e191"; 599 | } 600 | .glyphicon-sound-6-1:before { 601 | content: "\e192"; 602 | } 603 | .glyphicon-sound-7-1:before { 604 | content: "\e193"; 605 | } 606 | .glyphicon-copyright-mark:before { 607 | content: "\e194"; 608 | } 609 | .glyphicon-registration-mark:before { 610 | content: "\e195"; 611 | } 612 | .glyphicon-cloud-download:before { 613 | content: "\e197"; 614 | } 615 | .glyphicon-cloud-upload:before { 616 | content: "\e198"; 617 | } 618 | .glyphicon-tree-conifer:before { 619 | content: "\e199"; 620 | } 621 | .glyphicon-tree-deciduous:before { 622 | content: "\e200"; 623 | } 624 | 625 | *:before, 626 | *:after { 627 | -webkit-box-sizing: border-box; 628 | -moz-box-sizing: border-box; 629 | box-sizing: border-box; 630 | } 631 | 632 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Decorator Startup Template 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 |
23 | 24 |
25 | 26 | + 27 | 33 | 34 |
35 | 36 |
37 | 38 | 39 |
40 | 41 |
42 | 43 |
44 | Our startup is creating some cool things 45 | We offer the best solution for anything 46 | Download Now 47 |
48 | 49 |
50 | 51 |
52 | 53 | 54 | 55 |
56 | 57 |
58 | 59 |

Our Services

60 | 61 |
    62 |
  • 63 |
    64 |

    65 | 66 |

    67 | 68 |

    Planing

    69 |

    70 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived 71 |

    72 |
    73 |
    • 74 | 75 |
  • 76 |
    77 |

    78 | 79 |

    80 | 81 |

    Concept Design

    82 |

    83 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived 84 |

    85 |
    86 |
    • 87 | 88 |
  • 89 |
    90 |

    91 | 92 |

    93 | 94 |

    Product Development

    95 |

    96 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived 97 |

    98 |
    99 |
    • 100 |
101 |
102 | 103 |
104 | 105 | 106 | 107 |
108 | 114 |
115 | 116 | 117 | 118 |
119 |
120 | 121 |
122 |
123 |

Latest Blog Posts

124 |
    125 |
  • 126 | 127 |
    128 |

    What is Lorem Ipsum?

    129 |

    1 day ago - In: Activity

    130 |

    131 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 132 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 133 |

    134 |
    135 |
    • 136 |
  • 137 | 138 |
    139 |

    What is Lorem Ipsum?

    140 |

    1 day ago - In: Activity

    141 |

    142 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 143 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 144 |

    145 |
    146 |
    • 147 |
148 | 149 |
150 |
151 | 152 |
153 |
154 |

Company Video

155 | 156 | 157 |
158 | 159 |
160 |
161 |
162 |
163 |
164 |
165 | 166 | 167 | 168 | 169 |
170 |
171 |

Our Portfolio

172 | 184 |
185 |
186 | 187 | 188 | 189 | 190 |
191 |
192 | 193 |
194 | 195 |
196 | 197 |
198 |

Useful Links:

199 | 206 |
207 | 208 |
209 | 210 |
211 | 212 |
213 |

About Us:

214 |

215 | Lorem Ipsum generators on the Internet tend to repeat predefined 216 | An chunks as necessary, making this the first true generator on the Internet. 217 | Lorem Ipsum as their default model text, and a search for lorem ipsum will 218 | uncover desktop publishing packages many purpose web sites. 219 |

220 |
221 | 222 |
223 | 224 |
225 | 226 |
227 |

Our Latest Trip:

228 |
    229 |
    • 230 |
    • 231 |
    • 232 |
    • 233 |
    • 234 |
    • 235 |
    • 236 |
    • 237 |
    • 238 |
    • 239 |
240 |
241 | 242 |
243 | 244 |
245 |
246 | Made with: Decorator 247 | 248 | 249 | 259 | 260 | 261 |
262 |
263 |
264 | 265 | 266 |
267 | 268 | 269 | 272 | 273 | 274 | 275 | 278 | 279 | 280 | -------------------------------------------------------------------------------- /css/theme.css: -------------------------------------------------------------------------------- 1 | /* 2 | Software: Decorator Startup Theme 3 | Author: Alan Museljic "Uloga" 4 | Author URI: http://uloga.net 5 | Twitter: https://twitter.com/_uloga 6 | Facebook: https://facebook.com/webrebelz 7 | Under GPL License: http://www.gnu.org/licenses/gpl.html 8 | */ 9 | 10 | html, body { 11 | height: 100%; 12 | } 13 | body.home{ 14 | background: url("http://fc03.deviantart.net/fs71/f/2012/212/c/a/city_blur_wallpaper_by_prolite-d598siz.jpg") no-repeat center center fixed; 15 | -webkit-background-size: cover; 16 | -moz-background-size: cover; 17 | -o-background-size: cover; 18 | background-size: cover; 19 | } 20 | body{ 21 | overflow-x: hidden; 22 | font-family: wf_segoe-ui_light,"Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif; 23 | } 24 | .wrapper{ 25 | width: 100%; 26 | margin: 0 auto; 27 | height: 100%; 28 | } 29 | .transparent{ 30 | background: transparent !important; 31 | } 32 | .hidden{ 33 | display: none; 34 | } 35 | .push-down{ 36 | margin-top: 60px; 37 | } 38 | .top-bar{ 39 | position: fixed; 40 | top: 0; 41 | left: 0; 42 | right: 0; 43 | background: rgba(0,0,0,0.3); 44 | transition: background-color 0.5s ease; 45 | z-index: 10000; 46 | } 47 | .top-bar-active{ 48 | background: rgba(0,0,0,0.8); 49 | transition: background-color 0.5s ease; 50 | } 51 | body.single .top-bar{ 52 | background: #292929 !important; 53 | } 54 | .top-bar .inner{ 55 | width: 100%; 56 | padding: 10px 25px; 57 | float: left; 58 | -webkit-box-sizing: border-box; 59 | -moz-box-sizing: border-box; 60 | box-sizing: border-box; 61 | } 62 | .top-bar .logo { 63 | font-size: 16px; 64 | font-family: Arial; 65 | font-weight: bold; 66 | text-transform: uppercase; 67 | color: #1EBFFA; 68 | float: left; 69 | padding: 10px 0; 70 | text-shadow: 0 1px 1px rgba(0,0,0,0.3); 71 | } 72 | .top-bar .logo:hover{ 73 | color: #fff; 74 | } 75 | .top-bar .logo > span{ 76 | font-weight: normal; 77 | color: #eee; 78 | } 79 | .top-bar .list-inline{ 80 | float: right; 81 | height: auto; 82 | } 83 | .top-bar .list-inline li{ 84 | margin: 3px 0 0 0; 85 | } 86 | .top-bar .list-inline a { 87 | font-size: 14px; 88 | font-family: Arial; 89 | font-weight: 500; 90 | float: left; 91 | padding: 2px 14px; 92 | line-height: 26px; 93 | color: #fff; 94 | text-transform: uppercase; 95 | text-shadow: 0 1px 1px rgba(0,0,0,0.3); 96 | border: 1px solid transparent; 97 | } 98 | .top-bar .list-inline a:hover{ 99 | border-color: #eee; 100 | color: #fff !important; 101 | background: rgba(255,255,255,0.16); 102 | transition: border-color 0.5s ease; 103 | } 104 | .border-blue { 105 | color: #1EBFFA !important; 106 | border: 2px solid #1EBFFA !important; 107 | text-shadow: 0 0 0 transparent !important; 108 | line-height: 24px !important; 109 | margin-left: 15px; 110 | } 111 | .border-blue:hover{ 112 | background-color: #00AFF0 !important; 113 | color: #fff !important; 114 | border-color: #00AFF0 !important; 115 | transition: border-color 0.5s ease !important; 116 | transition: background-color 0.5s ease !important; 117 | } 118 | /* section home */ 119 | .section{ 120 | background: #fff; 121 | width: 100%; 122 | float: left; 123 | } 124 | .section .inner{ 125 | width: 1030px; 126 | margin: 0 auto; 127 | overflow: hidden; 128 | } 129 | .promo { 130 | background: transparent; 131 | color: #fff; 132 | padding: 12% 0; 133 | margin: 25px 0; 134 | } 135 | .promo .block{ 136 | float: left; 137 | width: 100%; 138 | text-align: center; 139 | } 140 | .promo .block > span { 141 | margin: 4px auto; 142 | width: auto; 143 | background: rgba(0,0,0,0.3); 144 | display: inline-block; 145 | padding: 1px 10px; 146 | text-shadow: 0 1px 1px rgba(0,0,0,0.3) 147 | } 148 | .promo .block .small-desc{ 149 | font-size: 26px; 150 | } 151 | .promo .block .big-desc{ 152 | font-size: 45px; 153 | font-weight: 600; 154 | padding: 2px 10px 4px 10px; 155 | margin-bottom: 50px; 156 | } 157 | .promo .download { 158 | background: #00AFF0; 159 | border-color: #00AFF0; 160 | float: none; 161 | margin: 0 auto; 162 | width: 142px; 163 | display: block; 164 | overflow: hidden; 165 | font-size: 20px; 166 | padding: 8px; 167 | color: #fff; 168 | position: relative; 169 | line-height: 26px; 170 | } 171 | /* services */ 172 | .services{ 173 | padding: 0 0 40px 0; 174 | } 175 | .services h1{ 176 | margin: 20px 0; 177 | text-align: center; 178 | } 179 | .services .media-grid-wide{ 180 | margin-top: 20px; 181 | } 182 | .services .media-grid-wide li{ 183 | background: transparent; 184 | } 185 | .services .media-grid-wide li .content{ 186 | float: left; 187 | } 188 | .services .media-grid-wide li .content h2{ 189 | text-align: center; 190 | margin: 10px 0; 191 | } 192 | .services .media-grid-wide li .content p{ 193 | line-height: 21px; 194 | text-align: center; 195 | font-size: 17px; 196 | color: #444; 197 | } 198 | .services .btn-circle { 199 | margin: 0 auto; 200 | display: block; 201 | float: none; 202 | width: 25px; 203 | padding: 12px; 204 | } 205 | .services .border-yellow [class^="bi_"], [class*=" bi_"] { 206 | background-image: url("../img/big/glyph-big-yellow.png"); 207 | width: 21px; 208 | } 209 | .services .border-blue-sky [class^="bi_"], [class*=" bi_"] { 210 | background-image: url("../img/big/glyph-big-blue-sky.png"); 211 | } 212 | .services .border-redish [class^="bi_"], [class*=" bi_"] { 213 | background-image: url("../img/big/glyph-big-redish.png"); 214 | width: 22px; 215 | position: relative; 216 | top: -1px; 217 | height: 25px; 218 | } 219 | .m-first h2 { 220 | color: #F3AB44; 221 | } 222 | .m-second h2 { 223 | color: #00AFF0; 224 | } 225 | .m-third h2 { 226 | color: #EE4D3B; 227 | } 228 | 229 | /* subscribe section */ 230 | .subscribe{ 231 | padding: 95px 0; 232 | height: 62px; 233 | } 234 | .subscribe form{ 235 | width: 470px; 236 | margin: 0 auto; 237 | float: none; 238 | overflow: hidden; 239 | background: rgba(255,255,255,0.6); 240 | padding: 6px; 241 | } 242 | .subscribe form input{ 243 | width: 320px; 244 | padding: 14px; 245 | border: 1px solid #fff !important; 246 | } 247 | .subscribe form .subscribe-btn { 248 | float: left; 249 | width: 120px; 250 | border: none; 251 | background: #00AFF0; 252 | color: #fff; 253 | padding: 4px 10px; 254 | cursor: pointer; 255 | line-height: 43px; 256 | height: 50px; 257 | font-size: 16px; 258 | } 259 | 260 | /* tabed section */ 261 | .blog{ 262 | border-bottom: 1px solid #e6e6e6; 263 | padding-bottom: 40px; 264 | } 265 | .blog .inner h2{ 266 | float: left; 267 | width: 100%; 268 | margin-bottom: 25px; 269 | } 270 | .blog .b1, .blog .b2{ 271 | float: left; 272 | } 273 | .blog .b1{ 274 | width: 55%; 275 | } 276 | .blog .b2 { 277 | background: #fff; 278 | width: 43%; 279 | padding-left: 2%; 280 | } 281 | .blog .b2 img{ 282 | float: left; 283 | width: 100%; 284 | } 285 | .blog .b1 .inner, .blog .b2 .inner{ 286 | float: left; 287 | width: 100%; 288 | padding: 25px 0; 289 | } 290 | .blog .inner iframe{ 291 | float: left; 292 | } 293 | .blog .media-blog{ 294 | float: left; 295 | font-family: Arial; 296 | border-right: 1px solid #e6e6e6; 297 | width: 99%; 298 | overflow: hidden; 299 | } 300 | .media-blog li{ 301 | width: 46%; 302 | background: transparent; 303 | } 304 | .media-blog li .blog-thumb{ 305 | float: left; 306 | margin-bottom: 6px; 307 | } 308 | .media-blog li p{ 309 | margin: 3px 0; 310 | } 311 | .media-blog li .blog-title { 312 | font-size: 18px; 313 | color: #333; 314 | } 315 | .media-blog li .blog-info { 316 | font-size: 13px; 317 | color: #888; 318 | } 319 | .media-blog li .blog-info a{ 320 | color: orangered; 321 | } 322 | .media-blog li .blog-desc{ 323 | font-size: 14px; 324 | color: #666; 325 | line-height: 21px; 326 | float: left; 327 | margin-top: 8px; 328 | } 329 | .blog .more { 330 | float: left; 331 | width: 100%; 332 | margin-top: 27px; 333 | font-family: Arial; 334 | } 335 | .blog .view-more{ 336 | background-color: transparent; 337 | border: 2px solid #069ABF; 338 | color: #069ABF; 339 | width: 100px; 340 | display: block; 341 | margin: 0 auto; 342 | float: none; 343 | } 344 | .blog .view-more:hover{ 345 | background-color: #069ABF; 346 | border-color: #069ABF; 347 | color: #fff; 348 | transition: background-color 0.5s ease; 349 | } 350 | .youtube{ 351 | float: left; 352 | z-index: 1000; 353 | position: relative; 354 | } 355 | .yt-subscribe{ 356 | float: left; 357 | margin-top: 20px; 358 | } 359 | /* portfolio section */ 360 | .portfolio{ 361 | width: 100% !important; 362 | } 363 | .portfolio h1{ 364 | text-align: center; 365 | float: left; 366 | width: 100%; 367 | margin: 30px 0 40px 0; 368 | } 369 | .portfolio .media-grid li{ 370 | margin: 0; 371 | width: 20%; 372 | } 373 | .portfolio .media-grid li a{ 374 | float: left; 375 | position: relative; 376 | overflow: hidden; 377 | width: 100%; 378 | } 379 | .portfolio .media-grid li a > span { 380 | position: absolute; 381 | background: rgba(0,0,0,0.83); 382 | color: #1EBFFA; 383 | text-align: center; 384 | width: 100%; 385 | height: 100%; 386 | font-size: 16px; 387 | text-shadow: 0 1px 1px rgba(0,0,0,0.3); 388 | font-family: Arial; 389 | display: none; 390 | z-index: 10; 391 | padding-top: 26%; 392 | } 393 | .portfolio .media-grid li a:hover > span{ 394 | display: block; 395 | } 396 | .portfolio .media-grid li a img{ 397 | -webkit-transition: all 0.3s ease; /* Safari and Chrome */ 398 | -moz-transition: all 0.3s ease; /* Firefox */ 399 | -ms-transition: all 0.3s ease; /* IE 9 */ 400 | -o-transition: all 0.3s ease; /* Opera */ 401 | transition: all 0.3s ease; 402 | } 403 | .portfolio .media-grid li a:hover > img{ 404 | -webkit-transform:scale(1.20); /* Safari and Chrome */ 405 | -moz-transform:scale(1.20); /* Firefox */ 406 | -ms-transform:scale(1.20); /* IE 9 */ 407 | -o-transform:scale(1.20); /* Opera */ 408 | transform:scale(1.20); 409 | } 410 | 411 | /* single content */ 412 | .single-wrapper{ 413 | width: 1030px; 414 | margin: 60px auto; 415 | font-family: 'Open Sans', sans-serif; 416 | } 417 | .single-wrapper .single-heading{ 418 | float: left; 419 | width: 100%; 420 | margin: 20px 0; 421 | } 422 | .single-wrapper .single-title{ 423 | text-align: left; 424 | color: #222; 425 | font-size: 31px; 426 | } 427 | .single-wrapper .single-meta{ 428 | margin-top: 4px; 429 | float: left; 430 | width: 100%; 431 | color: #666; 432 | font-size: 15px; 433 | } 434 | .single-wrapper .single-meta span{ 435 | color: #069ABF; 436 | } 437 | .single-wrapper .single-meta a{ 438 | color: #069ABF; 439 | text-decoration: underline; 440 | } 441 | .single-wrapper .single-meta a:hover{ 442 | color: #222; 443 | } 444 | 445 | .single-wrapper .single-page{ 446 | float: left; 447 | } 448 | /* single sidebar */ 449 | 450 | .sidebar{ 451 | width: 310px; 452 | float: left; 453 | font-family: Arial; 454 | } 455 | .sidebar-left{ 456 | margin-right: 20px; 457 | } 458 | .sidebar-right{ 459 | margin-left: 20px; 460 | } 461 | 462 | .sidebar-social, .sidebar-people { 463 | margin-top: 20px; 464 | border-left: 1px solid #ddd; 465 | padding-left: 20px; 466 | float: left; 467 | } 468 | .sidebar-social .sidebar-heading{ 469 | margin-bottom: 15px; 470 | color: #222; 471 | } 472 | .sidebar-social .list-inline li .dc_tip_wrap .tip-wrapper{ 473 | top: -32px !important; 474 | } 475 | .sidebar-social .list-inline li a:hover > i { 476 | background-image: url("../img/social/so24-blue.png"); 477 | } 478 | 479 | /* people sidebar */ 480 | .sidebar-people{ 481 | margin-top: 35px; 482 | } 483 | .sidebar-people ul{ 484 | margin-top: 15px; 485 | } 486 | .sidebar-people ul li{ 487 | float: left; 488 | margin-bottom: 10px; 489 | } 490 | .sidebar-people ul li .people-tmb{ 491 | float: left; 492 | width: 70px; 493 | } 494 | .sidebar-people ul li .people-content{ 495 | float: left; 496 | margin-left: 8px; 497 | } 498 | .sidebar-people ul li h2 a{ 499 | font-size: 16px; 500 | color: #222; 501 | font-weight: bold; 502 | } 503 | .sidebar-people ul li h2 a:hover{ 504 | text-decoration: underline; 505 | } 506 | /* related list */ 507 | .related-list li, .related-list a, 508 | .related-list img, .related-list .media-content{ 509 | float: left; 510 | width: 100%; 511 | } 512 | .related-list .media-content{ 513 | margin: 10px 0 0 0!important; 514 | } 515 | .related-list .media-title{ 516 | color: #333 !important; 517 | } 518 | /* single inner */ 519 | .the-content{ 520 | float: left; 521 | width: 700px; 522 | } 523 | .the-content .content-image{ 524 | float: left; 525 | width: 100%; 526 | } 527 | .the-content .content { 528 | font-size: 14px; 529 | color: #555; 530 | line-height: 21px; 531 | margin-top: 10px; 532 | float: left; 533 | font-family: Arial; 534 | } 535 | .the-content .content .quote{ 536 | font-weight: bold; 537 | font-size: 13px; 538 | float: left; 539 | } 540 | .the-content .content p{ 541 | margin-bottom: 20px; 542 | line-height: 24px; 543 | } 544 | .the-content .content h1, 545 | .the-content .content h2, 546 | .the-content .content h3 { 547 | color: #333; 548 | margin-bottom: 20px; 549 | } 550 | 551 | /* content full width */ 552 | .full-width{ 553 | margin: 20px 0; 554 | } 555 | .full-width .content-image, 556 | .full-width .full-image, .full-width .google-map{ 557 | float: left; 558 | width: 100%; 559 | } 560 | .full-width .full-image{ 561 | max-height: 380px; 562 | overflow: hidden; 563 | } 564 | .full-width .the-content .content-title{ 565 | float: left; 566 | margin: 20px 0; 567 | width: 100%; 568 | text-align: left; 569 | color: #222; 570 | font-size: 31px; 571 | } 572 | .the-content .content form{ 573 | width: 100%; 574 | } 575 | .the-content .content form input, 576 | .the-content .content form textarea{ 577 | padding: 8px; 578 | width: 100%; 579 | -webkit-box-sizing: border-box; 580 | -moz-box-sizing: border-box; 581 | box-sizing: border-box; 582 | } 583 | .the-content .content form input{ 584 | height: 40px; 585 | } 586 | .google-map{ 587 | margin-top: 58px; 588 | } 589 | .contact-page{ 590 | margin-top: 0; 591 | } 592 | 593 | /* footer */ 594 | .footer{ 595 | background: rgba(0,0,0,0.85); 596 | min-height: 360px; 597 | } 598 | body.single .footer{ 599 | background: #292929 !important; 600 | } 601 | body.single .footer .copy{ 602 | border-top: 1px solid #333; 603 | } 604 | .footer .inner{ 605 | overflow: visible; 606 | } 607 | .footer .row{ 608 | padding: 45px 0; 609 | } 610 | .footer .row ._inner._padder{ 611 | padding-right: 40px; 612 | } 613 | .footer .row ._inner h2{ 614 | width: 100%; 615 | float: left; 616 | color: #1EBFFA; 617 | margin-bottom: 8px; 618 | font-weight: 300; 619 | } 620 | .footer .row ._inner p{ 621 | width: 100%; 622 | float: left; 623 | color: #bbb; 624 | font-weight: 300; 625 | } 626 | .footer .row ._inner .links{ 627 | float: left; 628 | } 629 | .footer .row ._inner .links li a{ 630 | margin: 2px 0; 631 | color: #bbb; 632 | float: left; 633 | width: 100%; 634 | font-weight: 300; 635 | } 636 | .footer .row ._inner .links li a:hover{ 637 | color: #1EBFFA; 638 | text-decoration: underline; 639 | } 640 | .footer .media-grid li{ 641 | box-shadow: inset 0 0 10px #000000; 642 | } 643 | .footer .copy{ 644 | color: #888; 645 | float: left; 646 | width: 100%; 647 | padding-top: 12px; 648 | border-top: 1px solid #222; 649 | } 650 | .footer .copy a{ 651 | color: #1EBFFA; 652 | } 653 | .footer .copy a:hover{ 654 | text-decoration: underline; 655 | } 656 | 657 | /* footer social */ 658 | .footer .copy .social{ 659 | float: right; 660 | } 661 | .footer .copy .social li { 662 | margin-left: 10px; 663 | } 664 | .footer .copy .list-inline li a i{ 665 | background-image: url("../img/social/so24-gray.png"); 666 | } 667 | .footer .copy .list-inline li a:hover > i { 668 | background-image: url("../img/social/so24-blue.png"); 669 | } 670 | .tip-wrapper{ 671 | opacity: 1.0; 672 | } 673 | .menu-action { 674 | position: absolute; 675 | right: 20px; 676 | font-size: 32px; 677 | font-weight: 600; 678 | color: #fff; 679 | top: 2px; 680 | display: none; 681 | } 682 | .res-close { 683 | font-size: 27px !important; 684 | right: 24px; 685 | top: 6px; 686 | } 687 | .res-open:hover, .res-close:hover{ 688 | color: #00AFF0; 689 | } 690 | /* Responsive */ 691 | @media (max-width: 1024px) { 692 | .section .inner, .single-wrapper { 693 | width: 960px; 694 | } 695 | .the-content { 696 | width: 630px; 697 | } 698 | .portfolio .media-grid li a > span{ 699 | font-size: 12px; 700 | } 701 | } 702 | @media (max-width: 768px) { 703 | 704 | /* menu */ 705 | .menu-action{ 706 | display: block !important; 707 | } 708 | 709 | .top-bar{ 710 | background: #292929 !important; 711 | } 712 | .top-bar .list-inline { 713 | float: left; 714 | height: auto; 715 | margin-top: 10px; 716 | display: none; 717 | width: 100%; 718 | } 719 | .top-bar .list-inline li, .top-bar .list-inline li a { 720 | float: left !important; 721 | width: 100% !important; 722 | margin: 0; 723 | } 724 | .top-bar .list-inline li a{ 725 | padding: 8px !important; 726 | border: none !important; 727 | -webkit-box-sizing: border-box; 728 | -moz-box-sizing: border-box; 729 | box-sizing: border-box; 730 | border-left: 2px solid #333 !important; 731 | } 732 | .top-bar .list-inline li a:hover, .top-bar .list-inline .active a{ 733 | border-color: #00AFF0 !important; 734 | } 735 | .section .inner, .single-wrapper { 736 | width: 96%; 737 | padding: 0 2%; 738 | } 739 | .the-content { 740 | width: 100%; 741 | } 742 | .portfolio{ 743 | width: 100% !important; 744 | padding: 0 !important; 745 | } 746 | .footer{ 747 | padding-bottom: 30px; 748 | } 749 | .subscribe { 750 | padding: 40px 0 !important; 751 | } 752 | .sidebar { 753 | width: 100%; 754 | float: left; 755 | font-family: Arial; 756 | margin: 0 !important; 757 | } 758 | .sidebar-people ul li { 759 | margin-right: 15px; 760 | } 761 | .promo .block .small-desc{ 762 | font-size: 18px; 763 | } 764 | .promo .block .big-desc{ 765 | font-size: 26px; 766 | } 767 | .portfolio .media-grid li { 768 | margin: 0; 769 | width: 50%; 770 | } 771 | 772 | } 773 | @media (max-width: 603px) { 774 | .row .block4 { 775 | width: 100%; 776 | margin-bottom: 15px; 777 | border-bottom: 1px solid #333; 778 | padding-bottom: 20px; 779 | } 780 | .media-grid-wide li{ 781 | width: 100%; 782 | } 783 | .media-blog li .blog-thumb { 784 | width: 100%; 785 | } 786 | .blog .b1, .blog .b2{ 787 | width: 100%; 788 | padding-left: 0; 789 | } 790 | .blog .media-blog{ 791 | border: none !important; 792 | } 793 | .sidebar-social, .sidebar-people{ 794 | padding-left: 0; 795 | border-left: none; 796 | } 797 | .sidebar-people ul li { 798 | width: 100%; 799 | margin-right: 0; 800 | margin-bottom: 20px; 801 | } 802 | .footer .row { 803 | padding: 15px 0; 804 | } 805 | .footer .row ._inner h2{ 806 | font-size: 21px; 807 | } 808 | .footer .copy .made{ 809 | float: left; 810 | width: 100%; 811 | } 812 | .footer .copy .social { 813 | float: left; 814 | margin-top: 20px; 815 | } 816 | .subscribe form{ 817 | width: auto; 818 | background: none !important; 819 | padding: 0; 820 | } 821 | .subscribe form input { 822 | width: 75%; 823 | -webkit-box-sizing: border-box; 824 | -moz-box-sizing: border-box; 825 | box-sizing: border-box; 826 | height: 50px; 827 | } 828 | .subscribe form .subscribe-btn{ 829 | width: 25%; 830 | font-size: 13px; 831 | padding: 0px; 832 | -webkit-box-sizing: border-box; 833 | -moz-box-sizing: border-box; 834 | box-sizing: border-box; 835 | } 836 | .single-wrapper .single-title{ 837 | font-size: 24px; 838 | } 839 | } 840 | @media (max-width: 414px){ 841 | .portfolio .media-grid li { 842 | margin: 0; 843 | width: 100%; 844 | } 845 | .block4 .media-grid li { 846 | width: 48%; 847 | margin: 0 2% 2% 0; 848 | } 849 | .block4 .media-grid li:nth-child(2n+2) { 850 | margin-right: 0 !important; 851 | } 852 | .block4 .media-grid li:nth-child(5n+5) { 853 | margin: 0 2% 2% 0 !important; 854 | } 855 | } 856 | -------------------------------------------------------------------------------- /css/decorator.css: -------------------------------------------------------------------------------- 1 | /* 2 | Software: Decorator Codable Front End FW 1.0 3 | Author: Alan Museljic "Uloga" 4 | Author URI: http://uloga.net 5 | Twitter: https://twitter.com/_uloga 6 | Facebook: https://facebook.com/webrebelz 7 | Under GPL License: http://www.gnu.org/licenses/gpl.html 8 | */ 9 | html, body, div, span, applet, object, iframe, 10 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 11 | a, abbr, acronym, address, big, cite, code, 12 | del, dfn, em, font, img, ins, kbd, q, s, samp, 13 | small, strike, strong, sub, sup, tt, var, 14 | b, u, i, center, 15 | dl, dt, dd, ol, ul, li, 16 | fieldset, form, label, legend, 17 | table, caption, tbody, tfoot, thead, tr, th, td { 18 | background: transparent; 19 | border: 0; 20 | margin: 0; 21 | padding: 0; 22 | vertical-align: baseline; 23 | } 24 | table { 25 | border-collapse: collapse; 26 | border-spacing: 0; 27 | text-align: left; 28 | width: 100%; 29 | } 30 | .clearfix:before, 31 | .clearfix:after { 32 | content: "."; 33 | display: block; 34 | height: 0; 35 | overflow: hidden; 36 | } 37 | .clearfix:after { clear: both; } 38 | .clearfix { zoom: 1; } /* IE < 8 */ 39 | h1, h2, h3, h4, h5, h6 { 40 | font-weight: normal; 41 | } 42 | ul { 43 | list-style: none; 44 | } 45 | blockquote { 46 | quotes: none; 47 | } 48 | blockquote:before, blockquote:after { 49 | content: ''; 50 | content: none; 51 | } 52 | del { 53 | text-decoration: line-through; 54 | } 55 | table { 56 | border-collapse: collapse; 57 | border-spacing: 0; 58 | } 59 | a img { 60 | border: none; 61 | } 62 | a { 63 | text-decoration: none; 64 | color: #66757f; 65 | } 66 | a:focus, a:active{ 67 | outline: 0 !important; 68 | } 69 | textarea { 70 | margin-bottom: 10px; 71 | font-size: 13px; 72 | font-family: Arial; 73 | } 74 | input:focus, input:active, textarea:focus, textare:active { 75 | outline: 0; 76 | } 77 | .clear{ 78 | clear: both; 79 | } 80 | .padder { 81 | overflow: hidden; 82 | } 83 | .center { 84 | margin: 0 auto; 85 | } 86 | .left { 87 | float: left; 88 | } 89 | .right { 90 | float: right; 91 | } 92 | .hide { 93 | display: none !important; 94 | } 95 | .show { 96 | display: block !important; 97 | } 98 | .bold{ 99 | font-weight: bold; 100 | } 101 | .left100 { 102 | float: left; 103 | width: 100%; 104 | } 105 | .fixed { 106 | position: fixed; 107 | left: 0; 108 | top: 0; 109 | z-index: 1000; 110 | -webkit-transform: translateZ(0); 111 | } 112 | .relative { 113 | position: relative; 114 | } 115 | .absolute { 116 | position: absolute; 117 | } 118 | .overflow-hidden { 119 | overflow: hidden; 120 | } 121 | .full-width { 122 | width: 100%; 123 | } 124 | .rounded { 125 | border-radius: 2px; 126 | -moz-border-radius: 2px; 127 | -webkit-border-radius: 2px; 128 | } 129 | .no-border { 130 | border: none !important; 131 | } 132 | .inline { 133 | float: left; 134 | display: inline !important; 135 | width: auto !important; 136 | margin-right: 10px; 137 | } 138 | .opec{ 139 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 140 | /* IE 5-7 */ 141 | filter: alpha(opacity=90); 142 | 143 | /* Netscape */ 144 | -moz-opacity: 0.9; 145 | 146 | /* Safari 1.x */ 147 | -khtml-opacity: 0.9; 148 | 149 | /* Good browsers */ 150 | opacity: 0.9; 151 | } 152 | 153 | /*------ Darts or Arrows ------*/ 154 | .dart-top{ 155 | display: inline-block; 156 | width: 0; 157 | height: 0; 158 | vertical-align: middle; 159 | border-bottom: 7px solid #999; 160 | border-right: 5px solid transparent; 161 | border-left: 5px solid transparent; 162 | content: ""; 163 | } 164 | .dart-bottom{ 165 | display: inline-block; 166 | width: 0; 167 | height: 0; 168 | vertical-align: middle; 169 | border-top: 7px solid #999; 170 | border-right: 5px solid transparent; 171 | border-left: 5px solid transparent; 172 | content: ""; 173 | } 174 | .dart-right{ 175 | display: inline-block; 176 | width: 0; 177 | height: 0; 178 | vertical-align: middle; 179 | border-left: 7px solid #999; 180 | border-top: 5px solid transparent; 181 | border-bottom: 5px solid transparent; 182 | content: ""; 183 | } 184 | 185 | /*------ Wrappers, Content, Footers ------*/ 186 | 187 | .wrapper1030, .content1030 { 188 | width: 1030px; 189 | overflow: hidden; 190 | } 191 | .wrapper960, .content960 { 192 | width: 960px; 193 | overflow: hidden; 194 | } 195 | .wrapper784, .content784 { 196 | width: 784px; 197 | overflow: hidden; 198 | } 199 | .content { 200 | width: 100%; 201 | display: block; 202 | } 203 | .header, .footer { 204 | width: 100%; 205 | display: block; 206 | min-height: 10px; 207 | } 208 | /*------ Basic Widths ------*/ 209 | 210 | .w1030 { 211 | width: 1030px; 212 | } 213 | .w960 { 214 | width: 960px; 215 | } 216 | .w784 { 217 | width: 784px; 218 | } 219 | .content-left, .content-right{ 220 | float: left; 221 | } 222 | /* rows */ 223 | .row { 224 | width: 100%; 225 | display: block; 226 | position: relative; 227 | float: left; 228 | } 229 | .row > div:first-child div { 230 | margin-left: 0px !important; 231 | } 232 | .row > div:last-child div { 233 | margin-right: 0px !important; 234 | } 235 | .offset-right > div:first-child div { 236 | margin-right: 80px; 237 | } 238 | .offset-right .inner { 239 | margin-left: 0; 240 | } 241 | .offset-left > div:last-child div { 242 | margin-right: 80px; 243 | } 244 | .offset-right .inner { 245 | margin-left: 0; 246 | } 247 | 248 | /*------ Grids Or Blocks ------*/ 249 | 250 | .block2, 251 | .block3, 252 | .block4, 253 | .block5, 254 | .block6, 255 | .block7, 256 | .block8, 257 | .block9, 258 | .block10, 259 | .block12 { 260 | float: left; 261 | position: relative; 262 | display: block; 263 | } 264 | .block12 { 265 | min-width: 100%; 266 | } 267 | .block10 { 268 | width: 83.33333333333333%; 269 | } 270 | .block9 { 271 | width: 75%; 272 | } 273 | .block8 { 274 | width: 66.66666666666667%; 275 | } 276 | .block7 { 277 | width: 58.33333333333333%; 278 | } 279 | .block6 { 280 | width: 50%; 281 | } 282 | .block5 { 283 | width: 41.66666666666667%; 284 | } 285 | .block4 { 286 | width: 33.33333333333333%; 287 | } 288 | .block3 { 289 | width: 25%; 290 | } 291 | .block2 { 292 | width: 16.66666666666667%; 293 | } 294 | /* grids */ 295 | .grid .block2 > div, 296 | .grid .block3 > div, 297 | .grid .block4 > div, 298 | .grid .block5 > div, 299 | .grid .block6 > div, 300 | .grid .block7 > div, 301 | .grid .block8 > div, 302 | .grid .block9 > div, 303 | .grid .block10 > div, 304 | .grid .block12 > div { 305 | margin: 0px; 306 | background: transparent; 307 | } 308 | 309 | /*------ Headers and Headings ------*/ 310 | 311 | .fixed-header { 312 | background-color: #fff; 313 | position: fixed; 314 | left: 0; 315 | top: 0; 316 | right: 0; 317 | box-shadow: 0 0 2px rgba(0, 0, 0, 0.28); 318 | -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.28); 319 | -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.28); 320 | z-index: 1000; 321 | } 322 | .heading-info { 323 | width: 100%; 324 | float: left; 325 | margin-bottom: 10px; 326 | border-bottom: 1px solid #ccc; 327 | } 328 | .heading-info .padder { 329 | padding: 10px; 330 | } 331 | .heading-info .padder h2, .heading-info .padder h3 { 332 | color: #057ed0; 333 | float: left; 334 | font-weight: bold; 335 | } 336 | 337 | /*------ Menus and Navbars ------*/ 338 | 339 | .navbar { 340 | float: left; 341 | width: 100%; 342 | min-height: 10px; 343 | } 344 | .navbar .brand { 345 | float: left; 346 | padding: 10px 15px; 347 | font-size: 19px; 348 | line-height: 23px; 349 | } 350 | .navbar .search-form{ 351 | width: auto; 352 | position: relative; 353 | top: 8px; 354 | margin: 0 8px; 355 | } 356 | .navbar .search-form input { 357 | width: 180px; 358 | padding: 4px 8px; 359 | border: none; 360 | } 361 | .navbar .search-form .button{ 362 | padding: 4px 8px; 363 | border: none; 364 | height: 28px; 365 | font-size: 12px; 366 | line-height: 17px; 367 | } 368 | .navbar .search-form .button-right{ 369 | border-left: 1px solid rgba(0, 0, 0, 0.17) !important; 370 | } 371 | .navbar .search-form .button-left{ 372 | border-right: 1px solid rgba(0, 0, 0, 0.17) !important; 373 | } 374 | 375 | .navbar ul li a:hover{ 376 | transition: background-color 0.5s ease; 377 | } 378 | /* nav top bar menu*/ 379 | .top-bar ul{ 380 | height: 44px; 381 | } 382 | .top-bar ul li, .top-bar ul li a{ 383 | float: left; 384 | } 385 | .top-bar ul li{ 386 | position: relative; 387 | display: inline; 388 | } 389 | .top-bar ul li a{ 390 | float: left; 391 | padding: 14px 24px; 392 | line-height: 16px; 393 | } 394 | .navbar li a:hover, .top-bar li a:hover, .top-bar li .active, .top-bar li .drop-active { 395 | color: #4A5961 !important; 396 | background-color: #eee; 397 | } 398 | .top-bar .divider { 399 | border-right: 1px solid rgba(0, 0, 0, 0.17); 400 | height: 100%; 401 | } 402 | /* left bar right bar menu */ 403 | .left-bar, .left-bar ul{ 404 | float: left; 405 | width: 220px; 406 | } 407 | .right-bar, .right-bar ul{ 408 | float: right; 409 | width: 220px; 410 | } 411 | .left-bar .logo, .right-bar .logo{ 412 | float: left; 413 | width: 100%; 414 | overflow: hidden; 415 | } 416 | .left-bar .brand, .right-bar .brand { 417 | display: block; 418 | padding: 14px 0; 419 | margin-left: 12%; 420 | } 421 | .left-bar .search-form, .right-bar .search-form{ 422 | width: 90%; 423 | display: block; 424 | margin: 15px auto; 425 | float: none; 426 | top: 0; 427 | overflow: hidden; 428 | } 429 | .left-bar .search-form input, .right-bar .search-form input{ 430 | width: 100%; 431 | } 432 | .left-bar .button-right, .right-bar .button-right{ 433 | position: absolute; 434 | right: 0; 435 | } 436 | .left-bar ul li, .right-bar ul li{ 437 | float: left; 438 | display: block; 439 | width: 100%; 440 | overflow: hidden; 441 | } 442 | .left-bar ul li a, .right-bar ul li a { 443 | display: block; 444 | padding: 14px 0; 445 | padding-left: 12%; 446 | } 447 | .left-bar li a:hover, .left-bar li .active, .right-bar li a:hover, .right-bar li .active { 448 | color: #4A5961 !important; 449 | background-color: #eee; 450 | } 451 | .left-bar .divider, .right-bar .divider { 452 | border-bottom: 1px solid rgba(0, 0, 0, 0.17); 453 | width: 100%; 454 | } 455 | /* top bar icon */ 456 | .top-bar-icon ul{ 457 | height: 58px; 458 | } 459 | .top-bar-icon ul li, .top-bar-icon ul li a{ 460 | float: left; 461 | } 462 | .top-bar-icon ul li a{ 463 | float: left; 464 | padding: 14px 24px; 465 | line-height: 30px; 466 | } 467 | .top-bar-icon li a:hover, .top-bar-icon li .active { 468 | color: #4A5961 !important; 469 | background-color: #eee !important; 470 | } 471 | .top-bar-icon [class^="bi_"], [class*=" bi_"] { 472 | background-image: url("../img/big/glyph-big-white.png"); 473 | width: 30px; 474 | height: 28px; 475 | line-height: 28px; 476 | margin-top: -1px; 477 | vertical-align: middle; 478 | display: inline-block; 479 | } 480 | .top-bar-icon li a .bi_fire, .top-bar-icon li .bi_calendar{ 481 | width: 24px; 482 | } 483 | .top-bar-icon li a:hover > i, .top-bar-icon li .active > i{ 484 | background-image: url("../img/big/glyph-big-gray-blue-light.png"); 485 | } 486 | /* top bar search form and brand edit*/ 487 | .top-bar-icon .brand{ 488 | line-height: 38px; 489 | } 490 | .top-bar-icon .search-form { 491 | top: 15px; 492 | } 493 | .top-bar-icon .divider { 494 | border-right: 1px solid rgba(0, 0, 0, 0.17); 495 | height: 100%; 496 | } 497 | /* left bar icons */ 498 | .left-bar-icon, .left-bar-icon ul{ 499 | float: left; 500 | width: 80px; 501 | } 502 | .left-bar-icon ul li{ 503 | float: left; 504 | display: block; 505 | width: 100%; 506 | } 507 | .left-bar-icon ul li a{ 508 | float: left; 509 | padding: 14px 0; 510 | line-height: 30px; 511 | width: 100%; 512 | } 513 | .left-bar-icon li a:hover, .left-bar-icon li .active { 514 | color: #4A5961 !important; 515 | background-color: #eee !important; 516 | } 517 | .left-bar-icon [class^="bi_"], [class*=" bi_"] { 518 | background-image: url("../img/big/glyph-big-white.png"); 519 | width: 30px; 520 | height: 28px; 521 | line-height: 28px; 522 | vertical-align: middle; 523 | display: block; 524 | margin: 0 auto; 525 | } 526 | .left-bar-icon li a:hover > i, .left-bar-icon li .active > i{ 527 | background-image: url("../img/big/glyph-big-gray-blue-light.png"); 528 | } 529 | .left-bar-icon li a .bi_fire, .left-bar-icon li .bi_calendar{ 530 | width: 24px; 531 | } 532 | .left-bar-icon li a:hover, .left-bar-icon li .active { 533 | color: #4A5961 !important; 534 | } 535 | .left-bar-icon li a span{ 536 | width: 100%; 537 | text-align: center; 538 | display: block; 539 | line-height: 16px; 540 | padding-top: 4px; 541 | } 542 | .left-bar-icon .divider { 543 | border-bottom: 1px solid rgba(0, 0, 0, 0.17); 544 | width: 99%; 545 | } 546 | /* top bar search form and brand edit*/ 547 | .left-bar-icon .brand{ 548 | line-height: 38px; 549 | } 550 | /* dropdown menus */ 551 | .dropdown-bottom li, .dropdown-top li, .dropdown-left li, .dropdown-right li{ 552 | position: relative; 553 | } 554 | .dropdown-bottom li > ul, .dropdown-top li > ul, 555 | .dropdown-left li > ul, .dropdown-right li > ul{ 556 | position: absolute; 557 | height: auto; 558 | display: none; 559 | z-index: 10000; 560 | } 561 | .dropdown-bottom li > ul li, .dropdown-top li > ul li, 562 | .dropdown-left li > ul li, .dropdown-right li > ul li{ 563 | position: relative; 564 | float: left; 565 | width: 100%; 566 | } 567 | .d-left{ 568 | left: 0; 569 | } 570 | .d-right{ 571 | right: 0; 572 | } 573 | /* dropdown hover edits */ 574 | .dropdown-bottom li:hover > a, .dropdown-top li:hover > a, 575 | .dropdown-left li:hover > a, .dropdown-right li:hover > a{ 576 | background-color: #eee; 577 | color: #4A5961 !important; 578 | } 579 | /* dart edits */ 580 | .d-left .dart-right, .d-right .dart-right{ 581 | position: absolute; 582 | } 583 | .d-left .dart-right{ 584 | right: 15px; 585 | top: 18px; 586 | } 587 | .d-right .dart-right{ 588 | left: 15px; 589 | top: 18px; 590 | } 591 | .dropdown-bottom .second-child, .dropdown-top .second-child{ 592 | width: 150px; 593 | left: 150px; 594 | } 595 | /* dropdown bottom edits */ 596 | .dropdown-bottom li > ul.child{ 597 | width: 150px; 598 | top: 44px; 599 | } 600 | .dropdown-bottom li > ul li a{ 601 | width: 102px; 602 | } 603 | .dropdown-bottom li:hover ul.child, 604 | .dropdown-bottom li:hover ul.child li:hover ul.second-child{ 605 | display: block; 606 | } 607 | .dropdown-bottom .second-child{ 608 | top: 0; 609 | } 610 | /* drop down top edits */ 611 | .dropdown-top li > ul.child{ 612 | width: 150px; 613 | bottom: 44px; 614 | } 615 | .dropdown-top li > ul li a{ 616 | width: 102px; 617 | } 618 | .dropdown-top li:hover ul.child, 619 | .dropdown-top li:hover ul.child li:hover ul.second-child{ 620 | display: block; 621 | } 622 | .dropdown-top .second-child{ 623 | width: 150px; 624 | bottom: 0; 625 | left: 150px; 626 | } 627 | /* drop down right */ 628 | .dropdown-right li{ 629 | overflow: visible !important; 630 | } 631 | .dropdown-right li > ul.child, .dropdown-right .second-child{ 632 | width: 220px; 633 | left: 220px; 634 | top: 0; 635 | } 636 | .dropdown-right li:hover ul.child, 637 | .dropdown-right li:hover ul.child li:hover ul.second-child{ 638 | display: block; 639 | } 640 | .dropdown-right li > ul li a{ 641 | width: 194px; 642 | } 643 | /* menu - heading */ 644 | .menu-heading { 645 | text-align: left; 646 | padding: 15px; 647 | width: 85%; 648 | border-bottom: 1px solid #ddd; 649 | font-size: 13px; 650 | color: #666; 651 | font-weight: bold; 652 | background: #f8f8f8; 653 | } 654 | .menu-heading span { 655 | color: #EE4D3B; 656 | } 657 | .menu-float { 658 | height: 16px; 659 | line-height: 16px; 660 | float: left;; 661 | } 662 | .menu-float li, .menu-float li a { 663 | float: left; 664 | } 665 | .menu-float li a { 666 | padding: 0 18px; 667 | font-size: 14px; 668 | } 669 | .menu-float .divider { 670 | border-right: 1px solid #ccc; 671 | height: 100%; 672 | } 673 | .footer .menu-float:first-child a { 674 | padding-left: 0; 675 | font-size: 13px; 676 | } 677 | .menu { 678 | position: relative; 679 | width: 100%; 680 | } 681 | .menu li { 682 | float: left; 683 | width: 100%; 684 | } 685 | .menu li a { 686 | font-size: 13px; 687 | float: left; 688 | padding: 12px 15px; 689 | width: 85%; 690 | border-bottom: 1px solid #eee; 691 | } 692 | /* ------ Actions and action menus ------ */ 693 | .action-menu { 694 | position: relative; 695 | } 696 | .action-menu li, .action-menu li a { 697 | float: left; 698 | } 699 | .action-menu .first a { 700 | margin-left: 0px; 701 | } 702 | .action-menu li a { 703 | font-size: 12px; 704 | margin-left: 10px; 705 | } 706 | /*------ Forms and Inputs ------ */ 707 | 708 | /* default form start */ 709 | form { 710 | float: left; 711 | } 712 | form textarea { 713 | border: 1px solid #ccc; 714 | padding: 6px; 715 | } 716 | label { 717 | display: block; 718 | margin-bottom: 6px; 719 | font-size: 13px; 720 | color: #444; 721 | line-height: 12px; 722 | float: left; 723 | width: 100%; 724 | } 725 | .help-info { 726 | display: block; 727 | margin-bottom: 8px; 728 | font-size: 12px; 729 | font-style: italic; 730 | color: #888; 731 | line-height: 18px; 732 | } 733 | input { 734 | display: inline-block; 735 | height: 20px; 736 | padding: 6px; 737 | margin: 0; 738 | font-size: 13px; 739 | line-height: 21px; 740 | color: #555555; 741 | vertical-align: middle; 742 | border: 1px solid #ccc; 743 | float: left; 744 | } 745 | input[type="radio"], input[type="checkbox"]{ 746 | float: left; 747 | width: auto !important; 748 | margin-right: 6px; 749 | background: transparent; 750 | padding: 0; 751 | display: block; 752 | height: auto; 753 | height: 13px !important; 754 | line-height: 0 !important; 755 | color: transparent; 756 | line-height: normal; 757 | border: none; 758 | } 759 | input[type="radio"]:hover , input[type="checkbox"]:hover, input[type="radio"]:active, input[type="checkbox"]:active { 760 | background: transparent; 761 | padding: 0; 762 | } 763 | input:focus, input:active, textarea:focus, .search-form input:focus{ 764 | border-color: #3FA8E2; 765 | -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,.1); 766 | -ms-box-shadow: inset 0px 1px 1px rgba(0,0,0,.1); 767 | -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,.1); 768 | box-shadow: inset 0px 1px 1px rgba(0,0,0,.1); 769 | } 770 | /* grouped styles */ 771 | form div:first-child{ 772 | margin-left: 0 !important; 773 | } 774 | form .grouped{ 775 | float: left; 776 | width: 100%; 777 | } 778 | form .grouped .w-50{ 779 | width: 48%; 780 | float: left; 781 | margin-left: 4%; 782 | } 783 | /* check boxes, radios and selects */ 784 | .checkbox, .radio { 785 | float: left; 786 | margin-bottom: 15px; 787 | display: block; 788 | width: 100%; 789 | } 790 | /* selects */ 791 | select, .select, .multi-select, .select-number{ 792 | width: 100%; 793 | border: 1px solid #ccc; 794 | padding: 6px; 795 | margin-bottom: 10px; 796 | } 797 | .select-number { 798 | width: 95%; 799 | } 800 | /* custom inputs */ 801 | .prepend, .append, .prepend-append{ 802 | float: left; 803 | width: 100%; 804 | margin-bottom: 10px; 805 | } 806 | .add-on, .add-to { 807 | float: left; 808 | margin: 0px; 809 | padding: 4px 12px; 810 | background: #fff; 811 | border: 1px solid #CCC; 812 | color: #66757F; 813 | line-height: 24px; 814 | height: 24px; 815 | } 816 | .prepend .add-on, .prepend-append .add-on{ 817 | border-right: 0 !important; 818 | } 819 | .append .add-to, .prepend-append .add-to{ 820 | border-left: 0 !important; 821 | } 822 | /* search form edits */ 823 | .search-form input { 824 | width: 250px; 825 | } 826 | form .button{ 827 | height: 34px; 828 | } 829 | .search-form .button-right { 830 | border-left: none !important; 831 | } 832 | .search-form .button-left { 833 | border-right: none !important; 834 | } 835 | .rounded-form { 836 | position: relative; 837 | } 838 | .rounded-form input { 839 | border-radius: 18px; 840 | -moz-border-radius: 18px; 841 | -webkit-border-radius: 18px; 842 | padding-left: 12px; 843 | padding-right: 12px; 844 | } 845 | .rounded-form .button { 846 | background-color: transparent !important; 847 | border: none !important; 848 | } 849 | .rounded-form .button:hover { 850 | background-color: transparent !important; 851 | } 852 | .rounded-form .button-right { 853 | position: absolute; 854 | right: 2px; 855 | border-left: 1px solid #ccc !important; 856 | width: 68px; 857 | } 858 | .rounded-form .button-left { 859 | position: absolute; 860 | left: 2px; 861 | border-right: 1px solid #ccc !important; 862 | width: 68px; 863 | } 864 | .rounded-form .input-right { 865 | padding-left: 75px; 866 | width: 240px; 867 | } 868 | .rounded-form .input-left { 869 | padding-right: 75px; 870 | width: 240px; 871 | } 872 | /* form basic */ 873 | .form-basic{ 874 | position: relative; 875 | width: 350px; 876 | } 877 | .form-basic fieldset{ 878 | border: 1px solid #ddd; 879 | padding: 1.11111rem; 880 | margin: 1rem 0; 881 | } 882 | .form-basic fieldset legend { 883 | font-size: 18px; 884 | font-weight: bold; 885 | background: #fff; 886 | padding: 0 0.16667rem; 887 | margin: 0; 888 | margin-left: -0.16667rem; 889 | width: auto; 890 | border-bottom: 0; 891 | } 892 | .form-basic label{ 893 | margin-top: 10px; 894 | } 895 | .form-basic textarea{ 896 | width: 96%; 897 | } 898 | .form-basic input{ 899 | width: 96%; 900 | margin: 0 0 8px 0; 901 | } 902 | .form-basic .help-info{ 903 | float: left; 904 | width: 100%; 905 | } 906 | .form-basic .checkbox{ 907 | margin-bottom: 12px; 908 | } 909 | .form-basic .checkbox input{ 910 | margin-right: 6px; 911 | } 912 | .form-basic .button{ 913 | height: 32px; 914 | } 915 | /* form misc */ 916 | .form-error { 917 | width: 98%; 918 | padding: 1%; 919 | background: #EE4D3B; 920 | color: #fff; 921 | float: left; 922 | margin-bottom: 10px; 923 | text-align: center; 924 | height: 24px; 925 | line-height: 23px; 926 | } 927 | .label-require { 928 | font-size: 23px; 929 | margin-left: 2px; 930 | color: #EE4D3B; 931 | position: relative; 932 | height: 10px; 933 | display: inline-block; 934 | top: 9px; 935 | } 936 | .input-success{ 937 | border-color: #52AD52 !important; 938 | } 939 | .input-warning{ 940 | border-color: #F3AB44 !important; 941 | } 942 | .input-error{ 943 | border-color: #EE4D3B !important; 944 | } 945 | /* form inline */ 946 | .form-inline{ 947 | float: left; 948 | } 949 | .form-inline label { 950 | float: left; 951 | padding: 11px 0; 952 | margin-right: 6px; 953 | } 954 | .form-inline .checkbox{ 955 | float: left; 956 | width: auto; 957 | } 958 | .form-inline input{ 959 | float: left; 960 | margin-right: 6px; 961 | } 962 | .form-inline button { 963 | float: left; 964 | clear: none; 965 | } 966 | /* basic comment form */ 967 | .text-area label { 968 | margin-top: 6px; 969 | } 970 | .text-area textarea { 971 | margin-bottom: 10px; 972 | font-size: 13px; 973 | font-family: Arial; 974 | } 975 | 976 | /* comment form extra */ 977 | .form-basic .grouped input{ 978 | width: 92%; 979 | } 980 | 981 | /* ------ Tables Styling ------ */ 982 | 983 | .table { 984 | max-width: 100%; 985 | background-color: transparent; 986 | border-collapse: collapse; 987 | border-spacing: 0; 988 | } 989 | .table thead th, .table thead td{ 990 | border-top: none; 991 | } 992 | .table thead th{ 993 | font-size: 13px; 994 | color: #222; 995 | } 996 | .table th, .table td { 997 | padding: 8px; 998 | line-height: 25px; 999 | text-align: left; 1000 | vertical-align: top; 1001 | border-top: 1px solid #ddd; 1002 | } 1003 | .table-actions a{ 1004 | font-size: 13px; 1005 | color: #444; 1006 | float: left; 1007 | margin-right: 6px !important; 1008 | } 1009 | .table-actions a:last-child{ 1010 | margin-right: 0; 1011 | } 1012 | .table-actions a:hover{ 1013 | color: #EE4D3B; 1014 | text-decoration: underline; 1015 | } 1016 | /* Contextual classes */ 1017 | .table .active{ 1018 | background-color: #f6f6f6; 1019 | color: #444; 1020 | } 1021 | .table .success td, .table .warning td, .table .danger td, .table .info td{ 1022 | border-top: none; 1023 | border-bottom: none; 1024 | } 1025 | .table .success, .table .success a, .table .warning, .table .warning a, 1026 | .table .danger, .table .danger a, .table .info, .table .info a{ 1027 | color: #fff; 1028 | } 1029 | .table .success td a:hover, .table .warning td a:hover, 1030 | .table .danger td a:hover, .table .info td a:hover{ 1031 | color: #fff; 1032 | } 1033 | /* text align center */ 1034 | .center-table thead th, .center-table thead td, .center-table td{ 1035 | text-align: center; 1036 | } 1037 | .center-table .table-actions a{ 1038 | text-align: center; 1039 | float: none; 1040 | } 1041 | /* striped table edits */ 1042 | .stripped-table tr:nth-child(odd) > td{ 1043 | background: #f6f6f6; 1044 | } 1045 | /* bordered table extra */ 1046 | .bordered-table td, .bordered-table th{ 1047 | border: 1px solid #ddd; 1048 | } 1049 | .bordered-table th, .bordered-table td{ 1050 | border-top: 1px solid #ddd !important; 1051 | } 1052 | /* table hover edits */ 1053 | .hover-table thead tr{ 1054 | background: transparent !important; 1055 | } 1056 | .hover-table tr:hover{ 1057 | background: #f6f6f6; 1058 | } 1059 | /* media table edits */ 1060 | .media-table td { 1061 | vertical-align: middle; 1062 | } 1063 | .media-table th, .media-table td{ 1064 | line-height: 15px !important; 1065 | } 1066 | /* icon table edits */ 1067 | .table-actions a i{ 1068 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 1069 | /* IE 5-7 */ 1070 | filter: alpha(opacity=70); 1071 | 1072 | /* Netscape */ 1073 | -moz-opacity: 0.7; 1074 | 1075 | /* Safari 1.x */ 1076 | -khtml-opacity: 0.7; 1077 | 1078 | /* Good browsers */ 1079 | opacity: 0.7; 1080 | } 1081 | .table-actions a:hover > i{ 1082 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 1083 | /* IE 5-7 */ 1084 | filter: alpha(opacity=100); 1085 | 1086 | /* Netscape */ 1087 | -moz-opacity: 1; 1088 | 1089 | /* Safari 1.x */ 1090 | -khtml-opacity: 1; 1091 | 1092 | /* Good browsers */ 1093 | opacity: 1; 1094 | } 1095 | .center-td, .center-th{ 1096 | text-align: center !important; 1097 | } 1098 | .center-td a{ 1099 | float: none !important; 1100 | } 1101 | /* colored cart table */ 1102 | .cart-table thead{ 1103 | background: #EEEEEE; 1104 | border-left: 6px solid #EEEEEE; 1105 | border-right: 6px solid #EEEEEE; 1106 | } 1107 | .cart-categories{ 1108 | border-bottom: 1px solid #d6d6d6; 1109 | } 1110 | .cart-categories th { 1111 | padding: 12px 8px; 1112 | } 1113 | .cart-table tbody tr:first-child > td{ 1114 | border-top: none !important; 1115 | } 1116 | .cart-table .bleft{ 1117 | border-left: 6px solid; 1118 | color: #444; 1119 | } 1120 | .cart-table .bright{ 1121 | border-right: 6px solid; 1122 | } 1123 | .cart-table .color-palette li{ 1124 | border: none !important; 1125 | line-height: 15px; 1126 | margin-right: 10px; 1127 | } 1128 | .cart-table .color-palette li:hover{ 1129 | top: 0 !important; 1130 | } 1131 | .cart-table .color-palette span{ 1132 | margin-right: 4px; 1133 | } 1134 | .cart-table .table-actions a{ 1135 | font-size: 12px; 1136 | text-decoration: underline; 1137 | } 1138 | .cart-table .table-price{ 1139 | font-weight: bold; 1140 | color: #555555; 1141 | font-size: 12px; 1142 | } 1143 | .table-actions .btn{ 1144 | color: #FFFFFF; 1145 | background: #00857E; 1146 | text-decoration: none !important; 1147 | padding: 3px 6px; 1148 | border: none !important; 1149 | } 1150 | .table-actions .btn:hover{ 1151 | color: #FFFFFF; 1152 | } 1153 | .cart-table .empty-cart{ 1154 | color: #EE4D3B; 1155 | line-height: 21px; 1156 | } 1157 | .cart-table .empty-cart:hover{ 1158 | color: #333; 1159 | } 1160 | /* table inputs */ 1161 | .cart-table td input { 1162 | width: 20px; 1163 | padding: 2px 6px; 1164 | } 1165 | .center-td input{ 1166 | margin: 0 auto; 1167 | display: block; 1168 | float: none; 1169 | } 1170 | /*------ Buttons -------*/ 1171 | .button { 1172 | float: left; 1173 | margin: 0; 1174 | padding: 4px 12px; 1175 | cursor: pointer; 1176 | background: #fff; 1177 | border: 1px solid #CCC; 1178 | color: #66757F; 1179 | } 1180 | .button:hover { 1181 | background: #f8f8f8; 1182 | color: #333; 1183 | } 1184 | .button:focus, .button:active, .btn:focus, .btn:active { 1185 | outline: none !important; 1186 | } 1187 | .btn{ 1188 | float: left; 1189 | margin: 0; 1190 | padding: 4px 12px; 1191 | cursor: pointer; 1192 | border: 1px solid #CCC; 1193 | color: #66757F; 1194 | line-height: 21px; 1195 | background: transparent; 1196 | text-align: center; 1197 | } 1198 | .btn-icon{ 1199 | float: left; 1200 | margin: 0; 1201 | padding: 4px 12px; 1202 | cursor: pointer; 1203 | border: 1px solid #CCC; 1204 | color: #66757F; 1205 | line-height: 28px; 1206 | background: transparent; 1207 | } 1208 | .btn:hover, .btn-circle:hover, .btn-square:hover, .btn-icon:hover{ 1209 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 1210 | /* IE 5-7 */ 1211 | filter: alpha(opacity=90); 1212 | 1213 | /* Netscape */ 1214 | -moz-opacity: 0.9; 1215 | 1216 | /* Safari 1.x */ 1217 | -khtml-opacity: 0.9; 1218 | 1219 | /* Good browsers */ 1220 | opacity: 0.9; 1221 | } 1222 | .btn-border { 1223 | padding: 4px 15px; 1224 | border: 2px solid #ccc; 1225 | } 1226 | .btn-radius{ 1227 | border-radius: 32px; 1228 | -webkit-border-radius: 32px; 1229 | -moz-border-radius: 32px; 1230 | } 1231 | .btn-circle { 1232 | display: block; 1233 | padding: 10px; 1234 | border-radius: 122px; 1235 | border: 2px solid; 1236 | float: left; 1237 | } 1238 | .btn-square{ 1239 | display: block; 1240 | padding: 8px; 1241 | border: 2px solid; 1242 | float: left; 1243 | border-radius: 4px; 1244 | -webkit-border-radius: 4px; 1245 | -moz-border-radius: 4px; 1246 | } 1247 | .btn-square i, .btn-circle i{ 1248 | width: 25px; 1249 | height: 24px; 1250 | } 1251 | .btn-icon i { 1252 | height: 26px; 1253 | margin-top: -1px; 1254 | } 1255 | 1256 | /* --------- Labels --------- */ 1257 | .label .badge{ 1258 | vertical-align: middle; 1259 | } 1260 | .label{ 1261 | display: inline; 1262 | padding: 1px 5px; 1263 | font-size: 12px; 1264 | color: #fff; 1265 | text-align: center; 1266 | white-space: nowrap; 1267 | vertical-align: baseline; 1268 | border-radius: 2px; 1269 | -webkit-border-radius: 2px; 1270 | -moz-border-radius: 2px; 1271 | border: 2px solid; 1272 | } 1273 | .badge{ 1274 | border-radius: 10px; 1275 | -webkit-border-radius: 10px; 1276 | -moz-border-radius: 10px; 1277 | } 1278 | a .label{ 1279 | margin-left: 3px; 1280 | font-weight: bold; 1281 | } 1282 | /* --------- Alerts and Infos --------- */ 1283 | .alert, .quote{ 1284 | padding: 15px; 1285 | float: left; 1286 | width: 96%; 1287 | margin-bottom: 20px; 1288 | font-size: 14px; 1289 | } 1290 | .alert{ 1291 | border: 1px solid transparent; 1292 | border-radius: 3px; 1293 | -webkit-border-radius: 3px; 1294 | -moz-border-radius: 3px; 1295 | text-shadow: 0 1px 1px #e3e3e3; 1296 | position: relative; 1297 | } 1298 | .alert-success { 1299 | background-color: rgba(173, 231, 173, 0.95) !important; 1300 | border-color: rgba(134, 221, 134, 0.97); 1301 | color: #1D911D; 1302 | } 1303 | .alert-info { 1304 | background-color: rgba(0, 175, 240, 0.38) !important; 1305 | border-color: rgba(0, 175, 240, 0.41); 1306 | color: #086588; 1307 | } 1308 | .alert-warning { 1309 | background-color: rgba(253, 164, 37, 0.36) !important; 1310 | border-color: rgba(253, 167, 43, 0.41); 1311 | color: #C27506; 1312 | } 1313 | .alert-danger { 1314 | background-color: rgba(248, 96, 79, 0.5) !important; 1315 | border-color: rgba(248, 97, 80, 0.32); 1316 | color: #CA1D09; 1317 | } 1318 | .alert span{ 1319 | font-weight: bold; 1320 | } 1321 | .alert a{ 1322 | text-decoration: underline; 1323 | } 1324 | .alert-close { 1325 | position: absolute; 1326 | top: 15px; 1327 | right: 15px; 1328 | font-size: 14px; 1329 | font-weight: bold; 1330 | text-decoration: none !important; 1331 | opacity: 0.7; 1332 | } 1333 | .alert-close:hover{ 1334 | text-decoration: none !important; 1335 | opacity: 1.0; 1336 | } 1337 | .alert-success a{ 1338 | color: #1D911D; 1339 | } 1340 | .alert-info a{ 1341 | color: #086588; 1342 | } 1343 | .alert-warning a{ 1344 | color: #C27506; 1345 | } 1346 | .alert-danger a{ 1347 | color: #CA1D09; 1348 | } 1349 | /* quotes */ 1350 | .quote{ 1351 | background: #f6f6f6; 1352 | border-left: 4px solid; 1353 | line-height: 19px; 1354 | color: #555 !important; 1355 | } 1356 | /* -------- Decorator Lists------------ */ 1357 | .list{ 1358 | position: relative; 1359 | color: #444; 1360 | float: left; 1361 | } 1362 | .list li{ 1363 | margin-bottom: 4px; 1364 | } 1365 | .list-inline{ 1366 | float: left; 1367 | } 1368 | .list-inline li{ 1369 | width: auto !important; 1370 | float: left !important; 1371 | margin-bottom: 0; 1372 | margin-left: 15px; 1373 | } 1374 | .list-inline:first-child, .list-inline .first{ 1375 | margin-left: 0 !important; 1376 | } 1377 | /* push left */ 1378 | .push-left > ul{ 1379 | margin: 8px 0; 1380 | padding-left: 17px; 1381 | } 1382 | .list-disc{ 1383 | list-style: disc; 1384 | } 1385 | .list-circle{ 1386 | list-style: circle; 1387 | } 1388 | .list-hover li:hover{ 1389 | background-color: #f6f6f6; 1390 | } 1391 | /* media list or article list */ 1392 | .media-list{ 1393 | float: left; 1394 | overflow: hidden; 1395 | font-size: 13px; 1396 | } 1397 | .media-list li{ 1398 | float: left; 1399 | width: 100%; 1400 | margin-bottom: 20px; 1401 | } 1402 | .media-list li .media-thumbnail, .media-list li .media-thumbnail img{ 1403 | float: left; 1404 | } 1405 | .media-list li .media-content{ 1406 | margin-left: 195px; 1407 | } 1408 | .media-list li p{ 1409 | float: left; 1410 | width: 98%; 1411 | margin: 2px 0; 1412 | line-height: 18px; 1413 | color: #666; 1414 | } 1415 | .media-list li .media-title{ 1416 | width: 98%; 1417 | float: left; 1418 | color: #0084B4; 1419 | font-size: 19px; 1420 | } 1421 | .media-list li .media-title:hover{ 1422 | text-decoration: underline; 1423 | } 1424 | .media-list li .media-meta{ 1425 | width: 98%; 1426 | margin: 4px 0; 1427 | text-transform: uppercase; 1428 | color: #999; 1429 | font-size: 11px; 1430 | float: left; 1431 | } 1432 | .media-list li .media-meta i{ 1433 | margin-top: 0; 1434 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 1435 | 1436 | /* IE 5-7 */ 1437 | filter: alpha(opacity=50); 1438 | 1439 | /* Netscape */ 1440 | -moz-opacity: 0.5; 1441 | 1442 | /* Safari 1.x */ 1443 | -khtml-opacity: 0.5; 1444 | 1445 | /* Good browsers */ 1446 | opacity: 0.5; 1447 | } 1448 | .media-meta .list-inline li{ 1449 | margin: 0 15px 0 0 !important; 1450 | } 1451 | .media-meta .list-inline li a{ 1452 | color: #333; 1453 | text-decoration: underline; 1454 | } 1455 | .media-meta .list-inline li a:hover{ 1456 | color: #057ed0; 1457 | } 1458 | /* float image right */ 1459 | .media-right .media-content{ 1460 | margin-right: 195px; 1461 | margin-left: 0 !important; 1462 | } 1463 | /* simple media grid list */ 1464 | .media-grid{ 1465 | float: left; 1466 | width: 100%; 1467 | } 1468 | .media-grid li{ 1469 | width: 18.4%; 1470 | margin: 0 2% 2% 0; 1471 | float: left; 1472 | } 1473 | .media-grid li .link, .media-grid li a img{ 1474 | width: 100%; 1475 | float: left; 1476 | } 1477 | .media-grid .grid-title{ 1478 | float: left; 1479 | width: 100%; 1480 | font-size: 15px; 1481 | color: #057ed0; 1482 | text-align: center; 1483 | margin-top: 4px; 1484 | } 1485 | .media-grid li:nth-child(5n+5) { 1486 | margin-right: 0 !important; 1487 | } 1488 | /* media grid wide */ 1489 | .media-grid-wide{ 1490 | float: left; 1491 | width: 100%; 1492 | } 1493 | .media-grid-wide li{ 1494 | width: 31.333333%; 1495 | margin: 0 3% 3% 0; 1496 | float: left; 1497 | background: #eee; 1498 | } 1499 | .media-grid-wide li .grid-data{ 1500 | float: left; 1501 | padding: 10px 15px 15px 15px; 1502 | } 1503 | .media-grid-wide li p{ 1504 | margin: 2px 0; 1505 | float: left; 1506 | width: 100%; 1507 | } 1508 | .media-grid-wide li .link, .media-grid-wide li a img{ 1509 | width: 100%; 1510 | float: left; 1511 | } 1512 | .media-grid-wide li a:hover{ 1513 | text-decoration: underline; 1514 | } 1515 | .media-grid-wide li:nth-child(3n+3) { 1516 | margin-right: 0 !important; 1517 | } 1518 | 1519 | .media-grid-wide .grid-title { 1520 | float: left; 1521 | width: 100%; 1522 | font-size: 14px; 1523 | color: #454F57; 1524 | text-align: left; 1525 | font-weight: bold; 1526 | } 1527 | .media-grid-wide .grid-info{ 1528 | color: #777; 1529 | font-size: 12px; 1530 | } 1531 | .media-grid-wide .grid-meta{ 1532 | margin-top: 10px; 1533 | padding-top: 10px; 1534 | border-top: 1px solid #ddd; 1535 | } 1536 | .media-grid-wide .grid-meta a { 1537 | float: left; 1538 | margin-right: 6px; 1539 | width: auto; 1540 | line-height: 23px; 1541 | font-size: 12px; 1542 | } 1543 | .media-grid-wide .grid-meta a img{ 1544 | float: left; 1545 | width: 25px; 1546 | height: 25px; 1547 | border-radius: 3px; 1548 | -webkit-border-radius: 3px; 1549 | -moz-border-radius: 43px; 1550 | } 1551 | /* comment list - nested list */ 1552 | .comment-list{ 1553 | float: left; 1554 | width: 100%; 1555 | } 1556 | .comment-list li{ 1557 | float: left; 1558 | margin-bottom: 12px; 1559 | font-size: 13px; 1560 | } 1561 | .comment-list .comment-thumbnail, .comment-list .comment-thumbnail img{ 1562 | float: left; 1563 | } 1564 | .comment-list .comment-thumbnail{ 1565 | padding: 1px; 1566 | border: 1px solid #ccc; 1567 | border-radius: 188px; 1568 | -moz-border-radius: 188px; 1569 | -webkit-border-radius: 188px; 1570 | overflow: hidden; 1571 | } 1572 | .comment-list .comment-thumbnail img{ 1573 | position: relative; 1574 | top: 2px; 1575 | } 1576 | .comment-list .comment-content{ 1577 | margin-left: 70px; 1578 | } 1579 | .comment-list .comment-content p{ 1580 | width: 98%; 1581 | margin-bottom: 2px; 1582 | line-height: 19px; 1583 | } 1584 | .comment-list .comment-content .comment-username{ 1585 | font-weight: bold; 1586 | color: #057ed0; 1587 | margin-right: 4px; 1588 | } 1589 | .comment-list .comment-content .comment-username:hover{ 1590 | color: #333; 1591 | text-decoration: underline; 1592 | } 1593 | .comment-list .comment-content .comment-ago{ 1594 | font-size: 12px; 1595 | color: #777; 1596 | } 1597 | .comment-list .comment-content .comment-meta{ 1598 | width: 98%; 1599 | float: left; 1600 | margin-top: 6px; 1601 | } 1602 | .comment-list .comment-content .comment-meta li a:hover{ 1603 | color: #333; 1604 | text-decoration: underline; 1605 | } 1606 | .comment-list .comment-content .comment-meta .children-count { 1607 | float: right; 1608 | color: #fff; 1609 | background-color: #069ABF; 1610 | padding: 1px 4px 0 4px; 1611 | font-size: 11px; 1612 | border-radius: 1px; 1613 | line-height: 13px; 1614 | margin-right: 20px; 1615 | } 1616 | .comment-list li > .children{ 1617 | float: left; 1618 | margin: 12px 0 0 70px; 1619 | } 1620 | .comment-list li > .children li:last-child{ 1621 | margin-bottom: 0 !important; 1622 | } 1623 | .comment-list li > .children .view-more { 1624 | float: left; 1625 | width: 100%; 1626 | text-align: center; 1627 | border-top: 1px solid #e3e3e3; 1628 | padding: 8px 0; 1629 | } 1630 | .comment-list li > .children .view-more a{ 1631 | color: #057ed0; 1632 | font-weight: bold; 1633 | } 1634 | .comment-list li > .children .view-more a:hover{ 1635 | color: #333; 1636 | text-decoration: underline; 1637 | } 1638 | 1639 | /*------ Menu Filters ------*/ 1640 | /* filter top*/ 1641 | .navbar .filter-top { 1642 | position: absolute; 1643 | top: 0; 1644 | } 1645 | .filter-top{ 1646 | border-top: 1px solid #ddd; 1647 | float: left; 1648 | width: 100%; 1649 | } 1650 | .filter-top li{ 1651 | margin-right: 30px; 1652 | float: left; 1653 | margin-top: -1px; 1654 | } 1655 | .filter-top li a { 1656 | padding-top: 13px; 1657 | border-top: 3px solid transparent; 1658 | float: left; 1659 | font-size: 13px; 1660 | } 1661 | .filter-top li a:hover, .filter-top .active a { 1662 | border-top-color: #0084B4; 1663 | color: #0084B4; 1664 | } 1665 | .filter-top .divider { 1666 | position: relative; 1667 | top: 17px; 1668 | height: 16px; 1669 | } 1670 | .filter-top li span { 1671 | position: relative; 1672 | top: 15px; 1673 | } 1674 | /* filter-bottom */ 1675 | .navbar .filter-bottom { 1676 | height: 16px; 1677 | } 1678 | .filter-bottom{ 1679 | border-bottom: 1px solid #ddd; 1680 | float: left; 1681 | width: 100%; 1682 | } 1683 | .filter-bottom li{ 1684 | margin-right: 30px; 1685 | float: left; 1686 | margin-bottom: -1px; 1687 | } 1688 | .filter-bottom li a { 1689 | padding-bottom: 14px; 1690 | border-bottom: 3px solid transparent; 1691 | float: left; 1692 | font-size: 13px; 1693 | } 1694 | 1695 | .filter-bottom li a:hover, .filter-bottom .active a{ 1696 | border-bottom-color: #0084B4; 1697 | color: #0084B4; 1698 | } 1699 | 1700 | /* top - bottom extras */ 1701 | .filter-bottom span, .filter-top span, 1702 | .filter-left span, .filter-right span{ 1703 | background-color: #ccc; 1704 | font-size: 11px; 1705 | text-align: center; 1706 | margin-left: 5px; 1707 | height: 14px; 1708 | line-height: 15px; 1709 | padding: 2px 4px; 1710 | border-radius: 2px; 1711 | -webkit-border-radius: 2px; 1712 | -moz-border-radius: 2px; 1713 | display: inline-block; 1714 | position: relative; 1715 | top: -1px; 1716 | } 1717 | 1718 | .filter-bottom li .active, .filter-top li .active, 1719 | .filter-left .active, .filter-right .active{ 1720 | font-weight: bold; 1721 | } 1722 | /* filter left */ 1723 | .filter-left{ 1724 | width: 200px; 1725 | float: left; 1726 | } 1727 | .filter-left li{ 1728 | width: 99%; 1729 | float: left; 1730 | border-left: 3px solid transparent; 1731 | } 1732 | .filter-left li a { 1733 | font-size: 13px; 1734 | float: left; 1735 | padding: 12px 14px 12px 15px; 1736 | width: 84%; 1737 | border-bottom: 1px solid #eee; 1738 | margin-left: 2px; 1739 | } 1740 | .filter-left li:hover, .filter-left .active { 1741 | border-left-color: #0084B4; 1742 | color: #0084B4; 1743 | } 1744 | .filter-left li:hover > a, .filter-left .active a{ 1745 | color: #0084B4; 1746 | } 1747 | /* filter right */ 1748 | .filter-right{ 1749 | width: 200px; 1750 | float: left; 1751 | } 1752 | .filter-right li{ 1753 | width: 99%; 1754 | float: left; 1755 | border-right: 3px solid transparent; 1756 | } 1757 | .filter-right li a { 1758 | font-size: 13px; 1759 | float: left; 1760 | padding: 12px 14px 12px 15px; 1761 | width: 84%; 1762 | border-bottom: 1px solid #eee; 1763 | margin-left: 2px; 1764 | } 1765 | .filter-right li:hover, .filter-right .active { 1766 | border-right-color: #0084B4; 1767 | } 1768 | .filter-right li:hover > a, .filter-right .active a{ 1769 | color: #0084B4; 1770 | } 1771 | 1772 | /* pagination list */ 1773 | .pagination, .pagination li, .pagination li a{ 1774 | float: left; 1775 | font-size: 13px; 1776 | } 1777 | .pagination li{ 1778 | display: inline; 1779 | } 1780 | .pagination li a{ 1781 | position: relative; 1782 | padding: 6px 12px; 1783 | line-height: 18px; 1784 | color: #2F84BE; 1785 | background-color: #eee; 1786 | font-weight: bold; 1787 | border-left: 1px solid #fff; 1788 | } 1789 | .pagination>li:first-child > a, .pagination > li:first-child > span { 1790 | border-left: none; 1791 | } 1792 | .pagination .active a{ 1793 | cursor: default; 1794 | } 1795 | .pagination .active a,.pagination > .active > span, .pagination li a:hover{ 1796 | background-color: #3B8CD3; 1797 | border-color: #3B8CD3; 1798 | color: #fff; 1799 | z-index: 5; 1800 | } 1801 | 1802 | /* pagination underlined */ 1803 | .pagination-underlined li a{ 1804 | background-color: transparent; 1805 | border-bottom: 3px solid transparent; 1806 | border-left: none !important; 1807 | color: #4A5961; 1808 | font-weight: normal; 1809 | } 1810 | .pagination-underlined .active a, .pagination-underlined > .active > span, .pagination-underlined li a:hover{ 1811 | background-color: transparent; 1812 | border-bottom-color: #3B8CD3; 1813 | color: #3B8CD3; 1814 | font-weight: bold; 1815 | } 1816 | /* extra menu heading edits */ 1817 | .menu-heading span{ 1818 | background: transparent !important; 1819 | font-size: 13px; 1820 | top: 0; 1821 | } 1822 | 1823 | 1824 | /* ----------- Color Swatches - Filters -------------*/ 1825 | 1826 | /* color palets filter */ 1827 | 1828 | .color-palette{ 1829 | position: relative; 1830 | } 1831 | .color-palette li{ 1832 | float: left; 1833 | border: 1px solid #999; 1834 | padding: 1px; 1835 | margin: 2px; 1836 | } 1837 | .color-palette li #cp{ 1838 | display: block; 1839 | float: left; 1840 | height: 14px; 1841 | width: 14px; 1842 | } 1843 | 1844 | /* ----- decorator color paletts -------- */ 1845 | .success{ 1846 | background-color: #52AD52 !important; 1847 | color: #fff !important; 1848 | border-color: #52AD52; 1849 | } 1850 | .warning{ 1851 | background-color: #F3AB44 !important; 1852 | color: #fff !important; 1853 | border-color: #F3AB44; 1854 | } 1855 | .danger{ 1856 | background-color: #EE4D3B !important; 1857 | color: #fff !important; 1858 | border-color: #EE4D3B; 1859 | } 1860 | .info{ 1861 | background-color: #00AFF0 !important; 1862 | color: #fff !important; 1863 | border-color: #00AFF0; 1864 | } 1865 | /* blue colors */ 1866 | .white {background-color: #FFFFFF !important;} 1867 | .blue{ background-color: #3B8CD3 !important; color: #fff !important; border-color: #3B8CD3;} 1868 | .blue-light{ background-color: #069ABF !important; color: #fff !important; border-color: #069ABF;} 1869 | .blue-lighter{ background-color: #36C6FF !important; color: #fff !important; border-color: #36C6FF;} 1870 | .blue-sky{ background-color: #00AFF0 !important; color: #fff !important; border-color: #00AFF0;} 1871 | 1872 | /* yellow orange */ 1873 | .yellow { background-color: #F3AB44 !important; color: #fff !important; border-color: #F3AB44;} 1874 | .orange{ background-color: orangered !important; color: #fff !important; border-color: orangered;} 1875 | 1876 | /* red redish lilac colors */ 1877 | .redish{ background-color: #EE4D3B !important; color: #fff !important; border-color: #EE4D3B;} 1878 | .red{ background-color: #cc181e !important; color: #fff !important; border-color: #cc181e;} 1879 | .lilac{ background-color: #4D4385 !important; color: #fff !important; border-color: #4D4385;} 1880 | .pink{ background-color: #D9254C !important; color: #fff !important; border-color: #D9254C;} 1881 | 1882 | 1883 | /* green colors */ 1884 | .green{ background-color: #52AD52 !important; color: #fff !important; border-color: #52AD52;} 1885 | .green-darker{ background-color: #00857E !important; color: #fff !important; border-color: #00857E;} 1886 | .green-sky{ background-color: #75AB00 !important; color: #fff !important; border-color: #75AB00;} 1887 | .green-soldier{ background-color: #989D7D !important; color: #fff !important; border-color: #989D7D;} 1888 | .green-olive{ background-color: #B8AD6D !important; color: #fff !important; border-color: #B8AD6D;} 1889 | 1890 | 1891 | /* grey colors */ 1892 | .gray-darker{ background-color: #222222 !important; color: #fff !important; border-color: #222222;} 1893 | .gray-dark{ background-color: #333333 !important; color: #fff !important; border-color: #333333;} 1894 | .gray{ background-color: #555555 !important; color: #fff !important; border-color: #555555;} 1895 | .gray-light{ background-color: #999999 !important; color: #fff !important; border-color: #999999;} 1896 | .gray-lighter{ background-color: #BBBBBB !important; color: #fff !important; border-color: #BBBBBB;} 1897 | 1898 | .gray-blue{ background-color: #343C40 !important; color: #fff !important; border-color: #343C40;} 1899 | .gray-blue-light{ background-color: #4A5961 !important; color: #fff !important; border-color: #4A5961;} 1900 | .gray-blue-lighter{ background-color: #566D79 !important; color: #fff !important; border-color: #566D79;} 1901 | 1902 | /* silver */ 1903 | .silver-darker{ background-color: #C3C3C3 !important; border-color: #C3C3C3;} 1904 | .silver-dark{ background-color: #CCCCCC !important; border-color: #CCCCCC;} 1905 | .silver{ background-color: #DDDDDD; border-color: #DDDDDD;} 1906 | .silver-light{ background-color: #EEEEEE; border-color: #EEEEEE;} 1907 | .silver-lighter{ background-color: #F6F6F6; border-color: #F6F6F6;} 1908 | 1909 | /* href elements and dividers inside the color palet */ 1910 | 1911 | 1912 | .blue a{ color: #fff !important;} 1913 | .blue a{ color: #fff !important;} 1914 | .blue-lighter a{ color: #fff !important;} 1915 | .blue-sky a{ color: #fff !important;} 1916 | 1917 | /* yellow orange */ 1918 | .yellow a{ color: #fff !important;} 1919 | .orange a{ color: #fff !important; } 1920 | 1921 | /* red redish lilac colors */ 1922 | .redish a{ color:#fff !important;} 1923 | .red a{ color: #fff !important;} 1924 | .lilac a{ color: #fff !important;} 1925 | .pink a{ color: #fff !important; } 1926 | 1927 | 1928 | /* green colors */ 1929 | .green a{ color:#fff !important;} 1930 | .green-darker a{ color: #fff !important;} 1931 | .green-sky a{ color: #fff !important;} 1932 | .green-soldier a{ color: #fff !important;} 1933 | .green-olive a{ color: #fff !important;} 1934 | 1935 | 1936 | /* grey colors */ 1937 | .gray-darker a{ color: #fff !important;} 1938 | .gray-dark a{ color:#fff !important;} 1939 | .gray a{ color: #fff !important;} 1940 | .gray-light a{ color: #fff !important;} 1941 | .gray-lighter a{ color: #fff !important;} 1942 | 1943 | .gray-blue a{ color: #fff !important;} 1944 | .gray-blue-light a{ color: #fff !important;} 1945 | .gray-blue-lighter a{ color: #fff !important;} 1946 | 1947 | /* ------------- border colors -----------------------*/ 1948 | .border-white {border-color: #FFFFFF !important; color: #FFFFFF; } 1949 | .border-blue{ border-color: #3B8CD3 !important; color: #3B8CD3;} 1950 | .border-blue-light{ border-color: #069ABF !important; color: #069ABF;} 1951 | .border-blue-lighter{ border-color: #36C6FF !important; color: #36C6FF;} 1952 | .border-blue-sky{ border-color: #00AFF0 !important; color: #00AFF0;} 1953 | 1954 | /* yellow orange */ 1955 | .border-yellow { border-color: #F3AB44 !important; color: #F3AB44;} 1956 | .border-orange{ border-color: orangered !important; color: orangered;} 1957 | 1958 | /* red redish lilac colors */ 1959 | .border-redish{ border-color: #EE4D3B !important; color: #EE4D3B;} 1960 | .border-red{ border-color: #cc181e !important; color: #cc181e;} 1961 | .border-lilac{ border-color: #4D4385 !important; color: #4D4385;} 1962 | .border-pink{ border-color: #D9254C !important; color: #D9254C;} 1963 | 1964 | 1965 | /* green colors */ 1966 | .border-green{ border-color: #52AD52 !important; color: #52AD52;} 1967 | .border-green-darker{ border-color: #00857E !important; color: #00857E;} 1968 | .border-green-sky{ border-color: #75AB00 !important; color: #75AB00;} 1969 | .border-green-soldier{ border-color: #989D7D !important; color: #989D7D;} 1970 | .border-green-olive{ border-color: #B8AD6D !important; color: #B8AD6D;} 1971 | 1972 | 1973 | /* grey colors */ 1974 | .border-gray-darker{ background-color: #222222 !important; color: #222222;} 1975 | .border-gray-dark{ background-color: #333333 !important; color: #333333;} 1976 | .border-gray{ background-color: #555555 !important; color: #555555;} 1977 | .border-gray-light{ background-color: #999999 !important; color: #999999;} 1978 | .border-gray-lighter{ background-color: #BBBBBB !important; color: #BBBBBB;} 1979 | 1980 | .border-gray-blue{ background-color: #343C40 !important; color: #343C40;} 1981 | .border-gray-blue-light{ background-color: #4A5961 !important; color: #4A5961;} 1982 | .border-gray-blue-lighter{ background-color: #566D79 !important; color: #566D79;} 1983 | 1984 | /* silver */ 1985 | .border-silver-darker{ background-color: #C3C3C3 !important; color: #C3C3C3;} 1986 | .border-silver-dark{ background-color: #CCCCCC !important; color: #CCCCCC;} 1987 | .border-silver{ background-color: #DDDDDD !important; color: #DDDDDD;} 1988 | .border-silver-light{ background-color: #EEEEEE !important; color: #EEEEEE;} 1989 | .border-silver-lighter{ background-color: #F6F6F6 !important; color: #F6F6F6;} 1990 | 1991 | /* ------------------extra widgets--------------------*/ 1992 | 1993 | /* intro */ 1994 | 1995 | .intro h1, .intro .desc{ 1996 | text-align: center; 1997 | color: #444; 1998 | } 1999 | .intro h1{ 2000 | margin-top: 40px; 2001 | } 2002 | .intro .desc{ 2003 | margin: 15px; 2004 | } 2005 | .intro .action{ 2006 | margin: 25px auto 40px auto; 2007 | display: block; 2008 | overflow: hidden; 2009 | width: 100%; 2010 | } 2011 | 2012 | /* promo */ 2013 | .promo { 2014 | overflow: hidden; 2015 | background: #eee; 2016 | margin: 25px 0; 2017 | } 2018 | .promo-left .left{ 2019 | width: 45%; 2020 | } 2021 | .promo-left .right{ 2022 | width: 55%; 2023 | } 2024 | .promo-right .left{ 2025 | width: 55%; 2026 | } 2027 | .promo-right .right{ 2028 | width: 45%; 2029 | } 2030 | .promo .title{ 2031 | text-align: center; 2032 | margin: 20px 0; 2033 | font-size: 26px; 2034 | } 2035 | .promo .meta{ 2036 | text-align: center; 2037 | } 2038 | .promo .meta a{ 2039 | text-decoration: underline; 2040 | } 2041 | .promo-left .read-more, .promo-right .read-more{ 2042 | margin-top: 12px; 2043 | } 2044 | .promo-left .read-more{ 2045 | text-align: right; 2046 | } 2047 | .promo-right .read-more{ 2048 | text-align: left; 2049 | } 2050 | .promo .read-more a{ 2051 | color: #444; 2052 | text-decoration: underline; 2053 | } 2054 | .promo .read-more a:hover{ 2055 | text-decoration: none; 2056 | } 2057 | .promo img, .promo .slider a{ 2058 | float: left; 2059 | width: 100%; 2060 | } 2061 | /* slider */ 2062 | .slider{ 2063 | overflow: hidden; 2064 | } 2065 | /* slider actions */ 2066 | .slider-actions{ 2067 | width: 100%; 2068 | overflow: hidden; 2069 | } 2070 | .slider-actions li{ 2071 | width: 90%; 2072 | border-bottom: 1px solid #ccc; 2073 | padding: 10px 5%; 2074 | border-left: 4px solid transparent; 2075 | color: #444; 2076 | line-height: 19px; 2077 | cursor: pointer; 2078 | } 2079 | .slider-actions li > div{ 2080 | float: left; 2081 | } 2082 | .slider-actions{ 2083 | line-height: 21px !important; 2084 | } 2085 | .slider-actions h1{ 2086 | margin: 0; 2087 | font-size: 24px; 2088 | line-height: 23px; 2089 | } 2090 | .slider-actions p{ 2091 | margin: 0; 2092 | color: #777; 2093 | } 2094 | .slider-actions .active, .slider-actions li:hover{ 2095 | background: #ddd; 2096 | } 2097 | .slider-actions .last, .slider-actions .first{ 2098 | border: none !Important; 2099 | } 2100 | /* -------------javascript styles---------------------*/ 2101 | 2102 | /* action buttons */ 2103 | .action-wrap{ 2104 | position: relative; 2105 | float: left; 2106 | } 2107 | .action{ 2108 | padding-right: 0 !important; 2109 | } 2110 | .action-right .action{ 2111 | padding-right: 0 !important; 2112 | } 2113 | .action-left .action{ 2114 | padding-right: 12px !important; 2115 | padding-left: 0 !important; 2116 | } 2117 | .action span, .action-on span { 2118 | font-size: 18px; 2119 | text-align: center; 2120 | vertical-align: top; 2121 | width: 14px; 2122 | display: inline-block; 2123 | } 2124 | .action-right .action span{ 2125 | margin: 0 8px; 2126 | padding: 0px 0px 0px 8px; 2127 | border-left: 1px solid rgba(255,255,255,0.2); 2128 | } 2129 | .action-left .action span { 2130 | margin: 0 8px; 2131 | padding: 0px 8px 0px 0; 2132 | border-right: 1px solid rgba(255,255,255,0.2); 2133 | } 2134 | .drop-action { 2135 | position: absolute; 2136 | top: 110%; 2137 | background: #eee; 2138 | min-width: 100%; 2139 | z-index: 1000; 2140 | width: auto; 2141 | display: none; 2142 | box-shadow: 0 1px 1px rgba(0,0,0,.36); 2143 | } 2144 | .drop-action li{ 2145 | display: block; 2146 | padding: 10px 22px; 2147 | white-space: nowrap; 2148 | } 2149 | .drop-action li a{ 2150 | color: #444; 2151 | } 2152 | .drop-action li:hover{ 2153 | background: #666; 2154 | cursor: pointer; 2155 | } 2156 | .drop-action li:hover > a{ 2157 | color: #fff; 2158 | } 2159 | .action-right .drop-action, 2160 | .action-right .drop-wrap{ 2161 | right: 0; 2162 | } 2163 | .action-left .drop-action, 2164 | .action-left .drop-wrap{ 2165 | left: 0; 2166 | } 2167 | .drop-open{ 2168 | display: block; 2169 | } 2170 | .action-on{ 2171 | opacity: 0.8; 2172 | } 2173 | .drop-action .devider:hover{ 2174 | background: transparent; 2175 | } 2176 | .drop-action .devider{ 2177 | border-bottom: 1px solid rgba(0,0,0,0.12); 2178 | padding: 0 !important; 2179 | margin: 0 !important; 2180 | } 2181 | /* hover settings */ 2182 | .drop-wrap{ 2183 | padding: 3px 0 0 0; 2184 | position: absolute; 2185 | display: none; 2186 | } 2187 | /* tabs */ 2188 | .tabed, .tab { 2189 | float: left; 2190 | width: 100%; 2191 | } 2192 | .tabed > div{ 2193 | display: none; 2194 | } 2195 | .tabed .action-menu { 2196 | float: right; 2197 | margin-bottom: 5px; 2198 | } 2199 | .tabed .action-menu li a:hover, 2200 | .tabed .action-menu li .active { 2201 | color: #EE4D3B; 2202 | } 2203 | .tabed .tab-open{ 2204 | display: block !important; 2205 | } 2206 | 2207 | /* tabs */ 2208 | .tab-panels, .panel { 2209 | float: left; 2210 | width: 100%; 2211 | } 2212 | .tab-panels .panel{ 2213 | display: none; 2214 | } 2215 | .tab-panels .panel-wrapper{ 2216 | display: block !important; 2217 | overflow: hidden; 2218 | float: left; 2219 | width: 100%; 2220 | position: relative; 2221 | } 2222 | .tab-panels > div{ 2223 | display: none; 2224 | } 2225 | .tab-panels .tab-actions { 2226 | float: left; 2227 | margin-bottom: 20px; 2228 | } 2229 | .tab-panels .tab-actions li a:hover, 2230 | .tab-panels .tab-actions .active { 2231 | color: #EE4D3B; 2232 | border-color: #EE4D3B; 2233 | } 2234 | .tab-panels .panel p{ 2235 | font-size: 14px; 2236 | line-height: 21px; 2237 | } 2238 | .tab-panels .panel-current, .tab-panels .ajax-panel{ 2239 | display: block !important; 2240 | } 2241 | .tab-panels .sliding-panels{ 2242 | display: block !important; 2243 | position: absolute; 2244 | } 2245 | 2246 | /* dc tips */ 2247 | .dc_tip_wrap{ 2248 | position: relative; 2249 | display: inline-block; 2250 | } 2251 | form .dc_tip_wrap{ 2252 | width: 100%; 2253 | } 2254 | .tip-wrapper { 2255 | background: #000; 2256 | color: #fff; 2257 | position: absolute; 2258 | z-index: 10000; 2259 | opacity: 0.8; 2260 | border-radius: 2px; 2261 | box-shadow: 0 1px 1px rgba(0,0,0,.2); 2262 | } 2263 | .tip-wrapper .tip-inner{ 2264 | font-family: Arial; 2265 | font-size: 12px; 2266 | padding: 6px 10px; 2267 | white-space: nowrap; 2268 | line-height: 12px; 2269 | } 2270 | .tip-arrow { 2271 | position: absolute; 2272 | width: 0; 2273 | height: 0; 2274 | border-color: transparent; 2275 | border-style: solid; 2276 | } 2277 | .tip-wrapper.top .tip-arrow { 2278 | bottom: -5px; 2279 | left: 50%; 2280 | margin-left: -5px; 2281 | border-width: 5px 5px 0; 2282 | border-top-color: #000; 2283 | } 2284 | .tip-wrapper.left .tip-arrow { 2285 | top: 50%; 2286 | right: -5px; 2287 | margin-top: -5px; 2288 | border-width: 5px 0 5px 5px; 2289 | border-left-color: #000; 2290 | } 2291 | .tip-wrapper.bottom .tip-arrow { 2292 | top: -5px; 2293 | left: 50%; 2294 | margin-left: -5px; 2295 | border-width: 0 5px 5px; 2296 | border-bottom-color: #000; 2297 | } 2298 | .tip-wrapper.right .tip-arrow { 2299 | top: 50%; 2300 | left: -5px; 2301 | margin-top: -5px; 2302 | border-width: 5px 5px 5px 0; 2303 | border-right-color: #000; 2304 | } 2305 | /* popovers */ 2306 | .pop-wrap{ 2307 | display: inline-block; 2308 | position: relative; 2309 | } 2310 | .pop-open{ 2311 | display: block !important; 2312 | } 2313 | .pop-inner{ 2314 | width: 270px; 2315 | position: absolute; 2316 | top: 0; 2317 | left: 0; 2318 | font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 2319 | font-size: 14px; 2320 | font-weight: normal; 2321 | line-height: 21px; 2322 | display: none; 2323 | z-index: 1000; 2324 | padding: 14px; 2325 | } 2326 | .pop-inner .pop-padder{ 2327 | background: #fff; 2328 | -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2); 2329 | box-shadow: 0 2px 5px rgba(0,0,0,.2); 2330 | border: 1px solid #bbb; 2331 | } 2332 | .pop-inner .pop-title{ 2333 | padding: 6px 12px; 2334 | background: #eee; 2335 | font-size: 13px; 2336 | font-weight: bold; 2337 | color: #333; 2338 | border-bottom: 1px solid #ccc; 2339 | } 2340 | .pop-inner .pop-content{ 2341 | padding: 12px; 2342 | color: #555; 2343 | } 2344 | 2345 | /* arrows positioning */ 2346 | .pop-arrow { 2347 | position: absolute; 2348 | } 2349 | .pop-arrow .front, .pop-arrow .back{ 2350 | position: absolute; 2351 | width: 0; 2352 | height: 0; 2353 | border-color: transparent; 2354 | border-style: solid; 2355 | } 2356 | .pop-arrow .front{ 2357 | border-width: 10px; 2358 | z-index: 10; 2359 | } 2360 | .pop-arrow .back{ 2361 | border-width: 10px; 2362 | z-index: 9; 2363 | } 2364 | /* top */ 2365 | 2366 | .pop-inner.top > .pop-arrow{ 2367 | bottom: 14px; 2368 | left: 50%; 2369 | margin-left: -10px; 2370 | } 2371 | 2372 | .pop-inner.top > .pop-arrow > .front{ 2373 | border-top-color: #fff; 2374 | border-bottom-width: 0; 2375 | left: 0; 2376 | top: -1px; 2377 | } 2378 | 2379 | .pop-inner.top > .pop-arrow > .back{ 2380 | border-top-color: #999; 2381 | border-bottom-width: 0; 2382 | } 2383 | 2384 | /* bottom */ 2385 | .pop-inner.bottom > .pop-arrow{ 2386 | top: 4px; 2387 | left: 50%; 2388 | margin-left: -10px; 2389 | } 2390 | .pop-inner.bottom > .pop-arrow > .front{ 2391 | border-bottom-color: #eee; 2392 | border-top-width: 0; 2393 | left: 0; 2394 | top: 1px; 2395 | } 2396 | .pop-inner.bottom > .pop-arrow > .back{ 2397 | border-bottom-color: #999; 2398 | border-top-width: 0; 2399 | } 2400 | 2401 | /* left */ 2402 | 2403 | .pop-inner.left > .pop-arrow{ 2404 | top: 50%; 2405 | right: 14px; 2406 | margin-top: -10px; 2407 | } 2408 | .pop-inner.left > .pop-arrow > .front{ 2409 | border-left-color: #fff; 2410 | border-right-width: 0; 2411 | left: -1px; 2412 | top: 0; 2413 | } 2414 | .pop-inner.left > .pop-arrow > .back{ 2415 | border-left-color: #999; 2416 | border-right-width: 0; 2417 | } 2418 | 2419 | /* right */ 2420 | 2421 | .pop-inner.right > .pop-arrow{ 2422 | top: 50%; 2423 | left: 4px; 2424 | margin-top: -10px; 2425 | } 2426 | .pop-inner.right > .pop-arrow > .front{ 2427 | border-right-color: #fff; 2428 | border-left-width: 0; 2429 | left: 1px; 2430 | top: 0; 2431 | } 2432 | .pop-inner.right > .pop-arrow > .back{ 2433 | border-right-color: #999; 2434 | border-left-width: 0; 2435 | } 2436 | 2437 | /* input styles */ 2438 | .pop-wrap input{ 2439 | width: 100%; 2440 | height: 100%; 2441 | margin-bottom: 10px; 2442 | -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 2443 | -moz-box-sizing: border-box; /* Firefox, other Gecko */ 2444 | box-sizing: border-box; /* Opera/IE 8+ */ 2445 | padding: 5px; 2446 | } 2447 | 2448 | /* modal */ 2449 | body.modal-active{ 2450 | overflow: hidden; 2451 | } 2452 | .modal-active .modal-wrapper { 2453 | overflow-x: hidden; 2454 | overflow-y: auto; 2455 | } 2456 | .modal-wrapper{ 2457 | position: fixed; 2458 | top: 0; 2459 | right: 0; 2460 | left: 0; 2461 | bottom: 0; 2462 | z-index: 100000; 2463 | display: block; 2464 | } 2465 | .modal-wrapper .modal-background{ 2466 | position: absolute; 2467 | top: 0; 2468 | right: 0; 2469 | left: 0; 2470 | bottom: 0; 2471 | background-color: #000; 2472 | filter: alpha(opacity=60); 2473 | opacity: .6; 2474 | z-index: 9; 2475 | } 2476 | .modal-wrapper .modal-overflow{ 2477 | overflow-x: hidden; 2478 | overflow-y: scroll; 2479 | } 2480 | .modal-wrapper .modal-inner{ 2481 | background: #fff; 2482 | display: block; 2483 | position: relative; 2484 | width: 600px; 2485 | margin: 75px auto; 2486 | z-index: 10; 2487 | -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3); 2488 | box-shadow: 0 2px 5px rgba(0,0,0,.3); 2489 | } 2490 | .modal-wrapper .modal-inner .modal-header, 2491 | .modal-wrapper .modal-inner .modal-footer{ 2492 | min-height: 15px; 2493 | padding: 15px; 2494 | overflow: hidden; 2495 | } 2496 | .modal-wrapper .modal-inner .modal-header{ 2497 | border-bottom: 1px solid #ddd; 2498 | } 2499 | .modal-wrapper .modal-inner .modal-footer{ 2500 | border-top: 1px solid #ddd; 2501 | } 2502 | .modal-wrapper .modal-inner .modal-header .modal-title{ 2503 | float: left; 2504 | font-size: 15px; 2505 | font-weight: bold; 2506 | } 2507 | .modal-wrapper .modal-inner .modal-content{ 2508 | padding: 15px; 2509 | font-size: 13px; 2510 | line-height: 19px; 2511 | overflow: hidden; 2512 | } 2513 | .modal-video .modal-header, 2514 | .modal-video .modal-footer{ 2515 | border: none !important; 2516 | } 2517 | .modal-video .modal-content{ 2518 | position: relative; 2519 | padding: 0 0 56.25% 0!important; 2520 | height: 0; 2521 | } 2522 | .modal-video .modal-content iframe { 2523 | position: absolute; 2524 | top: 0; 2525 | left: 0; 2526 | width: 100%; 2527 | height: 100%; 2528 | } 2529 | .modal-wrapper .modal-inner .modal-content img{ 2530 | position: relative; 2531 | display: block; 2532 | width: 100%; 2533 | float: left; 2534 | } 2535 | .modal-wrapper .modal-inner .modal-x{ 2536 | background: #fff; 2537 | position: absolute; 2538 | top: 10px; 2539 | right: 10px; 2540 | cursor: pointer; 2541 | font-weight: bold; 2542 | font-size: 15px; 2543 | padding: 5px 7px; 2544 | } 2545 | .modal-wrapper .modal-inner .modal-x:hover{ 2546 | color: #057ed0; 2547 | } 2548 | .modal-wrapper .modal-inner .btn{ 2549 | float: right; 2550 | margin-left: 4px; 2551 | } 2552 | .yttrigger{ 2553 | position: relateive; 2554 | float: left; 2555 | overflow: hidden; 2556 | } 2557 | .yttrigger .ytplay { 2558 | background: #262626; 2559 | color: #FFB040; 2560 | position: absolute; 2561 | z-index: 100; 2562 | left: 45%; 2563 | top: 45%; 2564 | padding: 10px 22px; 2565 | border: 4px solid #fff; 2566 | -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.46); 2567 | box-shadow: 0 2px 3px rgba(0,0,0,.46); 2568 | opacity: 0.8; 2569 | border-radius: 122px; 2570 | padding: 18px; 2571 | } 2572 | .yttrigger .ytplay > i { 2573 | width: 0; 2574 | height: 0; 2575 | border-color: transparent; 2576 | border-style: solid; 2577 | border-left-color: #fff; 2578 | border-right-width: 0; 2579 | border-width: 13px; 2580 | z-index: 10; 2581 | float: left; 2582 | position: relative; 2583 | left: 9px; 2584 | top: 1px; 2585 | } 2586 | .yttrigger span:hover{ 2587 | opacity: 0.7; 2588 | } 2589 | /* modal effects */ 2590 | 2591 | .modal-inner{ 2592 | -webkit-animation-duration: 0.3s; 2593 | animation-duration: 0.3s; 2594 | -webkit-animation-fill-mode: both; 2595 | animation-fill-mode: both; 2596 | } 2597 | 2598 | /* background */ 2599 | @-webkit-keyframes fadeIn { 2600 | 0% {opacity: 0;} 2601 | 100% {opacity: 1;} 2602 | } 2603 | 2604 | @keyframes fadeIn { 2605 | 0% {opacity: 0;} 2606 | 100% {opacity: 1;} 2607 | } 2608 | 2609 | .modal-background, .modal-in-fade { 2610 | -webkit-animation-name: fadeIn; 2611 | animation-name: fadeIn; 2612 | } 2613 | /* modal in down */ 2614 | 2615 | @-webkit-keyframes fadeInDown { 2616 | 0% { 2617 | opacity: 0; 2618 | -webkit-transform: translate3d(0, -50%, 0); 2619 | transform: translate3d(0, -50%, 0); 2620 | 2621 | } 2622 | 2623 | 100% { 2624 | opacity: 1; 2625 | -webkit-transform: none; 2626 | transform: none; 2627 | } 2628 | } 2629 | 2630 | @keyframes fadeInDown { 2631 | 0% { 2632 | opacity: 0; 2633 | -webkit-transform: translate3d(0, -50%, 0); 2634 | transform: translate3d(0, -50%, 0); 2635 | } 2636 | 2637 | 100% { 2638 | opacity: 1; 2639 | -webkit-transform: none; 2640 | transform: none; 2641 | } 2642 | } 2643 | .modal-in-down { 2644 | -webkit-animation-name: fadeInDown; 2645 | animation-name: fadeInDown; 2646 | } 2647 | 2648 | /* modal in up */ 2649 | 2650 | @-webkit-keyframes fadeInUp { 2651 | 0% { 2652 | opacity: 0; 2653 | -webkit-transform: translate3d(0, 100%, 0); 2654 | transform: translate3d(0, 100%, 0); 2655 | } 2656 | 2657 | 100% { 2658 | opacity: 1; 2659 | -webkit-transform: none; 2660 | transform: none; 2661 | } 2662 | } 2663 | 2664 | @keyframes fadeInUp { 2665 | 0% { 2666 | opacity: 0; 2667 | -webkit-transform: translate3d(0, 100%, 0); 2668 | transform: translate3d(0, 100%, 0); 2669 | } 2670 | 2671 | 100% { 2672 | opacity: 1; 2673 | -webkit-transform: none; 2674 | transform: none; 2675 | } 2676 | } 2677 | 2678 | .modal-in-up { 2679 | -webkit-animation-name: fadeInUp; 2680 | animation-name: fadeInUp; 2681 | } 2682 | 2683 | 2684 | /* modal in right */ 2685 | 2686 | @-webkit-keyframes fadeInRight { 2687 | 0% { 2688 | opacity: 0; 2689 | -webkit-transform: translate3d(50%, 0, 0); 2690 | -moz-transform: translate3d(50%, 0, 0); 2691 | transform: translate3d(50%, 0, 0); 2692 | } 2693 | 2694 | 100% { 2695 | opacity: 1; 2696 | -webkit-transform: none; 2697 | transform: none; 2698 | } 2699 | } 2700 | 2701 | @keyframes fadeInRight { 2702 | 0% { 2703 | opacity: 0; 2704 | -webkit-transform: translate3d(50%, 0, 0); 2705 | -moz-transform: translate3d(50%, 0, 0); 2706 | transform: translate3d(50%, 0, 0); 2707 | } 2708 | 2709 | 100% { 2710 | opacity: 1; 2711 | -webkit-transform: none; 2712 | -moz-transform: none; 2713 | transform: none; 2714 | } 2715 | } 2716 | 2717 | .modal-in-right { 2718 | -webkit-animation-name: fadeInRight; 2719 | animation-name: fadeInRight; 2720 | } 2721 | 2722 | /* modal in left */ 2723 | 2724 | @-webkit-keyframes fadeInLeft { 2725 | 0% { 2726 | opacity: 0; 2727 | -webkit-transform: translate3d(-100%, 0, 0); 2728 | transform: translate3d(-100%, 0, 0); 2729 | } 2730 | 2731 | 100% { 2732 | opacity: 1; 2733 | -webkit-transform: none; 2734 | transform: none; 2735 | } 2736 | } 2737 | 2738 | @keyframes fadeInLeft { 2739 | 0% { 2740 | opacity: 0; 2741 | -webkit-transform: translate3d(-100%, 0, 0); 2742 | transform: translate3d(-100%, 0, 0); 2743 | } 2744 | 2745 | 100% { 2746 | opacity: 1; 2747 | -webkit-transform: none; 2748 | transform: none; 2749 | } 2750 | } 2751 | 2752 | .modal-in-left { 2753 | -webkit-animation-name: fadeInLeft; 2754 | animation-name: fadeInLeft; 2755 | } 2756 | 2757 | /* custom edits */ 2758 | .modal-footer .social img{ 2759 | float: left; 2760 | width: 45px; 2761 | } 2762 | .modal-footer .social .social-info { 2763 | float: left; 2764 | margin-left: 6px; 2765 | font-size: 14px; 2766 | color: #555; 2767 | padding: 3px 0; 2768 | } 2769 | .modal-footer .social .social-info p{ 2770 | margin: 3px 0; 2771 | } 2772 | .modal-footer .social .social-info .username span, 2773 | .modal-footer .social .social-info .date{ 2774 | color: #555; 2775 | font-size: 13px; 2776 | } 2777 | .modal-footer .social .social-info .date a{ 2778 | color: #057ed0; 2779 | } 2780 | .modal-footer .social .social-info .username a{ 2781 | color: #057ed0; 2782 | font-weight: bold; 2783 | text-decoration: underline; 2784 | } 2785 | .modal-footer .social .social-info .username a:hover{ 2786 | color: #333; 2787 | } 2788 | 2789 | /* responsive */ 2790 | @media (max-width: 768px){ 2791 | .modal-wrapper .modal-inner{ 2792 | width: 90% !important; 2793 | } 2794 | } --------------------------------------------------------------------------------