diff --git a/images/arrow-down.png b/images/arrow-down.png new file mode 100644 index 0000000..5c55c6a Binary files /dev/null and b/images/arrow-down.png differ diff --git a/images/octocat-small.png b/images/octocat-small.png new file mode 100644 index 0000000..57c1e44 Binary files /dev/null and b/images/octocat-small.png differ diff --git a/index.html b/index.html index 36ef0ef..3ba946c 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,8 @@ - + + @@ -15,17 +16,18 @@
-

M.i.t.r.o.s.t.z.i.a.v.a.r.a.s

-

multimitros.blogspot.gr

- -

View the Project on GitHub mitros1973/m.i.t.r.o.s.t.z.i.a.v.a.r.a.s

- +

M.i.t.r.o.s.t.z.i.a.v.a.r.a.s

+

https://multimitros.blogspot.gr

+ +

This project is maintained by mitros1973

+ +

mitrostziavarashttps://multimitros.blogspot.gr### Welcome to GitHub Pages. @@ -53,11 +55,10 @@

https://photos.google.com/./photo/AF1QipP0zaHVkFabDd7X2Yx_vgels5orl99vn7WEe6Eu

- - + + diff --git a/javascripts/scale.fix.js b/javascripts/scale.fix.js index 87a40ca..08716c0 100644 --- a/javascripts/scale.fix.js +++ b/javascripts/scale.fix.js @@ -1,17 +1,20 @@ -var metas = document.getElementsByTagName('meta'); -var i; -if (navigator.userAgent.match(/iPhone/i)) { - for (i=0; i` element will link to the contributor’s GitHub Profile. For example: In 2007, Chris Wanstrath (@defunkt), PJ Hyett (@pjhyett), and Tom Preston-Werner (@mojombo) founded GitHub.\r\n\r\n### Support or Contact\r\nHaving trouble with Pages? Check out our [documentation](https://help.github.com/pages) or [contact support](https://github.com/contact) and we’ll help you sort it out.\r\nhttps://photos.google.com/./photo/AF1QipP0zaHVkFabDd7X2Yx_vgels5orl99vn7WEe6Eu", "note": "Don't delete this file! It's used internally to help with page regeneration." } \ No newline at end of file diff --git a/stylesheets/styles.css b/stylesheets/styles.css index 2e1768e..647f08d 100644 --- a/stylesheets/styles.css +++ b/stylesheets/styles.css @@ -1,251 +1,338 @@ -@font-face { - font-family: 'Noto Sans'; - font-weight: 400; - font-style: normal; - src: url('../fonts/Noto-Sans-regular/Noto-Sans-regular.eot'); - src: url('../fonts/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix') format('embedded-opentype'), - local('Noto Sans'), - local('Noto-Sans-regular'), - url('../fonts/Noto-Sans-regular/Noto-Sans-regular.woff2') format('woff2'), - url('../fonts/Noto-Sans-regular/Noto-Sans-regular.woff') format('woff'), - url('../fonts/Noto-Sans-regular/Noto-Sans-regular.ttf') format('truetype'), - url('../fonts/Noto-Sans-regular/Noto-Sans-regular.svg#NotoSans') format('svg'); -} - -@font-face { - font-family: 'Noto Sans'; - font-weight: 700; - font-style: normal; - src: url('../fonts/Noto-Sans-700/Noto-Sans-700.eot'); - src: url('../fonts/Noto-Sans-700/Noto-Sans-700.eot?#iefix') format('embedded-opentype'), - local('Noto Sans Bold'), - local('Noto-Sans-700'), - url('../fonts/Noto-Sans-700/Noto-Sans-700.woff2') format('woff2'), - url('../fonts/Noto-Sans-700/Noto-Sans-700.woff') format('woff'), - url('../fonts/Noto-Sans-700/Noto-Sans-700.ttf') format('truetype'), - url('../fonts/Noto-Sans-700/Noto-Sans-700.svg#NotoSans') format('svg'); -} - -@font-face { - font-family: 'Noto Sans'; - font-weight: 400; - font-style: italic; - src: url('../fonts/Noto-Sans-italic/Noto-Sans-italic.eot'); - src: url('../fonts/Noto-Sans-italic/Noto-Sans-italic.eot?#iefix') format('embedded-opentype'), - local('Noto Sans Italic'), - local('Noto-Sans-italic'), - url('../fonts/Noto-Sans-italic/Noto-Sans-italic.woff2') format('woff2'), - url('../fonts/Noto-Sans-italic/Noto-Sans-italic.woff') format('woff'), - url('../fonts/Noto-Sans-italic/Noto-Sans-italic.ttf') format('truetype'), - url('../fonts/Noto-Sans-italic/Noto-Sans-italic.svg#NotoSans') format('svg'); -} - -@font-face { - font-family: 'Noto Sans'; - font-weight: 700; - font-style: italic; - src: url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot'); - src: url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot?#iefix') format('embedded-opentype'), - local('Noto Sans Bold Italic'), - local('Noto-Sans-700italic'), - url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2') format('woff2'), - url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff') format('woff'), - url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf') format('truetype'), - url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg#NotoSans') format('svg'); +@import url(https://fonts.googleapis.com/css?family=Arvo:400,700,400italic); + +/* MeyerWeb Reset */ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font: inherit; + vertical-align: baseline; } + +/* Base text styles */ + body { - background-color: #fff; - padding:50px; - font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - color:#727272; - font-weight:400; + padding:10px 50px 0 0; + font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + color: #232323; + background-color: #FBFAF7; + margin: 0; + line-height: 1.8em; + -webkit-font-smoothing: antialiased; + } h1, h2, h3, h4, h5, h6 { - color:#222; - margin:0 0 20px; + color:#232323; + margin:36px 0 10px; } -p, ul, ol, table, pre, dl { - margin:0 0 20px; +p, ul, ol, table, dl { + margin:0 0 22px; } h1, h2, h3 { - line-height:1.1; + font-family: Arvo, Monaco, serif; + line-height:1.3; + font-weight: normal; +} + +h1,h2, h3 { + display: block; + border-bottom: 1px solid #ccc; + padding-bottom: 5px; } h1 { - font-size:28px; + font-size: 30px; } h2 { - color:#393939; + font-size: 24px; } -h3, h4, h5, h6 { - color:#494949; +h3 { + font-size: 18px; +} + +h4, h5, h6 { + font-family: Arvo, Monaco, serif; + font-weight: 700; } a { - color:#39c; + color:#C30000; + font-weight:200; text-decoration:none; } a:hover { - color:#069; + text-decoration: underline; } a small { - font-size:11px; - color:#777; - margin-top:-0.3em; - display:block; + font-size: 12px; } -a:hover small { - color:#777; +em { + font-style: italic; } -.wrapper { - width:860px; - margin:0 auto; +strong { + font-weight:700; +} + +ul { + list-style-position: inside; + list-style: disc; + padding-left: 25px; +} + +ol { + list-style-position: inside; + list-style: decimal; + padding-left: 25px; } blockquote { - border-left:1px solid #e5e5e5; - margin:0; - padding:0 0 0 20px; - font-style:italic; + margin: 0; + padding: 0 0 0 20px; + font-style: italic; +} + +dl, dt, dd, dl p { + font-color: #444; +} + +dl dt { + font-weight: bold; +} + +dl dd { + padding-left: 20px; + font-style: italic; +} + +dl p { + padding-left: 20px; + font-style: italic; +} + +hr { + border:0; + background:#ccc; + height:1px; + margin:0 0 24px; +} + +/* Images */ + +img { + position: relative; + margin: 0 auto; + max-width: 650px; + padding: 5px; + margin: 10px 0 32px 0; + border: 1px solid #ccc; +} + +p img { + display: inline; + margin: 0; + padding: 0; + vertical-align: middle; + text-align: center; + border: none; } +/* Code blocks */ + code, pre { - font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace; - color:#333; - font-size:12px; + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; + color:#000; + font-size:14px; } pre { - padding:8px 15px; - background: #f8f8f8; - border-radius:5px; - border:1px solid #e5e5e5; - overflow-x: auto; + padding: 4px 12px; + background: #FDFEFB; + border-radius:4px; + border:1px solid #D7D8C8; + overflow: auto; + overflow-y: hidden; + margin-bottom: 32px; } + +/* Tables */ + table { width:100%; - border-collapse:collapse; -} - -th, td { - text-align:left; - padding:5px 10px; - border-bottom:1px solid #e5e5e5; } -dt { - color:#444; - font-weight:700; -} +table { + border: 1px solid #ccc; + margin-bottom: 32px; + text-align: left; + } th { - color:#444; -} + font-family: 'Arvo', Helvetica, Arial, sans-serif; + font-size: 18px; + font-weight: normal; + padding: 10px; + background: #232323; + color: #FDFEFB; + } -img { - max-width:100%; +td { + padding: 10px; + background: #ccc; + } + + +/* Wrapper */ +.wrapper { + width:960px; } + +/* Header */ + header { - width:270px; + background-color: #171717; + color: #FDFDFB; + width:170px; float:left; position:fixed; - -webkit-font-smoothing:subpixel-antialiased; + border: 1px solid #000; + -webkit-border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-topright: 4px; + -moz-border-radius-bottomright: 4px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + padding: 34px 25px 22px 50px; + margin: 30px 25px 0 0; + -webkit-font-smoothing: antialiased; } -header ul { - list-style:none; - height:40px; - padding:0; - background: #f4f4f4; - border-radius:5px; - border:1px solid #e0e0e0; - width:270px; +p.header { + font-size: 16px; } -header li { - width:89px; - float:left; - border-right:1px solid #e0e0e0; - height:40px; +h1.header { + font-family: Arvo, sans-serif; + font-size: 30px; + font-weight: 300; + line-height: 1.3em; + border-bottom: none; + margin-top: 0; } -header li:first-child a { - border-radius:5px 0 0 5px; + +h1.header, a.header, a.name, header a{ + color: #fff; } -header li:last-child a { - border-radius:0 5px 5px 0; +a.header { + text-decoration: underline; } -header ul a { - line-height:1; - font-size:11px; - color:#999; - display:block; - text-align:center; - padding-top:6px; - height:34px; +a.name { + white-space: nowrap; } -header ul a:hover { - color:#999; +header ul { + list-style:none; + padding:0; } -header ul a:active { - background-color:#f0f0f0; +header li { + list-style-type: none; + width:132px; + height:15px; + margin-bottom: 12px; + line-height: 1em; + padding: 6px 6px 6px 7px; + + background: #AF0011; + background: -moz-linear-gradient(top, #AF0011 0%, #820011 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd)); + background: -webkit-linear-gradient(top, #AF0011 0%,#820011 100%); + background: -o-linear-gradient(top, #AF0011 0%,#820011 100%); + background: -ms-linear-gradient(top, #AF0011 0%,#820011 100%); + background: linear-gradient(top, #AF0011 0%,#820011 100%); + + border-radius:4px; + border:1px solid #0D0D0D; + + -webkit-box-shadow: inset 0px 1px 1px 0 rgba(233,2,38, 1); + box-shadow: inset 0px 1px 1px 0 rgba(233,2,38, 1); + } -strong { - color:#222; - font-weight:700; +header li:hover { + background: #C3001D; + background: -moz-linear-gradient(top, #C3001D 0%, #950119 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd)); + background: -webkit-linear-gradient(top, #C3001D 0%,#950119 100%); + background: -o-linear-gradient(top, #C3001D 0%,#950119 100%); + background: -ms-linear-gradient(top, #C3001D 0%,#950119 100%); + background: linear-gradient(top, #C3001D 0%,#950119 100%); } -header ul li + li + li { - border-right:none; - width:89px; +a.buttons { + -webkit-font-smoothing: antialiased; + background: url(../images/arrow-down.png) no-repeat; + font-weight: normal; + text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0; + padding: 2px 2px 2px 22px; + height: 30px; } -header ul a strong { - font-size:14px; - display:block; - color:#222; +a.github { + background: url(../images/octocat-small.png) no-repeat 1px; +} + +a.buttons:hover { + color: #fff; + text-decoration: none; } + +/* Section - for main page content */ + section { - width:500px; + width:650px; float:right; padding-bottom:50px; } -small { - font-size:11px; -} -hr { - border:0; - background:#e5e5e5; - height:1px; - margin:0 0 20px; -} +/* Footer */ footer { - width:270px; + width:170px; float:left; position:fixed; - bottom:50px; - -webkit-font-smoothing:subpixel-antialiased; + bottom:10px; + padding-left: 50px; } @media print, screen and (max-width: 960px) { @@ -261,14 +348,18 @@ footer { width:auto; } + footer { + border-top: 1px solid #ccc; + margin:0 84px 0 50px; + padding:0; + } + header { padding-right:320px; } section { - border:1px solid #e5e5e5; - border-width:1px 0; - padding:20px 0; + padding:20px 84px 20px 50px; margin:0 0 20px; } @@ -278,8 +369,8 @@ footer { header ul { position:absolute; - right:50px; - top:52px; + right:130px; + top:84px; } } @@ -289,30 +380,38 @@ footer { } header { - padding:0; + padding:10px 20px 0; + margin-right: 0; } - header ul, header p.view { - position:static; + section { + padding:10px 0 10px 20px; + margin:0 0 30px; } - pre, code { - word-wrap:normal; + footer { + margin: 0 0 0 30px; + } + + header ul, header p.view { + position:static; } } @media print, screen and (max-width: 480px) { - body { - padding:15px; - } - header ul { - width:99%; + header ul li.download { + display:none; } - header li, header ul li + li + li { - width:33%; - } + footer { + margin: 0 0 0 20px; + } + + footer a{ + display:block; + } + } @media print { @@ -321,4 +420,4 @@ footer { font-size:12pt; color:#444; } -} +} \ No newline at end of file