PHP Classes

File: Styles/Style.css

Recommend this page to a friend!
  Classes of Sasan Nobakht  >  PHP Genetic Algorithm Methods  >  Styles/Style.css  >  Download  
File: Styles/Style.css
Role: Class source
Content type: text/plain
Description: Demo Style
Class: PHP Genetic Algorithm Methods
Implements crossover, mutation and inversion
Author: By
Last change:
Date: 4 years ago
Size: 7,659 bytes
 

Contents

Class file image Download
/*!
 * Start Bootstrap - Stylish Portfolio (http://startbootstrap.com/)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif}@media all and (max-width:1000px){body{display:none}}.text-vertical-center{display:table-cell;text-align:center;vertical-align:middle}.text-vertical-center h1{font-size:4.5em;font-weight:700;margin:0;padding:0}.btn-dark{color:#fff;border:0;border-radius:0;background-color:rgba(0,0,0,0.4)}.btn-dark:hover,.btn-dark:focus,.btn-dark:active{color:#fff;background-color:rgba(0,0,0,0.7)}.btn-outline-white{color:#fff;background-color:rgba(0,0,0,0.7);border-color:#fff}.btn-outline-white:hover{color:rgba(0,0,0,0.7);background-color:#fff}hr.small{max-width:100px}#sidebar-wrapper{position:fixed;z-index:1000;right:0;overflow-y:auto;width:250px;height:100%;-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;transition:all .4s ease 0s;transform:translateX(250px);background:#222}.sidebar-nav{position:absolute;top:0;width:250px;margin:0;padding:0;list-style:none}.sidebar-nav li{line-height:40px;text-indent:20px}.sidebar-nav li a{display:block;text-decoration:none;color:#999}.sidebar-nav li a:hover{text-decoration:none;color:#fff;background:rgba(255,255,255,0.2)}.sidebar-nav li a:active,.sidebar-nav li a:focus{text-decoration:none}.sidebar-nav>.sidebar-brand{font-size:18px;line-height:55px;height:55px}.sidebar-nav>.sidebar-brand a{color:#999}.sidebar-nav>.sidebar-brand a:hover{color:#fff;background:0}#menu-toggle{position:fixed;z-index:1;top:0;right:0}#sidebar-wrapper.active{right:250px;width:250px;-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;transition:all .4s ease 0s}.toggle{font-size:1em;margin:5px 5px 0 0;padding:15px 20px}.header{position:relative;display:table;width:100%;height:100%;background:url(../Images/ex2_bg.png) no-repeat center center scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#fff}.about{padding:50px 0}.genetic{padding:50px 0;border-bottom:1px solid #e0e0e0}.genetic .row div{align-items:center}.genetic #RunGenetic,.genetic .ShowGenerationTable{cursor:pointer!important}.genetic .GeneticResult{min-height:200px}.genetic .GeneticResult pre{color:#fff}.genetic .GenerationTable{position:fixed;top:0;left:0;max-height:100%;min-height:100%;width:100%;overflow-x:hidden;overflow-y:scroll;display:none;background-color:#fff;z-index:100}.genetic .GenerationTable .Exit{position:absolute;top:5px;right:5px;width:50px;height:50px;background-color:rgba(163,0,0,0.69);z-index:101;border-radius:4px}.genetic .GenerationTable .Exit>div{width:50px;height:50px;cursor:pointer;text-align:center;line-height:42px;color:#fff}.genetic .GenerationTable .DetailedBoxBody{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(26,51,71,0.71);z-index:102;display:none;cursor:pointer}.genetic .GenerationTable .DetailedBoxBody .DetailedBox{position:absolute;top:50%;left:50%;margin-top:-350px;margin-left:-350px;width:700px;height:700px;background-color:#fff;color:#000;border-radius:10px;z-index:103;display:none;cursor:default;overflow-y:scroll}.genetic .GenerationTable .DetailedBoxBody .DetailedBox pre{color:#000}.genetic .GenerationTable .Generation{width:100%;min-height:200px;height:auto}.genetic .GenerationTable .Generation .Title{background-color:#0c5460;color:#fff;text-align:center;height:40px;line-height:40px;font-size:30px}.genetic .GenerationTable .Generation .AllGenes{width:1000px;height:auto;margin-right:auto;margin-left:auto}.genetic .GenerationTable .Generation .Gene{width:41px;height:41px;border:1px solid;margin:2px;float:left;background-color:rgba(168,8,55,0.78);color:#000;text-align:center;line-height:40px;font-weight:bold;border-radius:3px;cursor:pointer}.vcenter{display:flex;align-items:center}.hidden{display:none}.portfolio{padding:50px 0}.portfolio-item{margin-bottom:30px}.img-portfolio{margin:0 auto}.img-portfolio:hover{opacity:.8}.call-to-action{padding:50px 0}.call-to-action .btn{margin:10px}.map{height:500px}@media(max-width:768px){.map{height:75%}}.map iframe{pointer-events:none}footer{padding:100px 0}.btn-white{color:#000;background-color:#fff;border-color:#f2f2f2}.btn-toggle>.btn:not(.active){cursor:pointer!important}.Html5_01_Loading_Container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;cursor:pointer;text-align:center}.Html5_01_Loading_Container .Loading{width:100px;height:100px;margin:0;border-radius:50%;border:3px solid transparent;border-top-color:#3498db;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.Html5_01_Loading_Container .Loading:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#e74c3c;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}.Html5_01_Loading_Container .Loading:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f9c922;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.Html5_02_Loading_Container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;cursor:pointer;text-align:center}.Html5_02_Loading_Container:before{content:"";position:absolute;top:25px;left:25px;right:25px;bottom:25px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:spinback 1s linear infinite;animation:spinback 1s linear infinite}.Html5_02_Loading_Container:after{content:"";position:absolute;top:40px;left:40px;right:40px;bottom:40px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.Html5_02_Loading_Container .Loading{width:100px;height:100px;margin:0;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:spinback 2s linear infinite;animation:spinback 2s linear infinite}.Html5_02_Loading_Container .Loading:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}.Html5_02_Loading_Container .Loading:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinback{0%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes spinback{0%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}

For more information send a message to info at phpclasses dot org.