Difference between revisions of "Template:KU Leuven/research/idea/css"

 
(40 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
}
 
}
  
−
/*********************/
+
h4 {
−
/*      PAGES      */
+
    font-size:1em;
−
/********************/
+
text-align:left
  
−
/* in this section the parts of the page are defined in space and background */
 
−
 
−
.main-nav {
 
−
    position:fixed;
 
−
    width:100%;
 
−
    height: 30px;
 
−
    top: 17px;
 
−
    left:0;
 
−
    display: block;
 
−
    background-color: #ddd1b8;
 
−
    z-index: 5;
 
 
}
 
}
−
 
−
.subsections {
 
−
    position: relative;
 
−
    display: block;
 
−
    top:0;
 
−
    width:90%;
 
−
    height:auto;
 
−
    padding:5% 5% 0% 5%;
 
−
    opacity:0.95;
 
−
    background-color: #f3efe7; 
 
−
}
 
−
 
−
 
−
#footer {
 
−
    opacity:0.95;
 
−
    position:relative;
 
−
    display: block;
 
−
    height:250px;
 
−
    width:100%;
 
−
    background-color: #f3efe7;
 
−
}
 
−
 
 
/*********************/
 
/*********************/
 
/*    Summary      */
 
/*    Summary      */
Line 83: Line 50:
 
     box-shadow: 0px 0px 10px 10px #f3efe7;
 
     box-shadow: 0px 0px 10px 10px #f3efe7;
 
     height:auto;
 
     height:auto;
−
}
 
−
 
−
.summarytext1 {
 
−
    min-height:43%;
 
−
}
 
−
 
−
.summarytext2 {
 
−
    height:68%;
 
−
}
 
−
 
−
.summarytext3 {
 
−
    height:8%;
 
 
}
 
}
  
Line 153: Line 108:
 
}
 
}
  
−
/*********************/
 
−
/* subsections references */
 
−
/*********************/
 
  
−
.subsectionwrapper {
+
#image1{
−
    display:table;
+
position:relative;
−
    table-layout: fixed;
+
width:50%;
−
    width:70%;
+
−
    margin:auto;
+
 
}
 
}
  
−
.subimgrow, .subtextrow {
+
#image2{
−
    display: table-row;
+
position:relative;
−
    width:15%;
+
width:80%;
−
    vertical-align:top;
+
−
    wrap-text: normal;
+
−
    color: #808080;
+
−
    font-family: 'Handlee';
+
 
}
 
}
  
−
.whitespace {
+
#image3{
−
    display: table-cell;
+
position:relative;
−
    width:20px;
+
width:40%;
 
}
 
}
  
−
.subimg, .subtext {
+
#image4{
−
    display: table-cell;
+
position:relative;
 +
width:70%;
 
}
 
}
  
−
.subtext p {
 
−
    margin:5% 0%;
 
−
}
 
  
−
.readmorebutton {
+
@media screen and (max-width: 1000px) {
−
    display: table-cell;
+
−
    text-align:left;
+
−
    margin:5% 0%;
+
−
}
+
  
−
.enhance{
+
.part {
−
     display: none;
+
     position:relative;  
−
     position:absolute;
+
     height:90%;
−
     width:100%;
+
     width:95%;
−
     height:100%;
+
     padding:5% 0%;
−
     background-color: white;
+
     left:2.5%;
−
}
+
     top:20px;
−
.img{
+
−
    position:absolute;
+
−
     width:20%;
+
 
     align:center;
 
     align:center;
−
  }
+
}
−
 
+
−
$(document).ready(function() {
+
  
−
/* This is basic - uses default settings */
+
}
−
+
−
$("a#single_image").fancybox();
+
−
+
−
/* Using custom settings */
+
−
+
−
$("a#inline").fancybox({
+
−
'hideOnContentClick': true
+
−
});
+
−
 
+
−
/* Apply fancybox to multiple items */
+
−
+
−
$("a.group").fancybox({
+
−
'transitionIn' : 'elastic',
+
−
'transitionOut' : 'elastic',
+
−
'speedIn' : 600,
+
−
'speedOut' : 200,
+
−
'overlayShow' : false
+
−
});
+
−
+
−
});
+
−
 
