From 0d634f1d527984174628066e1ddbc77ed923ae3a Mon Sep 17 00:00:00 2001 From: Markus Tacker Date: Wed, 4 Apr 2012 17:16:26 +0200 Subject: [PATCH] Externe Profile floaten. --- htdocs/assets/css/complete-min.css | 2 +- htdocs/css/style.css | 17 ++ htdocs/index.html | 400 ++++++++++++++--------------- 3 files changed, 208 insertions(+), 211 deletions(-) diff --git a/htdocs/assets/css/complete-min.css b/htdocs/assets/css/complete-min.css index 064b28e..3abe196 100644 --- a/htdocs/assets/css/complete-min.css +++ b/htdocs/assets/css/complete-min.css @@ -1 +1 @@ -/*! normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}body,button,input,select,textarea{font-family:sans-serif}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin-left:0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html{background-color:#646464;color:#e0e0e0}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Trebuchet MS","Verdana",sans-serif;text-shadow:1px 1px 1px #111}h1,h2,h3{font-family:'Volkhov',serif;margin:0}h1{background-image:url("../img/header.png");background-repeat:no-repeat;background-size:100%;background-position:0 50%;display:inline-block;text-indent:-9000px}h3{font-size:1em}a{color:#389efc;text-decoration:none}hr{border:0;border-bottom:1px dotted #666}nav{min-height:30px;font-family:"Trebuchet MS","Verdana",sans-serif;width:100%;text-align:center;text-shadow:1px 1px 2px #111;background:#111;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzQ2NDU0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzU4NTg1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MDcyYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#111),color-stop(10%,#464546),color-stop(90%,#585858),color-stop(100%,#6072ad));background:-webkit-linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);background:-o-linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);background:-ms-linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);background:linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#111111',endColorstr = '#6072ad',GradientType = 0);border-bottom:1px solid #389efc}nav a{padding:0 1em;line-height:30px}header{background:#111;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzQ2NDU0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzU4NTg1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MDcyYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#111),color-stop(10%,#464546),color-stop(90%,#585858),color-stop(100%,#6072ad));background:-webkit-linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);background:-o-linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);background:-ms-linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);background:linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#111111',endColorstr = '#6072ad',GradientType = 0);border-bottom:1px solid #389efc;text-align:center}#main{background:#152c74;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1MmM3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjMTExMTExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY0NjQ2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top,#152c74 0,#111 3%,#646464 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#152c74),color-stop(3%,#111),color-stop(100%,#646464));background:-webkit-linear-gradient(top,#152c74 0,#111 3%,#646464 100%);background:-o-linear-gradient(top,#152c74 0,#111 3%,#646464 100%);background:-ms-linear-gradient(top,#152c74 0,#111 3%,#646464 100%);background:linear-gradient(top,#152c74 0,#111 3%,#646464 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#152c74',endColorstr = '#646464',GradientType = 0)}#content{max-width:1000px;margin:0 auto}.box{border-radius:5px;border:1px solid #111;box-shadow:3px 3px 8px #111}.boxtitle{border-bottom:1px solid #389efc;text-shadow:1px 1px 2px #111;border-top-left-radius:5px;border-top-right-radius:5px;padding:.25em .5em;background:#555;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MDcyYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#555 0,#333 90%,#6072ad 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#555),color-stop(90%,#333),color-stop(100%,#6072ad));background:-webkit-linear-gradient(top,#555 0,#333 90%,#6072ad 100%);background:-o-linear-gradient(top,#555 0,#333 90%,#6072ad 100%);background:-ms-linear-gradient(top,#555 0,#333 90%,#6072ad 100%);background:linear-gradient(top,#555 0,#333 90%,#6072ad 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#555555',endColorstr = '#6072ad',GradientType = 0)}.boxbody{padding:.5em 1em;background:#152c74;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1MmM3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjMTExMTExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top,#152c74 0,#111 3%,#333 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#152c74),color-stop(3%,#111),color-stop(100%,#333));background:-webkit-linear-gradient(top,#152c74 0,#111 3%,#333 100%);background:-o-linear-gradient(top,#152c74 0,#111 3%,#333 100%);background:-ms-linear-gradient(top,#152c74 0,#111 3%,#333 100%);background:linear-gradient(top,#152c74 0,#111 3%,#333 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#152c74',endColorstr = '#333333',GradientType = 0);border-bottom-left-radius:5px;border-bottom-right-radius:5px}img.me{float:right;width:40%;max-width:332px;margin:1em 0 1em 1em;border:1px solid #389efc;box-shadow:3px 3px 8px #111}footer{font-size:.75em;color:#999;text-align:center;line-height:1em}.icon{background:transparent url(../img/icons.png) no-repeat;display:inline-block;width:16px;height:16px;vertical-align:middle;text-indent:-9000px}.icon+a{margin-left:4px}dl.icons dt{display:none}dl.icons dd{margin-left:0}ul.icons{list-style:none;padding:0}.icon-tckrcc{background-position:0 0}.icon-twitter{background-position:0 -16px}.icon-amazon{background-position:0 -32px}.icon-phone{background-position:0 -48px}.icon-gplus{background-position:0 -64px}.icon-tackerorg{background-position:0 -80px}.icon-ted{background-position:0 -96px}.icon-link{background-position:0 -112px}.icon-coderbyheart{background-position:0 -128px}.icon-qrcode{background-position:0 -144px}.icon-tedx{background-position:0 -160px}.icon-xing{background-position:0 -176px}.icon-linkedin{background-position:0 -192px}.icon-flickr{background-position:0 -208px}.icon-youtube{background-position:0 -224px}.icon-lastfm{background-position:0 -240px}.icon-pear{background-position:0 -256px}.icon-markusstudiert{background-position:0 -272px}.icon-github{background-position:0 -288px}.icon-delicious{background-position:0 -304px}.icon-foursquare{background-position:0 -320px}.icon-retext{background-position:0 -336px}.icon-qype{background-position:0 -352px}.icon-mail{background-position:0 -368px}.hidden{display:none;visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}@media screen{article{margin-top:5%;margin-bottom:2%}aside{margin-bottom:2%}#main{padding-top:2%}header{display:none}}@media screen and (min-width:600px){nav{display:none}#main{padding-top:2em}aside{width:38%;float:left;margin-left:1%;margin-right:1%;max-width:400px}article{margin-top:0;width:59%;float:left;margin-right:1%;max-width:600px}h1{width:563px;height:127px}header{display:block;min-height:127px}} \ No newline at end of file +/*! normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}body,button,input,select,textarea{font-family:sans-serif}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin-left:0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html{background-color:#646464;color:#e0e0e0}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Trebuchet MS","Verdana",sans-serif;text-shadow:1px 1px 1px #111}h1,h2,h3{font-family:'Volkhov',serif;margin:0}h1{background-image:url("../img/header.png");background-repeat:no-repeat;background-size:100%;background-position:0 50%;display:inline-block;text-indent:-9000px}h3{font-size:1em}a{color:#389efc;text-decoration:none}hr{border:0;border-bottom:1px dotted #666}hr+p{margin:0}nav{min-height:30px;font-family:"Trebuchet MS","Verdana",sans-serif;width:100%;text-align:center;text-shadow:1px 1px 2px #111;background:#111;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzQ2NDU0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzU4NTg1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MDcyYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#111),color-stop(10%,#464546),color-stop(90%,#585858),color-stop(100%,#6072ad));background:-webkit-linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);background:-o-linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);background:-ms-linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);background:linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#111111',endColorstr = '#6072ad',GradientType = 0);border-bottom:1px solid #389efc}nav a{padding:0 1em;line-height:30px}header{background:#111;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzQ2NDU0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzU4NTg1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MDcyYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#111),color-stop(10%,#464546),color-stop(90%,#585858),color-stop(100%,#6072ad));background:-webkit-linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);background:-o-linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);background:-ms-linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);background:linear-gradient(top,#111 0,#464546 10%,#585858 90%,#6072ad 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#111111',endColorstr = '#6072ad',GradientType = 0);border-bottom:1px solid #389efc;text-align:center}#main{background:#152c74;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1MmM3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjMTExMTExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY0NjQ2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top,#152c74 0,#111 3%,#646464 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#152c74),color-stop(3%,#111),color-stop(100%,#646464));background:-webkit-linear-gradient(top,#152c74 0,#111 3%,#646464 100%);background:-o-linear-gradient(top,#152c74 0,#111 3%,#646464 100%);background:-ms-linear-gradient(top,#152c74 0,#111 3%,#646464 100%);background:linear-gradient(top,#152c74 0,#111 3%,#646464 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#152c74',endColorstr = '#646464',GradientType = 0)}#content{max-width:1000px;margin:0 auto}.box{border-radius:5px;border:1px solid #111;box-shadow:3px 3px 8px #111}.boxtitle{border-bottom:1px solid #389efc;text-shadow:1px 1px 2px #111;border-top-left-radius:5px;border-top-right-radius:5px;padding:.25em .5em;background:#555;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MDcyYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#555 0,#333 90%,#6072ad 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#555),color-stop(90%,#333),color-stop(100%,#6072ad));background:-webkit-linear-gradient(top,#555 0,#333 90%,#6072ad 100%);background:-o-linear-gradient(top,#555 0,#333 90%,#6072ad 100%);background:-ms-linear-gradient(top,#555 0,#333 90%,#6072ad 100%);background:linear-gradient(top,#555 0,#333 90%,#6072ad 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#555555',endColorstr = '#6072ad',GradientType = 0)}.boxbody{padding:.5em 1em;background:#152c74;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1MmM3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjMTExMTExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top,#152c74 0,#111 3%,#333 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#152c74),color-stop(3%,#111),color-stop(100%,#333));background:-webkit-linear-gradient(top,#152c74 0,#111 3%,#333 100%);background:-o-linear-gradient(top,#152c74 0,#111 3%,#333 100%);background:-ms-linear-gradient(top,#152c74 0,#111 3%,#333 100%);background:linear-gradient(top,#152c74 0,#111 3%,#333 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#152c74',endColorstr = '#333333',GradientType = 0);border-bottom-left-radius:5px;border-bottom-right-radius:5px}img.me{float:right;width:40%;max-width:332px;margin:1em 0 1em 1em;border:1px solid #389efc;box-shadow:3px 3px 8px #111}footer{font-size:.75em;color:#999;text-align:center;line-height:1em}.icon{background:transparent url(../img/icons.png) no-repeat;display:inline-block;width:16px;height:16px;vertical-align:middle;text-indent:-9000px}.icon+a{margin-left:4px}dl.icons dt{display:none}dl.icons dd{margin-left:0}ul.f li{float:left;text-align:center}ul.icons{list-style:none;padding:0}ul.icons.f-1-3 li{width:33%}ul.icons.f-1-4 li{width:25%}.icon-tckrcc{background-position:0 0}.icon-twitter{background-position:0 -16px}.icon-amazon{background-position:0 -32px}.icon-phone{background-position:0 -48px}.icon-gplus{background-position:0 -64px}.icon-tackerorg{background-position:0 -80px}.icon-ted{background-position:0 -96px}.icon-link{background-position:0 -112px}.icon-coderbyheart{background-position:0 -128px}.icon-qrcode{background-position:0 -144px}.icon-tedx{background-position:0 -160px}.icon-xing{background-position:0 -176px}.icon-linkedin{background-position:0 -192px}.icon-flickr{background-position:0 -208px}.icon-youtube{background-position:0 -224px}.icon-lastfm{background-position:0 -240px}.icon-pear{background-position:0 -256px}.icon-markusstudiert{background-position:0 -272px}.icon-github{background-position:0 -288px}.icon-delicious{background-position:0 -304px}.icon-foursquare{background-position:0 -320px}.icon-retext{background-position:0 -336px}.icon-qype{background-position:0 -352px}.icon-mail{background-position:0 -368px}.hidden{display:none;visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}@media screen{article{margin-top:5%;margin-bottom:2%}aside{margin-bottom:2%}#main{padding-top:2%}header{display:none}}@media screen and (min-width:600px){nav{display:none}#main{padding-top:2em}aside{width:38%;float:left;margin-left:1%;margin-right:1%;max-width:400px}article{margin-top:0;width:59%;float:left;margin-right:1%;max-width:600px}h1{width:563px;height:127px}header{display:block;min-height:127px}} \ No newline at end of file diff --git a/htdocs/css/style.css b/htdocs/css/style.css index 9e2147e..a3679ee 100644 --- a/htdocs/css/style.css +++ b/htdocs/css/style.css @@ -44,6 +44,10 @@ hr { border-bottom: 1px dotted #666; } +hr + p { + margin: 0; +} + a.internal { } @@ -178,11 +182,24 @@ dl.icons dd { margin-left: 0; } +ul.f li { + float: left; + text-align: center; +} + ul.icons { list-style: none; padding: 0; } +ul.icons.f-1-3 li { + width: 33%; +} + +ul.icons.f-1-4 li { + width: 25%; +} + .icon-tckrcc { background-position: 0 0; } diff --git a/htdocs/index.html b/htdocs/index.html index 196e848..f04c07e 100644 --- a/htdocs/index.html +++ b/htdocs/index.html @@ -1,214 +1,194 @@ - - - - Markus Tacker - - - - - - - - - -
-

Markus Tacker

-
-
-
- - -
-

Über mich

- -
- - Markus Tacker - -

Dank einer Ausbildung mit Schwerpunkt - Gestaltung, langjähriger Berufserfahrung als Angestellter und Selbständiger sowie dem Studium der - Medieninformatik an der Hochschule RheinMain kann ich den Bogen zwischen Design und Technik, - Konzept und Realisierung schlagen und in der Projektarbeit tiefgreifendes fachliches Know-How zu - komplexen, internetbasierten Anwendungen zum Einsatz bringen.

- -

Neben meinem Studium arbeite ich als coder::by(♥); - frei für Agenturen und mittelständische Unternehmen. Dort übernehme ich neben der Konzeption und - Realisierung von komplexen Webanwendungen auch die technische Projektleitung.

- -

In diesem Jahr werde ich mein Medieninformatik-Studium abschließen und anschließend re:text entwickeln, einen Dienst, der den Workflow rund um - Texte in Informations- und Kommunikationsmedien organisiert und nachvollziehbar macht.

- -

Wenn ich Zeit habe, mache ich ab und zu Fotos. Ich koche gerne und fahre noch lieber in den Urlaub. - Mich interessiert eigentlich alles, was sich in Bits formen lässt und „unter der Haube“ von - Webanwendungen passiert. Gelegentlich kümmere ich mich um meine Pakete bei - - und engagiere mich seit diesem Jahr bei der Organisiation der - . -

- - - -
-
Blog
-
In meinem privaten Blog schreibe ich zu vor allem über Urlaub, Kino und Kochen.
-
Markus - studiert!
-
Hier schreibe ich über meine Studium der Medieninformatik an der Hochschule RheinMain.
-
flickr -
-
Meine Fotos finden sich hier.
-
- Amazon - Wunschliste
-
Große und kleine Dinge, die mir noch fehlen…
-
- -

Meine weiteren Profile im Netz:

- - - + + + Markus Tacker + + + + + + + + + +
+

Markus Tacker

+
+
+
+ +
+

Über mich

+ +
+ Markus Tacker + +

Dank einer Ausbildung mit Schwerpunkt Gestaltung, langjähriger Berufserfahrung als Angestellter und Selbständiger sowie dem Studium der Medieninformatik an der Hochschule RheinMain kann ich den Bogen zwischen Design und Technik, Konzept und Realisierung schlagen und in der Projektarbeit tiefgreifendes fachliches Know-How zu komplexen, internetbasierten Anwendungen zum Einsatz bringen.

+ +

Neben meinem Studium arbeite ich als + coder::by(♥); frei für Agenturen und mittelständische Unternehmen. Dort übernehme ich neben der Konzeption und Realisierung von komplexen Webanwendungen auch die technische Projektleitung. +

+ +

In diesem Jahr werde ich mein Medieninformatik-Studium abschließen und anschließend + re:text entwickeln, einen Dienst, der den Workflow rund um Texte in Informations- und Kommunikationsmedien organisiert und nachvollziehbar macht. +

+ +

Wenn ich Zeit habe, mache ich ab und zu Fotos. Ich koche gerne und fahre noch lieber in den Urlaub. Mich interessiert eigentlich alles, was sich in Bits formen lässt und „unter der Haube“ von Webanwendungen passiert. Gelegentlich kümmere ich mich um meine Pakete bei + + + und engagiere mich seit diesem Jahr bei der Organisiation der + + + . +

+ + +
+
+ Blog +
+
In meinem privaten Blog schreibe ich zu vor allem über Urlaub, Kino und Kochen.
+
+ Markus studiert! +
+
Hier schreibe ich über meine Studium der Medieninformatik an der Hochschule RheinMain.
+
+ flickr +
+
Meine Fotos finden sich hier.
+
+ Amazon Wunschliste +
+
Große und kleine Dinge, die mir noch fehlen…
+
+

Meine weiteren Profile im Netz:

+ +
+
+
+
-
- -
-
-
- - - + + + +