Difference between revisions of "Template:Groningen"
| Line 110: | Line 110: | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
| − | + | ||
| − | + | <style> | |
| + | .unique_header{ | ||
| + | height:300px; | ||
| + | vertical-align:middle; | ||
| + | text-align:center; | ||
| + | color: #5f5f5f; | ||
| + | text-align: center;" | ||
} | } | ||
| + | |||
| + | .header_title{ | ||
| + | padding-top:150px; | ||
| + | padding-bottom:25xp; | ||
| + | height:100%; | ||
| + | margin-bottom:25px; | ||
| + | font-size: 100px; | ||
| + | color: #5f5f5f; | ||
| + | } | ||
| + | </style> | ||
| + | |||
.main-col{ | .main-col{ | ||
background-attachment: fixed; | background-attachment: fixed; | ||
Revision as of 12:26, 18 October 2017
.main-col{ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; margin-left:auto; margin-right:auto; /* margin-top: 15px;*/ margin-bottom: 0px; /* text-align: center;*/ padding-top: 5px; padding-bottom: 15px; height: auto !important; height:1000px; width: 1000px; overflow: auto; overflow-y: hidden; // hide vertical overflow-x: hidden; // hide horizontal } /* IMAGES */ .sponsorimg{ position: relative; vertical-align: middle; text-align: center; max-width: 500px; height: 100px; padding-top: 0px; } .imgsize{ position: relative; vertical-align: middle; text-align: center; max-width: 500px; height: 100px; border-radius: 15px 50px 15px 50px; padding-top: 0px; } .scmedimgsize{ position: relative; vertical-align: middle; text-align: center; padding-top: 20px; max-width: 200px; height: 50px; } /* ACCORDION */ .w3-hide{ display:none!important } .w3-show{ display:block!important } .w3-block{ display:block; width:100% } .w3-button:hover{ color:#000!important; background-color:#ccc; } .w3-button{ width:100%; border:none; display:inline-block; outline:0; padding:2px 16px; vertical-align:middle; overflow:hidden; text-decoration:none; text-align:center; cursor:pointer;white-space:nowrap } /* MODAL */ .imgsize:hover {opacity: 0.85;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.9); /* Black w/ opacity */ } /* Modal Content (Image) */ .modal-content { margin: auto; display: block; width: auto; max-width: 90%; border-radius: 15px 50px 15px 50px; } /* Caption of Modal Image (Image Text) - Same Width as the Image */ #caption { margin: auto; display: block; width: auto; max-width: 90%; text-align: center; color: #ccc; padding: 10px 0; height: 150px; } /* Add Animation - Zoom in the Modal */ .modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.5s; animation-name: zoom; animation-duration: 0.5s; } @-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} } @keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} } /* BUTTONS */ .button { display: inline-block; line-height: 3em; padding: 0 1em; color: white; background: #34343E; border-radius: 0.125em; background-clip: padding-box; margin-right: 1em } .button--plain { color: red; background: #41414E } .button--ghost { border: 1px solid #EEE !important; background: none } .button--ghost--green { border-color: #7CBDBA !important } /* CONTENT */ #title{ position: relative; text-align: center; vertical-align: middle; color: #0C1948; font-size: 150px; } #subtitle{ position: relative; margin-top: -100px; text-align: center; vertical-align: middle; color: white; font-size: 50px; } .content { margin-left:auto; margin-right:auto; margin-top: auto; margin-bottom: auto; text-align: center; padding-top: 1px; padding-bottom: 0px; height:100%; } .about{ height: 150px; } .services{ height: 350px; } .video{ height: 500px; } .contact{ width: 500px; height: 350px; } .intro{ padding-top: 10px; margin-top: 10px; } .first-text{ padding-top: 20px; width:100%; } .second-text{ width:100%; } .container { display: flex; padding-top: 20px; vertical-align: middle; text-align: center; } #container { position: relative; padding-top: 1px; padding-bottom: 0px; height:1000px; } .column { flex: 1; } .column-one { order: 2; } .column-two { order: 3; } .column-three { order: 4; } .column-four { order: 5; } .2-rows div { height:100%;padding:50px 0; } .3-rows div { height:100%;padding:20px 0; } .icon-text{ padding-top: 20px; height: 100%; } .hr.small { max-width: 1000px; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(50, 50, 50, 0.75), rgba(0, 0, 0, 0)); } p.sponsor-txt{ text-align: left; } p.left{ text-align: left; } section.left{ text-align: left; } /* SWOT CSS */ #swotcontr1 { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; width:100%; } #swotcontr1>div { width: 450px; height: 200px; padding-left: 10px; padding-right: 10px; vertical-align: top; display: inline-block; *display: inline; zoom: 1; } #swotcontr2 { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; width:100%; } #swotcontr2>div { width: 450px; height: 250px; padding-left: 10px; padding-right: 10px; vertical-align: top; display: inline-block; *display: inline; zoom: 1; } span { width: 100%; display: inline-block; font-size: 0; line-height: 0 } .col-cont { text-align: center; width: 80%; height: 200px; margin: auto; padding: 10px; padding-bottom: 30px; } .one { text-align: center; width: 25%; height: 100%; float: left; } .two { text-align: center; float: right; width: 75%; height: 100%; } .personal-info{ text-align: left; padding-left: 10px; padding-right: 10px; } /* NAVIGATION BAR */ #primary_nav_wrap { margin-top:-13px; /*position: absolute;*/ /*overflow: hidden;*/ background-color: #333; position: fixed; top: 20; width: 100%; z-index: -1; } #primary_nav_wrap ul { list-style:none; position:relative; float:left; margin:0; padding:0 0 0 20%; } #primary_nav_wrap ul a { display:block; color: white;/*#333;*/ text-decoration:none; font-weight:700; font-size:15px; line-height:32px; padding:0 15px; z-index: 2000; /*font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif*/ } #primary_nav_wrap ul li { z-index: 2000; position:relative; float:left; margin:0; padding:0 } #primary_nav_wrap ul li.current-menu-item { background:red; } #primary_nav_wrap ul li:hover { background-color:rgba(160, 192, 239, 0.25); /*160, 192, 239 -- 6, 18, 38/* /*background:green; #505f77;#f6f6f6*/ } #primary_nav_wrap ul ul { display:none; position:absolute; top:100%; left:0; background-color:rgba(15, 19, 25, 0.7); padding:0 } #primary_nav_wrap ul ul li { float:none; width:200px } #primary_nav_wrap ul ul a { line-height:120%; padding:10px 15px } #primary_nav_wrap ul li:hover > ul { display:block }