+
−
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]) {display:none;height:0}[hidden]{display:none}html{background:#fff;color:#000;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:'\201C' '\201D' '\2018' '\2019'}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root) {overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,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}.hljs{display:block;background:#fff;padding:.5em;color:#333;overflow-x:auto}.hljs-comment{color:#969896}.bash .hljs-shebang{color:#969896}.bash .hljs-literal{color:#0086b3}.bash .hljs-built_in{color:#0086b3}.bash .hljs-variable{color:#333}.bash .hljs-title{color:#795da3}.java .hljs-javadoc{color:#969896}.java .hljs-javadoctag{color:#a71d5d}.java .hljs-number{color:#0086b3}.java .hljs-title{color:#795da3}.javascript .hljs-javadoc{color:#969896}.javascript .hljs-regexp{color:#df5000}.javascript .hljs-tag{color:#a71d5d}.javascript .hljs-tag .hljs-title{color:#333}.javascript .hljs-javadoctag{color:#a71d5d}.javascript .hljs-built_in{color:#0086b3}.javascript .hljs-literal{color:#0086b3}.javascript .hljs-number{color:#0086b3}.javascript .hljs-title{color:#795da3}.rust .hljs-preprocessor{color:#969896}.rust .hljs-number{color:#0086b3}.rust .hljs-title{color:#795da3}.hljs-string{color:#df5000}.apache .hljs-sqbracket{color:#df5000}.apache .hljs-common{color:#0086b3}.apache .hljs-cbracket{color:#0086b3}.apache .hljs-keyword{color:#0086b3}.apache .hljs-tag{color:#63a35c}.coffeescript .hljs-subst{color:#df5000}.coffeescript .hljs-regexp{color:#df5000}.coffeescript .hljs-literal{color:#0086b3}.coffeescript .hljs-built_in{color:#0086b3}.coffeescript .hljs-number{color:#0086b3}.coffeescript .hljs-title{color:#795da3}.coffeescript .hljs-reserved{color:#1d3e81}.coffeescript .hljs-attribute{color:#1d3e81}.cpp .hljs-preprocessor{color:#df5000}.cpp .hljs-number{color:#0086b3}.cpp .hljs-built_in{color:#0086b3}.cpp .hljs-title{color:#795da3}.c .hljs-preprocessor{color:#df5000}.c .hljs-number{color:#0086b3}.c .hljs-built_in{color:#0086b3}.c .hljs-title{color:#795da3}.json .hljs-attribute{color:#df5000}.json .hljs-number{color:#0086b3}.makefile .hljs-variable{color:#df5000}.makefile .hljs-keyword{color:#0086b3}.makefile .hljs-constant{color:#333}.makefile .hljs-title{color:#795da3}.markdown .hljs-value{color:#df5000}.markdown .hljs-link_label{color:#df5000}.markdown .hljs-strong{color:#df5000}.markdown .hljs-emphasis{color:#df5000}.markdown .hljs-blockquote{color:#df5000}.markdown .hljs-link_reference{color:#0086b3}.markdown .hljs-link_url{text-decoration:underline}.nginx .hljs-regexp{color:#df5000}.nginx .hljs-number{color:#df5000}.nginx .hljs-title{color:#a71d5d}.nginx .hljs-built_in{color:#0086b3}.nginx .hljs-variable{color:#333}.objectivec .hljs-preprocessor{color:#a71d5d}.objectivec .hljs-preprocessor .hljs-title{color:#df5000}.objectivec .hljs-literal{color:#0086b3}.objectivec .hljs-number{color:#0086b3}.objectivec .hljs-built_in{color:#0086b3}.objectivec .hljs-title{color:#795da3}.perl .hljs-regexp{color:#df5000}.perl .hljs-sub{color:#795da3}.php .hljs-regexp{color:#df5000}.php .hljs-phpdoc{color:#a71d5d}.php .hljs-literal{color:#0086b3}.php .hljs-number{color:#0086b3}.php .hljs-title{color:#795da3}.xml .hljs-value{color:#df5000}.xml .hljs-title{color:#63a35c}.xml .hljs-tag{color:#333}.xml .hljs-attribute{color:#795da3}.less .hljs-built_in{color:#df5000}.less .hljs-tag{color:#a71d5d}.less .hljs-at_rule{color:#a71d5d}.less .hljs-number{color:#0086b3}.less .hljs-hexcolor{color:#0086b3}.less .hljs-function{color:#0086b3}.less .hljs-attribute{color:#0086b3}.less .hljs-id{color:#795da3}.less .hljs-pseudo{color:#795da3}.less .hljs-class{color:#795da3}.scss .hljs-built_in{color:#df5000}.scss .hljs-tag{color:#a71d5d}.scss .hljs-at_rule{color:#a71d5d}.scss .hljs-important{color:#a71d5d}.scss .hljs-preprocessor{color:#0086b3}.scss .hljs-number{color:#0086b3}.scss .hljs-hexcolor{color:#0086b3}.scss .hljs-function{color:#0086b3}.scss .hljs-attribute{color:#0086b3}.scss .hljs-variable{color:#333}.scss .hljs-id{color:#795da3}.scss .hljs-pseudo{color:#795da3}.scss .hljs-class{color:#795da3}.hljs-keyword{color:#a71d5d}.css .hljs-at_rule{color:#a71d5d}.css .hljs-important{color:#a71d5d}.css .hljs-attribute{color:#0086b3}.css .hljs-hexcolor{color:#0086b3}.css .hljs-number{color:#0086b3}.css .hljs-function{color:#0086b3}.css .hljs-tag{color:#63a35c}.css .hljs-attr_selector{color:#333}.css .hljs-value{color:#333}.css .hljs-id{color:#795da3}.css .hljs-class{color:#795da3}.css .hljs-pseudo{color:#795da3}.http .hljs-request{color:#a71d5d}.http .hljs-literal{color:#0086b3}.http .hljs-attribute{color:#0086b3}.ini .hljs-setting{color:#a71d5d}.ini .hljs-value{color:#333}.ini .hljs-keyword{color:#333}.ini .hljs-title{color:#795da3}.haskell .hljs-type{color:#a71d5d}.haskell .hljs-number{color:#0086b3}.haskell .hljs-title{color:#795da3}.haskell .hljs-pragma{color:#795da3}.sql .hljs-built_in{color:#a71d5d}.sql .hljs-number{color:#0086b3}.stylus .hljs-at_rule{color:#a71d5d}.stylus .hljs-number{color:#0086b3}.stylus .hljs-hexcolor{color:#0086b3}.stylus .hljs-attribute{color:#0086b3}.stylus .hljs-params{color:#0086b3}.stylus .hljs-tag{color:#63a35c}.stylus .hljs-class{color:#795da3}.stylus .hljs-id{color:#795da3}.stylus .hljs-pseudo{color:#795da3}.stylus .hljs-title{color:#795da3}.go .hljs-typename{color:#a71d5d}.go .hljs-built_in{color:#0086b3}.go .hljs-constant{color:#0086b3}.swift .hljs-preprocessor{color:#a71d5d}.swift .hljs-built_in{color:#0086b3}.swift .hljs-number{color:#0086b3}.swift .hljs-title{color:#795da3}.cs .hljs-number{color:#0086b3}.cs .hljs-built_in{color:#0086b3}.cs .hljs-xmlDocTag{color:#63a35c}.cs .hljs-preprocessor{color:#333}.cs .hljs-preprocessor .hljs-keyword{color:#333}.cs .hljs-title{color:#795da3}.python .hljs-number{color:#0086b3}.python .hljs-decorator{color:#795da3}.python .hljs-title{color:#795da3}.ruby .hljs-prompt{color:#0086b3}.ruby .hljs-constant{color:#0086b3}.ruby .hljs-number{color:#0086b3}.ruby .hljs-symbol{color:#0086b3}.ruby .hljs-parent{color:#795da3}.ruby .hljs-title{color:#795da3}.ruby .hljs-subst .hljs-keyword{color:#0086b3}.puppet .hljs-function{color:#0086b3}.puppet .hljs-title{color:#795da3}.diff .hljs-chunk{color:#795da3;font-weight:bold}.diff .hljs-addition{color:#55a532;background-color:#eaffea}.diff .hljs-deletion{color:#bd2c00;background-color:#ffecec}html{font:14px/1.8 "Roboto","Helvetica","lucida grande",sans-serif,sans-serif;font-weight:300}body{color:#444;background-color:#fff}h1,h2,h3,h4,h5{color:#222;line-height:1.2em;font-family:"Roboto","Helvetica","lucida grande",sans-serif;font-weight:400}h1{font-size:60px;font-weight:400;margin:0}@media (min-width:640px){h1{font-size:80px}}h2{color:#ff5722;margin-top:0;margin-bottom:2rem;text-align:center;font-size:34px}@media (min-width:640px){h2{text-align:left}}h3{margin-bottom:1rem;text-align:center;font-size:20px;font-weight:400}@media (min-width:640px){h3{text-align:left}}p{margin:0 auto 2rem auto}.lead{margin-bottom:1.1rem;font-size:1.25rem;color:#5e5e5e}ol{list-style-type:decimal}ul,ol{margin:0 0 2rem 0;padding-left:18px}@media (min-width:640px){ul,ol{padding-left:40px}}li{margin-bottom:.5rem}strong{font-weight:500}em{font-style:normal}a{color:#4ae;text-decoration:none;outline:0}a:hover{text-decoration:underline}.sub-point{display:block;font-size:.75rem}code{background-color:#f5f5f5;border-radius:4px;font-family:Menlo,Monaco,Consolas,monospace;font-size:12px;padding:.1rem .3rem;position:relative;top:-1px}pre{background-color:#f5f5f5;border-radius:4px;padding:0 .5rem .1rem .5rem}pre code{padding:0;color:inherit}ul{margin:0;text-align:left}th,td{vertical-align:top}th{text-align:left}.button{display:block;padding:.5rem 2rem;margin-bottom:8px;border:2px solid #4ae;color:#4ae;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;vertical-align:middle;white-space:nowrap}.button:hover{color:#fff;background-color:#4ae;text-decoration:none}@media (min-width:640px){.button{display:inline-block;margin-right:8px}}hr{width:348px;border:0;border-top:2px solid #f5f5f5}@media (min-width:640px){hr{width:480px;margin-left:0}}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background:#fff}.nav{display:none;position:fixed;width:120px;height:100%;padding-top:6.9rem;text-align:right;background:#fff;border-right:2px solid #f5f5f5}@media (min-width:640px){.nav{display:block;width:20%}}.nav-item{display:block;padding:2px 32px 2px 0}a.nav-item:focus{outline:0}.content{margin-left:0}@media (min-width:640px){.content{margin-left:20%}}section{border-top:2px solid #f5f5f5;padding:2rem 0;background-color:#fff}@media (min-width:640px){section{padding:4rem 0}}.container{margin:0 auto;max-width:1000px;padding:0 8px}@media (min-width:640px){.container{padding:0 32px}}.row:after{content:"";display:table;clear:both}header{background-color:#fff;padding-top:5rem;text-align:center;color:#444}@media (min-width:640px){header{padding-top:6.5rem;text-align:left}}.picture-icon{width:45px;height:45px;margin-right:.5rem}.logo-credit{display:block;margin-bottom:1em;color:#444}@media (min-width:640px){.logo-credit{position:relative;top:-3px;padding-left:57px}}.primary-actions{padding-bottom:5rem}.image-row{text-align:center}@media (min-width:640px){.image-row{text-align:left}}.example-image-link{display:inline-block;padding:2px;margin:0 .5rem 1rem .5rem;background-color:#fff;line-height:0;border-radius:4px;transition:background-color .5s ease-out}.example-image-link:hover{background-color:#4ae;transition:none}.example-image{width:7rem;border-radius:4px}.getting-started-section p,.getting-started-section ol,.getting-started-section ul,.getting-started-section pre{text-align:left}.getting-started-section li{margin-bottom:2rem}.getting-started-section li li{margin-bottom:1rem}.getting-started-list p{margin-bottom:1rem}.options-section th,.options-section td{padding:8px 16px 8px 1px;border-bottom:1px solid #f5f5f5}.options-section th:last-child,.options-section td:last-child{padding-right:0}.options-code{margin-bottom:2rem}@media (max-width:640px){.options-table thead{display:none}.options-table tr{display:block;margin-bottom:24px}.options-table td{display:block;padding:4px 8px}.options-table td:first-child{font-weight:500}.options-table .default-row{color:#777}.options-table .default-row:before{content:attr(data-label);float:left;padding-right:8px}}footer{padding:2rem 0;border-top:2px solid #f5f5f5;background-color:#fff;text-align:center}footer .button{margin-top:.5rem}@media (min-width:640px){footer{text-align:left}}.sharing-section{position:fixed;z-index:20;top:16px;right:16px}
+
  
 
</style>
 
</style>
  
 
</html>
 
</html>

Latest revision as of 19:50, 10 September 2015