Initiated
This commit is contained in:
Ilja Kartašov
@@ -0,0 +1,57 @@
|
||||
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRCZi0aTV.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRC9i0aTV.woff2) format('woff2');
|
||||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRCdi0aTV.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRChi0aTV.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRCRi0aTV.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRCVi0aTV.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRCti0Q.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
+304
@@ -0,0 +1,304 @@
|
||||
/*! code below is based on svg4everybody v2.1.9
|
||||
* github.com/jonathantneal/svg4everybody */
|
||||
|
||||
var LEGACY_SUPPORT = false;
|
||||
|
||||
function embed(parent, svg, target) {
|
||||
// if the target exists
|
||||
if (target) {
|
||||
// create a document fragment to hold the contents of the target
|
||||
var fragment = document.createDocumentFragment();
|
||||
|
||||
// cache the closest matching viewBox
|
||||
var viewBox = !svg.hasAttribute('viewBox') && target.getAttribute('viewBox');
|
||||
|
||||
// conditionally set the viewBox on the svg
|
||||
if (viewBox) {
|
||||
svg.setAttribute('viewBox', viewBox);
|
||||
}
|
||||
|
||||
// clone the target
|
||||
var clone = target.cloneNode(true);
|
||||
|
||||
// copy the contents of the clone into the fragment
|
||||
while (clone.childNodes.length) {
|
||||
fragment.appendChild(clone.firstChild);
|
||||
}
|
||||
|
||||
// append the fragment into the svg
|
||||
parent.appendChild(fragment);
|
||||
}
|
||||
}
|
||||
|
||||
function loadreadystatechange(xhr) {
|
||||
// listen to changes in the request
|
||||
xhr.onreadystatechange = function () {
|
||||
// if the request is ready
|
||||
if (xhr.readyState === 4) {
|
||||
// get the cached html document
|
||||
var cachedDocument = xhr._cachedDocument;
|
||||
|
||||
// ensure the cached html document based on the xhr response
|
||||
if (!cachedDocument) {
|
||||
cachedDocument = xhr._cachedDocument = document.implementation.createHTMLDocument('');
|
||||
|
||||
cachedDocument.body.innerHTML = xhr.responseText;
|
||||
|
||||
// ensure domains are the same, otherwise we'll have issues appending the
|
||||
// element in IE 11
|
||||
// cachedDocument.domain = document.domain;
|
||||
|
||||
xhr._cachedTarget = {};
|
||||
}
|
||||
|
||||
// clear the xhr embeds list and embed each item
|
||||
xhr._embeds.splice(0).map(function (item) {
|
||||
// get the cached target
|
||||
var target = xhr._cachedTarget[item.id];
|
||||
|
||||
// ensure the cached target
|
||||
if (!target) {
|
||||
target = xhr._cachedTarget[item.id] = cachedDocument.getElementById(item.id);
|
||||
}
|
||||
|
||||
// embed the target into the svg
|
||||
embed(item.parent, item.svg, target);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// test the ready state change immediately
|
||||
xhr.onreadystatechange();
|
||||
}
|
||||
|
||||
function svg4everybody(rawopts) {
|
||||
var opts = Object(rawopts);
|
||||
|
||||
// create legacy support variables
|
||||
var nosvg;
|
||||
var fallback;
|
||||
|
||||
// if running with legacy support
|
||||
if (LEGACY_SUPPORT) {
|
||||
// configure the fallback method
|
||||
fallback = opts.fallback || function (src) {
|
||||
return src.replace(/\?[^#]+/, '').replace('#', '.').replace(/^\./, '') + '.png' + (/\?[^#]+/.exec(src) || [''])[0];
|
||||
};
|
||||
|
||||
// set whether to shiv <svg> and <use> elements and use image fallbacks
|
||||
nosvg = 'nosvg' in opts ? opts.nosvg : /\bMSIE [1-8]\b/.test(navigator.userAgent);
|
||||
|
||||
// conditionally shiv <svg> and <use>
|
||||
if (nosvg) {
|
||||
document.createElement('svg');
|
||||
document.createElement('use');
|
||||
}
|
||||
}
|
||||
|
||||
// set whether the polyfill will be activated or not
|
||||
var polyfill;
|
||||
var olderIEUA = /\bMSIE [1-8]\.0\b/;
|
||||
var newerIEUA = /\bTrident\/[567]\b|\bMSIE (?:9|10)\.0\b/;
|
||||
var webkitUA = /\bAppleWebKit\/(\d+)\b/;
|
||||
var olderEdgeUA = /\bEdge\/12\.(\d+)\b/;
|
||||
var edgeUA = /\bEdge\/.(\d+)\b/;
|
||||
//Checks whether iframed
|
||||
var inIframe = window.top !== window.self;
|
||||
|
||||
if ('polyfill' in opts) {
|
||||
polyfill = opts.polyfill;
|
||||
} else if (LEGACY_SUPPORT) {
|
||||
polyfill = olderIEUA.test(navigator.userAgent) || newerIEUA.test(navigator.userAgent) || (navigator.userAgent.match(olderEdgeUA) || [])[1] < 10547 || (navigator.userAgent.match(webkitUA) || [])[1] < 537 || edgeUA.test(navigator.userAgent) && inIframe;
|
||||
} else {
|
||||
polyfill = newerIEUA.test(navigator.userAgent) || (navigator.userAgent.match(olderEdgeUA) || [])[1] < 10547 || (navigator.userAgent.match(webkitUA) || [])[1] < 537 || edgeUA.test(navigator.userAgent) && inIframe;
|
||||
}
|
||||
|
||||
// create xhr requests object
|
||||
var requests = {};
|
||||
|
||||
// use request animation frame or a timeout to search the dom for svgs
|
||||
var requestAnimationFrame = window.requestAnimationFrame || setTimeout;
|
||||
|
||||
// get a live collection of use elements on the page
|
||||
var uses = document.getElementsByTagName('use');
|
||||
var numberOfSvgUseElementsToBypass = 0;
|
||||
|
||||
function oninterval() {
|
||||
// get the cached <use> index
|
||||
var index = 0;
|
||||
|
||||
// while the index exists in the live <use> collection
|
||||
while (index < uses.length) {
|
||||
// get the current <use>
|
||||
var use = uses[index];
|
||||
|
||||
// get the current <svg>
|
||||
var parent = use.parentNode;
|
||||
var svg = getSVGAncestor(parent);
|
||||
var src = use.getAttribute('xlink:href') || use.getAttribute('href');
|
||||
|
||||
if (!src && opts.attributeName) {
|
||||
src = use.getAttribute(opts.attributeName);
|
||||
}
|
||||
|
||||
if (svg && src) {
|
||||
|
||||
// if running with legacy support
|
||||
if (LEGACY_SUPPORT && nosvg) {
|
||||
// create a new fallback image
|
||||
var img = document.createElement('img');
|
||||
|
||||
// force display in older IE
|
||||
img.style.cssText = 'display:inline-block;height:100%;width:100%';
|
||||
|
||||
// set the fallback size using the svg size
|
||||
img.setAttribute('width', svg.getAttribute('width') || svg.clientWidth);
|
||||
img.setAttribute('height', svg.getAttribute('height') || svg.clientHeight);
|
||||
|
||||
// set the fallback src
|
||||
img.src = fallback(src, svg, use);
|
||||
|
||||
// replace the <use> with the fallback image
|
||||
parent.replaceChild(img, use);
|
||||
} else if (polyfill) {
|
||||
if (!opts.validate || opts.validate(src, svg, use)) {
|
||||
// remove the <use> element
|
||||
parent.removeChild(use);
|
||||
|
||||
// parse the src and get the url and id
|
||||
var srcSplit = src.split('#');
|
||||
var url = srcSplit.shift();
|
||||
var id = srcSplit.join('#');
|
||||
|
||||
// if the link is external
|
||||
if (url.length) {
|
||||
// get the cached xhr request
|
||||
var xhr = requests[url];
|
||||
|
||||
// ensure the xhr request exists
|
||||
if (!xhr) {
|
||||
xhr = requests[url] = new XMLHttpRequest();
|
||||
|
||||
xhr.open('GET', url);
|
||||
|
||||
xhr.send();
|
||||
|
||||
xhr._embeds = [];
|
||||
}
|
||||
|
||||
// add the svg and id as an item to the xhr embeds list
|
||||
xhr._embeds.push({
|
||||
parent: parent,
|
||||
svg: svg,
|
||||
id: id
|
||||
});
|
||||
|
||||
// prepare the xhr ready state change event
|
||||
loadreadystatechange(xhr);
|
||||
} else {
|
||||
// embed the local id into the svg
|
||||
embed(parent, svg, document.getElementById(id));
|
||||
}
|
||||
} else {
|
||||
// increase the index when the previous value was not "valid"
|
||||
++index;
|
||||
++numberOfSvgUseElementsToBypass;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// increase the index when the previous value was not "valid"
|
||||
++index;
|
||||
}
|
||||
}
|
||||
|
||||
// continue the interval
|
||||
if (!uses.length || uses.length - numberOfSvgUseElementsToBypass > 0) {
|
||||
requestAnimationFrame(oninterval, 67);
|
||||
}
|
||||
}
|
||||
|
||||
// conditionally start the interval if the polyfill is active
|
||||
if (polyfill) {
|
||||
oninterval();
|
||||
}
|
||||
}
|
||||
|
||||
function getSVGAncestor(node) {
|
||||
var svg = node;
|
||||
while (svg.nodeName.toLowerCase() !== 'svg') {
|
||||
svg = svg.parentNode;
|
||||
if (!svg) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
return svg;
|
||||
}
|
||||
|
||||
function main()
|
||||
{
|
||||
/*
|
||||
var inps = document.querySelectorAll('.float-label');
|
||||
|
||||
console.log('INputs: '+JSON.stringify(inps));
|
||||
|
||||
for (var i=0; i<inps.length; i++)
|
||||
{
|
||||
var inp = inps[i];
|
||||
|
||||
if (inp.value != '')
|
||||
inp.parentNode.classList.add('active');
|
||||
|
||||
inp.addEventListener('focus', (event) => {
|
||||
var t = event.currentTarget;
|
||||
t.parentNode.classList.add('active');
|
||||
});
|
||||
|
||||
inp.addEventListener('blur', (event) => {
|
||||
var t = event.currentTarget;
|
||||
console.log(t.value)
|
||||
if (t.value == '')
|
||||
t.parentNode.classList.remove('active');
|
||||
});
|
||||
}
|
||||
|
||||
window.addEventListener('scroll', (event) => {
|
||||
|
||||
var nodes = document.querySelectorAll('.slider'),
|
||||
scrollTop = window.scrollY;
|
||||
|
||||
for(var i=0; i<nodes.length; i++)
|
||||
{
|
||||
var speed = parseInt(nodes[i].getAttribute('data-speed'));
|
||||
console.log(scrollTop);
|
||||
console.log(nodes[i].getAttribute('data-speed'));
|
||||
console.log('speed '+speed);
|
||||
nodes[i].style['transform'] = 'translateY(' + -(scrollTop / speed) + 'px)';
|
||||
console.log('style '+nodes[i].style.transform);
|
||||
}
|
||||
|
||||
});
|
||||
*/
|
||||
document.getElementById('menu__switch').addEventListener('click', function(event) {
|
||||
|
||||
var menu = document.getElementById('menu'),
|
||||
targ = event.currentTarget;
|
||||
|
||||
if (menu.className=='menu')
|
||||
{
|
||||
menu.className='menu menu--visible';
|
||||
targ.className='menu__switch menu__switch--opened';
|
||||
}
|
||||
else
|
||||
{
|
||||
menu.className='menu';
|
||||
targ.className='menu__switch';
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
svg4everybody();
|
||||
}
|
||||
|
||||
window.addEventListener ?
|
||||
addEventListener("load", main, false) :
|
||||
window.attachEvent ? attachEvent("onload", main) : (onload = main);
|
||||
@@ -0,0 +1,33 @@
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
|
||||
<symbol id="logo" viewBox="0 0 20 20">
|
||||
<path d="m10 0c-5.07 0-10 4.06-10 10 3.38-1.03 1.36 5.06 1.36 5.06s2.72-5.28-0.467-5.96c0 0 0.474-2.28 2.12-2.97 0 0-0.533 2.34 1.61 3.6-2.94-3.07 0.49-6.31 2.17-6.06 0 0 2.42-2.08 2.49-0.116 0.522-0.112 1.34-0.423 1.79 0.0899 0.408 0.606 0.547 1.2 0.745 1.41 0.269 0.382-0.382 0.374-0.382 0.374 0.65 0.01 1.73 0.186 3.33 1 0.288 0.173 0.368 0.29 0.413 0.91 1.49 0.373 1.84 0.485 3.25 1.12 0.321 0.185 0.0155 1.29-0.357 1.71-0.262-1.08-0.153-0.995-0.389-0.748-0.423-1.21-0.143-0.366-0.247 0.453 0.303-0.268 0.245-0.235 0.502 0.546-0.12 0.657-0.613 1.17-1.06 1.8-0.0296-0.298 0.0662-0.586 0.0072-0.585-0.569 6e-3 -0.985-0.326-1.45-0.53-2.13-0.489-3.01 1.43-0.676 1.82 0.559 0.0423 0.615-0.497 1.39 0.144l0.648-0.622-0.186 0.637c0.249 0.567-0.727 1.28-0.935 1.8-0.0805 0.207-0.0671 0.59-0.0859 0.911-0.323-0.376-0.457-1.46-0.576-0.513-0.204-0.184-0.157-1.29-0.354-0.421-0.0978-0.447-2.15-1.55-3.2-1.02-0.354-3.02-1.95-3.61-2.42-6.06l-0.417 0.552c-0.0879-0.509 0.372-2.34 1.17-3.09l-1.02-0.16s0.777-0.557 1.64-0.232c-1.07-0.579-2.08-0.0563-2.47 0.432l1.14 0.228c-0.807 1.56-0.963 2.25-0.877 4.3l0.576-0.952c0.329 1.73 3.64 4.14 0.023 10.1 0.546-2.1-0.624-3.39-0.624-3.39 6.42e-5 4e-5 0.862 2.7-1.22 3.94 0 0 0.917 0.502 3.04 0.502 5.53-4e-5 9.99-4.47 9.99-9.99-1e-6 -5.53-4.47-10-9.99-10zm-2.68 6.36s-1.64 0.038-2.21 0.889c0.822 1.2 1.87 0.824 1.87 0.824-1.16-0.406-1.39-0.842-1.39-0.842s0.657-0.39 1.18-0.289c0 0 0.19 0.519 0.465 0.808 0 0-0.165-1.07 0.0747-1.39zm4.82 1.04s1.05 0.561 1.67 0.491c0.615 0.212 1.19 0.369 0.185-0.166 0 0-0.0356-0.332-0.226-0.594-0.547-0.0345-1.07 0.339-1.63 0.27z"/>
|
||||
</symbol>
|
||||
<symbol id="github" viewBox="0 0 40 40">
|
||||
<path d="m20-4.5e-4c-11 0-20 8.95-20 20 0 8.84 5.73 16.3 13.7 19 1 0.183 1.37-0.435 1.37-0.965 0-0.474-0.0174-1.73-0.0278-3.4-5.56 1.21-6.74-2.68-6.74-2.68-0.91-2.31-2.22-2.92-2.22-2.92-1.82-1.24 0.137-1.22 0.137-1.22 2.01 0.142 3.06 2.06 3.06 2.06 1.78 3.06 4.68 2.17 5.82 1.66 0.182-1.29 0.697-2.17 1.27-2.67-4.44-0.505-9.11-2.22-9.11-9.89 0-2.18 0.78-3.97 2.06-5.37-0.206-0.506-0.893-2.54 0.195-5.29 0 0 1.68-0.538 5.5 2.05 1.59-0.443 3.31-0.665 5.01-0.673 1.7 7e-3 3.41 0.23 5.01 0.673 3.82-2.59 5.49-2.05 5.49-2.05 1.09 2.75 0.405 4.79 0.199 5.29 1.28 1.4 2.06 3.18 2.06 5.37 0 7.68-4.68 9.37-9.13 9.87 0.718 0.618 1.36 1.84 1.36 3.7 0 2.67-0.0244 4.83-0.0244 5.49 0 0.535 0.36 1.16 1.38 0.963 7.94-2.65 13.7-10.1 13.7-19-7e-6 -11-8.96-20-20-20"/>
|
||||
</symbol>
|
||||
<symbol id="linkedin" viewBox="0 0 32 32">
|
||||
<path d="m25.3 0h-18.7c-3.68 0-6.67 2.99-6.67 6.67v18.7c0 3.68 2.99 6.67 6.67 6.67h18.7c3.68 0 6.67-2.99 6.67-6.67v-18.7c0-3.68-2.98-6.67-6.67-6.67zm-14.7 25.3h-4v-14.7h4zm-2-16.4c-1.29 0-2.33-1.05-2.33-2.35 0-1.3 1.05-2.35 2.33-2.35 1.29 0 2.33 1.05 2.33 2.35 0 1.3-1.04 2.35-2.33 2.35zm18 16.4h-4v-7.47c0-4.49-5.33-4.15-5.33 0v7.47h-4v-14.7h4v2.35c1.86-3.45 9.33-3.7 9.33 3.3z" />
|
||||
</symbol>
|
||||
<symbol id="instagram" viewBox="0 0 32 32" >
|
||||
<path d="m16 0c-4.35 0-4.89 0.0178-6.6 0.0957-1.7 0.0777-2.87 0.349-3.88 0.744-1.05 0.409-1.94 0.956-2.83 1.85-0.889 0.889-1.44 1.78-1.85 2.83-0.396 1.02-0.666 2.18-0.744 3.88-0.0779 1.71-0.0957 2.25-0.0957 6.6 0 4.35 0.0179 4.89 0.0957 6.6 0.0777 1.7 0.349 2.87 0.744 3.88 0.409 1.05 0.956 1.94 1.85 2.83 0.89 0.889 1.78 1.44 2.83 1.85 1.02 0.395 2.18 0.666 3.88 0.744 1.71 0.0779 2.25 0.0957 6.6 0.0957 4.35 0 4.89-0.0178 6.6-0.0957 1.7-0.0777 2.87-0.349 3.88-0.744 1.05-0.409 1.94-0.956 2.83-1.85 0.889-0.89 1.44-1.78 1.85-2.83 0.395-1.02 0.666-2.18 0.744-3.88 0.0779-1.71 0.0957-2.25 0.0957-6.6 0-4.35-0.0178-4.89-0.0957-6.6-0.0777-1.7-0.349-2.87-0.744-3.88-0.409-1.05-0.956-1.94-1.85-2.83-0.89-0.889-1.78-1.44-2.83-1.85-1.02-0.395-2.18-0.666-3.88-0.744-1.71-0.0779-2.25-0.0957-6.6-0.0957zm0 2.88c4.27 0 4.78 0.0168 6.46 0.0938 1.56 0.0711 2.41 0.332 2.97 0.551 0.747 0.29 1.28 0.637 1.84 1.2 0.56 0.56 0.907 1.09 1.2 1.84 0.219 0.564 0.48 1.41 0.551 2.97 0.077 1.69 0.0938 2.19 0.0938 6.46 0 4.27-0.0168 4.78-0.0938 6.46-0.0711 1.56-0.332 2.41-0.551 2.97-0.29 0.747-0.637 1.28-1.2 1.84-0.56 0.56-1.09 0.907-1.84 1.2-0.564 0.219-1.41 0.48-2.97 0.551-1.69 0.077-2.19 0.0938-6.46 0.0938-4.27 0-4.78-0.0168-6.46-0.0938-1.56-0.0711-2.41-0.332-2.97-0.551-0.747-0.29-1.28-0.637-1.84-1.2-0.56-0.56-0.907-1.09-1.2-1.84-0.219-0.564-0.48-1.41-0.551-2.97-0.077-1.69-0.0938-2.19-0.0938-6.46 0-4.27 0.0168-4.78 0.0938-6.46 0.0712-1.56 0.332-2.41 0.551-2.97 0.29-0.747 0.637-1.28 1.2-1.84 0.56-0.56 1.09-0.907 1.84-1.2 0.564-0.219 1.41-0.48 2.97-0.551 1.69-0.077 2.19-0.0938 6.46-0.0938zm8.54 2.66c-1.06 0-1.92 0.86-1.92 1.92s0.86 1.92 1.92 1.92c1.06 0 1.92-0.86 1.92-1.92s-0.86-1.92-1.92-1.92zm-8.54 2.24c-4.54 0-8.22 3.68-8.22 8.22 0 4.54 3.68 8.22 8.22 8.22 4.54 0 8.22-3.68 8.22-8.22 0-4.54-3.68-8.22-8.22-8.22zm0 2.88c2.95 0 5.33 2.39 5.33 5.33 0 2.95-2.39 5.33-5.33 5.33-2.95 0-5.33-2.39-5.33-5.33 0-2.95 2.39-5.33 5.33-5.33z"/>
|
||||
</symbol>
|
||||
<symbol id="patreon" viewBox="0 0 32 32">
|
||||
<path d="m0 0.656v30.7h5.62v-30.7zm20.5 0c-6.35 0-11.5 5.17-11.5 11.5 0 6.33 5.17 11.5 11.5 11.5 6.33 0 11.5-5.15 11.5-11.5 0-6.35-5.15-11.5-11.5-11.5z"/>
|
||||
</symbol>
|
||||
<symbol id="gitter" viewBox="0 0 32 32">
|
||||
<path d="m5.13 0h3.07v20.3h-3.07zm18.7 4.91h3.07v15.4h-3.07zm-12.4 0h3.07v27.1h-3.07zm6.14 0h3.07v27.1h-3.07z" />
|
||||
</symbol>
|
||||
<symbol id="youtube" viewBox="0 0 32 32">
|
||||
<path d="m26.2 4.25c-4.81-0.328-15.5-0.327-20.3 0-5.2 0.355-5.81 3.49-5.85 11.8 0.0387 8.25 0.645 11.4 5.85 11.8 4.8 0.327 15.5 0.328 20.3 0 5.2-0.355 5.81-3.49 5.85-11.8-0.0387-8.25-0.645-11.4-5.85-11.8zm-14.2 17.1v-10.7l10.7 5.32z" />
|
||||
</symbol>
|
||||
<symbol id="medium" viewBox="0 0 32 32">
|
||||
<path d="m0.1 0v32h32v-32zm5.36 7.22h6.23l4.82 10.6 4.23-10.6h5.94v0.361l-1.71 1.64c-0.148 0.113-0.222 0.299-0.191 0.482v12.1c-0.0307 0.183 0.0434 0.37 0.191 0.482l1.68 1.64v0.361h-8.43v-0.361l1.74-1.69c0.171-0.171 0.172-0.222 0.172-0.482v-9.77l-4.83 12.3h-0.652l-5.62-12.3v8.22c-0.0469 0.345 0.0673 0.694 0.311 0.943l2.26 2.74v0.359h-6.4v-0.359l2.26-2.74c0.241-0.25 0.349-0.601 0.291-0.943v-9.5c0.0267-0.264-0.0744-0.524-0.271-0.701l-2.01-2.42z"/>
|
||||
</symbol>
|
||||
<symbol id="menu" viewBox="0 0 32 32">
|
||||
<g class="svg-menu-group">
|
||||
<path class="line line-1" d="m4 8v2h24v-2z" />
|
||||
<path class="line line-2" d="m4 22v2h24v-2z" />
|
||||
<path class="line line-3" d="m4 15v2h24v-2z" />
|
||||
</g>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.2 KiB |
@@ -0,0 +1,866 @@
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
src: local('Jura Regular'), local('Jura-Regular'),
|
||||
url('/static/jura-regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
src: local('Jura Bold'), local('Jura-Bold'),
|
||||
url('/static/jura-bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav,
|
||||
section, summary, ul, li, code, blockquote, .section
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
|
||||
body,
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav,
|
||||
section, summary, ul, li, code, blockquote, img, h1, h2, h3, h4, p
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
height: 100%;
|
||||
color: #192734;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0084ff;
|
||||
transition: color .3s ease-in-out;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #192734;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.invert-decoration,
|
||||
a.no-decoration {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.invert-decoration:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
button, input, textarea {
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
h1, .h1-like {
|
||||
font-family: 'Jura', sans-serif;
|
||||
font-weight: bold;
|
||||
font-size: 2.4em;
|
||||
}
|
||||
|
||||
h2, .h2-like {
|
||||
font-family: 'Jura', sans-serif;
|
||||
font-weight: bold;
|
||||
font-size: 2.0em;
|
||||
}
|
||||
|
||||
|
||||
h3, .h3-like {
|
||||
font-family: 'Jura', sans-serif;
|
||||
font-weight: bold;
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
.icon {
|
||||
display: block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
fill: #192734;
|
||||
transition: fill .3s ease-in-out;
|
||||
}
|
||||
|
||||
a:hover .icon {
|
||||
fill: #0084ff;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: block;
|
||||
display: inline-block;
|
||||
border-radius: 24px;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
border: 2px solid #001121;
|
||||
color: #001121;
|
||||
text-decoration: none;
|
||||
padding: 0 24px;
|
||||
cursor: pointer;
|
||||
transition: color .3s ease-in-out,
|
||||
background-color .3s ease-in-out;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
color: #fafaff;
|
||||
background-color: #001121;
|
||||
}
|
||||
|
||||
|
||||
.dark-bg {
|
||||
color: #fafaff;
|
||||
}
|
||||
|
||||
.dark-bg a {
|
||||
color: #5bd6ff;
|
||||
}
|
||||
|
||||
.dark-bg a:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.dark-bg .button {
|
||||
border: 2px solid #fafaff;
|
||||
color: #fafaff;
|
||||
}
|
||||
|
||||
.dark-bg .button:hover {
|
||||
color: #001121;
|
||||
background-color: #fafaff;
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
.svg-menu-icon .svg-menu-lines ,
|
||||
.svg-menu-icon .svg-menu-cross {
|
||||
transform: rotate(0) translateY(0) translateX(0);
|
||||
transition: transform 0.3s ease-in-out,
|
||||
opacity 0.2s ease-in-out;
|
||||
transform-origin: center center;
|
||||
}
|
||||
|
||||
|
||||
.svg-menu-icon .svg-menu-lines {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.svg-menu-icon .svg-menu-cross {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.menu__switch--opened .svg-menu-lines {
|
||||
transform: rotate(180deg) translateY(0) translateX(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.menu__switch--opened .svg-menu-cross {
|
||||
transform: rotate(180deg) translateY(0) translateX(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
.overlay {
|
||||
min-width: 320px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
fill: #192734;
|
||||
display: block;
|
||||
float: left;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
margin: 12px;
|
||||
}
|
||||
|
||||
.logo__text {
|
||||
font-size: 1.2em;
|
||||
font-weight: normal;
|
||||
color: #47525d;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
margin: 0 88px;
|
||||
min-width: 144px;
|
||||
height: 88px;
|
||||
font-family: 'Jura', sans-serif;
|
||||
}
|
||||
|
||||
.logo__text::before {
|
||||
display: block;
|
||||
width: 1px;
|
||||
height: 28px;
|
||||
margin: 0 auto 4px;
|
||||
background-color: #87929a;
|
||||
content: '';
|
||||
}
|
||||
|
||||
|
||||
.menu {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
transition: margin-top .5s ease-in-out,
|
||||
top .5s ease-in-out,
|
||||
width .5s ease-in-out,
|
||||
left .5s ease-in-out;
|
||||
z-index: 1000;
|
||||
left: -100%;
|
||||
top: 88px;
|
||||
font-family: 'Jura', sans-serif;
|
||||
width: 144px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.menu__switch {
|
||||
display: block;
|
||||
float: right;
|
||||
padding: 13px;
|
||||
margin: 19px;
|
||||
}
|
||||
|
||||
.menu__list a {
|
||||
color: #192734;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
line-height: 30px;
|
||||
transition: color .3s ease-in-out;
|
||||
padding: 18px 0;
|
||||
}
|
||||
|
||||
.menu__list a:hover {
|
||||
color: #0084ff;
|
||||
}
|
||||
|
||||
.menu__list a.active {
|
||||
font-weight: bold;
|
||||
color: #192734;
|
||||
}
|
||||
|
||||
.menu__list a::before {
|
||||
transition: width .3s ease-in-out,
|
||||
margin .3s ease-in-out;
|
||||
|
||||
width: 0;
|
||||
margin: 15px 32px 0 0;
|
||||
content: '';
|
||||
height: 1px;
|
||||
background-color: #87929a;
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.menu__list a:hover::before,
|
||||
.menu__list a.active::before {
|
||||
width: 24px;
|
||||
margin: 15px 8px 0 0;
|
||||
}
|
||||
|
||||
|
||||
.menu__list a.active:before {
|
||||
background-color: #0084ff;
|
||||
}
|
||||
|
||||
|
||||
.menu--visible {
|
||||
left: 0;
|
||||
top: 88px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.no-js .menu {
|
||||
display: block;
|
||||
border-top: 1px solid #b1c3d4;
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.no-js .menu__switch {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.no-js .menu__list a::before {
|
||||
width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
.text-content h1 {
|
||||
padding: 0 0 1em;
|
||||
}
|
||||
|
||||
.text-content h2 {
|
||||
padding: .5em 0;
|
||||
}
|
||||
|
||||
.text-content p {
|
||||
padding: 0 0 1em;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
.main-content {
|
||||
min-width: 320px;
|
||||
}
|
||||
|
||||
.anouncement {
|
||||
max-width: 1366px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.anouncement__bg {
|
||||
background-color: #192634;
|
||||
}
|
||||
|
||||
.anouncement__content{
|
||||
text-align: center;
|
||||
padding: 24px 0;
|
||||
}
|
||||
|
||||
.anouncement__content h1 {
|
||||
color: #ffffff;
|
||||
line-height: 1.2em;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.anouncement__content a {
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.anouncement__overlay {
|
||||
background-color: #ffffff;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
border-bottom: 1px solid #b1c3d4;
|
||||
}
|
||||
|
||||
.anouncement__overlay h1 {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.4em;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.open-solutions {
|
||||
}
|
||||
|
||||
.open-solutions__cell {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.open-solutions__content {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.open-solutions__content h2 {
|
||||
line-height: 40px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.open-solutions__content p {
|
||||
margin: 0 32px;
|
||||
}
|
||||
|
||||
.open-solutions__project {
|
||||
display: block;
|
||||
height: 280px;
|
||||
position: relative;
|
||||
background-color: #f8f8fc;
|
||||
}
|
||||
|
||||
.aisl-project {
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.open-solutions__project h1 {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
top: 140px;
|
||||
line-height: 30px;
|
||||
margin-top: -15px;
|
||||
font-size: 1.8em;
|
||||
}
|
||||
|
||||
.open-solutions__project p {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
top: 200px;
|
||||
transition: opacity .3s ease-in-out,
|
||||
top .3s ease-in-out;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.open-solutions__project:hover p {
|
||||
opacity: 1;
|
||||
top: 175px;
|
||||
}
|
||||
|
||||
.proprietary__info {
|
||||
background-color: #192734;
|
||||
}
|
||||
|
||||
.proprietary__cell {
|
||||
padding: 20px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.proprietary__title {
|
||||
color: #fafaff;
|
||||
}
|
||||
|
||||
.proprietary__text {
|
||||
color: #fafaff;
|
||||
}
|
||||
|
||||
.proprietary__arrow {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 20px solid transparent;
|
||||
border-right: 20px solid transparent;
|
||||
border-top: 20px solid #192734;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.proprietary__customers {
|
||||
padding: 50px 0 0;
|
||||
border-bottom: 1px solid #b1c3d4;
|
||||
}
|
||||
|
||||
.proprietary__customers li {
|
||||
display: block;
|
||||
text-align: center;
|
||||
max-width: 320px;
|
||||
height: 45px;
|
||||
margin: 0 auto 50px;
|
||||
}
|
||||
|
||||
.proprietary__customers img {
|
||||
-webkit-filter: grayscale(100%);
|
||||
filter: grayscale(100%);
|
||||
filter: gray;
|
||||
opacity: .8;
|
||||
width: auto;
|
||||
height: 100%;
|
||||
transition: filter .3s ease-in-out,
|
||||
opacity .3s ease-in-out;
|
||||
}
|
||||
|
||||
.proprietary__customers img:hover {
|
||||
-webkit-filter: grayscale(0%);
|
||||
filter: grayscale(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background-color: #001121;
|
||||
z-index: 0;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.footer__above {
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.footer__logo {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: 70px;
|
||||
left: 0px;
|
||||
z-index: 3000;
|
||||
transform: rotate(-90deg);
|
||||
transform-origin: center center;
|
||||
font-size: 1.6em;
|
||||
text-align: left;
|
||||
line-height: 144px;
|
||||
text-align: left;
|
||||
font-family: 'Jura', sans-serif;
|
||||
}
|
||||
|
||||
.newsletter {
|
||||
padding: 10px 0;
|
||||
width: 300px;
|
||||
margin: 0 auto;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.newsletter__field {
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.newsletter label {
|
||||
font-family: 'Jura', sans-serif;
|
||||
display: block;
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.newsletter__field input {
|
||||
height: 28px;
|
||||
border: 2px solid #192734;
|
||||
padding: 0;
|
||||
line-height: 28px;
|
||||
width:190px;
|
||||
margin: 0;
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 0.9em;
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
.newsletter__field button {
|
||||
height: 32px;
|
||||
border-top: 2px solid #192734;
|
||||
border-right: 2px solid #192734;
|
||||
border-bottom: 2px solid #192734;
|
||||
border-left: 0;
|
||||
font-size: 0.9em;
|
||||
color: #fafaff;
|
||||
width: 90px;
|
||||
background-color: #192734;
|
||||
margin: 0;
|
||||
float: left;
|
||||
display: block;
|
||||
transition: color .3s ease-in-out,
|
||||
background-color .3s ease-in-out;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.newsletter__field button:hover {
|
||||
background-color: #fafaff;
|
||||
color: #192734;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.footer__social {
|
||||
width: 300px;
|
||||
margin: 0 auto;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
.footer__social a {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.footer__social .icon {
|
||||
padding: 13px;
|
||||
}
|
||||
|
||||
.footer__below {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footer__credentials {
|
||||
padding: 10px 0;
|
||||
line-height: 18px;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
}
|
||||
|
||||
.legal {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
.legal__node {
|
||||
float: left;
|
||||
border-left: 1px solid #fafaff;
|
||||
text-align: left;
|
||||
padding: 0 0 0 8px;
|
||||
}
|
||||
|
||||
.legal__first {
|
||||
border-left: none;
|
||||
padding: 0 8px 0 0;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
@media screen and (min-width: 500px) {
|
||||
.anouncement {
|
||||
padding: 10vh 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 600px) {
|
||||
.proprietary__customers {
|
||||
height: 64px;
|
||||
width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.proprietary__customers li {
|
||||
float: left;
|
||||
height: 32px;
|
||||
margin: 0;
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 640px) {
|
||||
|
||||
.anouncement__overlay {
|
||||
border-bottom:0;
|
||||
}
|
||||
|
||||
.open-solutions__cell {
|
||||
float: left;
|
||||
width: 50%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.aisl-project .open-solutions__project {
|
||||
margin: 0 20px 20px 0;
|
||||
}
|
||||
|
||||
.dotrix-project .open-solutions__project {
|
||||
margin: 0 0 20px 20px;
|
||||
}
|
||||
|
||||
.proprietary {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 700px) {
|
||||
|
||||
.proprietary__info {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.proprietary__cell {
|
||||
float: left;
|
||||
height: 200px;
|
||||
width: 33.333%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.proprietary__title {
|
||||
max-width: 320px;
|
||||
margin: 50px auto;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.proprietary__text {
|
||||
display:table-cell;
|
||||
vertical-align:middle;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.proprietary__button {
|
||||
margin-top: 76px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 980px) {
|
||||
|
||||
.menu {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 144px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.menu__switch {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu__list a {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
margin: 0 144px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin: 32px;
|
||||
}
|
||||
|
||||
.logo__text {
|
||||
font-size: 1.6em;
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
height: 144px;
|
||||
margin: 0 144px;
|
||||
}
|
||||
|
||||
.logo__text::before {
|
||||
height: 52px;
|
||||
}
|
||||
|
||||
.anouncement {
|
||||
position: relative;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.anouncement__content{
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
top: 50%;
|
||||
margin-top: -50px;
|
||||
height: 100px;
|
||||
width: 100%;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.anouncement__content h1 {
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.anouncement__overlay {
|
||||
height: 120px;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.anouncement__overlay h1 {
|
||||
line-height: 80px;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
.open-solutions {
|
||||
height: 320px;
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.open-solutions__content h2 {
|
||||
padding: 20px 0 20px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
height: 300px;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.footer__above {
|
||||
margin-left: 140px;
|
||||
height: 160px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.footer__logo {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.newsletter {
|
||||
margin: 0px 0 0 32px;
|
||||
padding: 32px 0 0;
|
||||
}
|
||||
|
||||
.footer__social {
|
||||
position: absolute;
|
||||
top: 55px;
|
||||
right: 140px;
|
||||
}
|
||||
|
||||
.footer__credentials {
|
||||
margin: 64px auto 0;
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
float: left;
|
||||
margin: 0 32px 0 0;
|
||||
}
|
||||
|
||||
.legal {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1280px) {
|
||||
.open-solutions__cell {
|
||||
width: 33.333%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.open-solutions__content {
|
||||
width: 33.333%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1600px) {
|
||||
.proprietary__title {
|
||||
line-height: 200px;
|
||||
margin: 0 auto;
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-height: 640px) {
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 980px) and (min-height: 640px){
|
||||
.logo {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.menu {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 0px;
|
||||
z-index: 1000;
|
||||
margin-top: -184px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 980px) and (min-height: 800px){
|
||||
.menu {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 0px;
|
||||
z-index: 1000;
|
||||
margin-top: -90px;
|
||||
}
|
||||
}
|
||||
|
||||
.text-content {
|
||||
max-width: 840px;
|
||||
margin: 0 auto;
|
||||
padding: 0 0 1em;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
Reference in New Issue
Block a user