Chorke Color Scheme

From Chorke Wiki
Jump to navigation Jump to search

Reference site

Chorke Color Scheme is one of the important most factor. We love green and it's variation

  1. Gradient Button
  2. IBBL Banner
  3. Download Button
  4. Download Now
  5. Download Button & Banner
  6. LaTex Theme
  7. Angle Matcolors
  8. Gradient Generator

Collection of Green Gradient

From www.bitbybitblog.com

 .cki-banner-bg {
    top: 5px;
    width: 100%;
    height: 100px;
    background: #1B6B5B;
    /* background-color: #000000; */
    /* background-color: #0CBE88; */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33A26A', endColorstr='#1B6B5B');
    background: -webkit-gradient(linear, left top, left bottom, from(#33A26A), to(#1B6B5B));
    background: -moz-linear-gradient(top, #33A26A, #1B6B5B);
}

From www.phpmyadmin.net

.cki-btn-success {
    background-image: -webkit-linear-gradient(top,#5cb85c 0,#419641 100%);
    background-image: -o-linear-gradient(top,#5cb85c 0,#419641 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));
    background-image: linear-gradient(to bottom,#5cb85c 0,#419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff419641',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
}

.cki-btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.cki-btn-default,
.cki-btn-success {
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 1px rgba(0,0,0,0.075);
}

From ibblportal.islamibankbd.com

.portalBanner {
    background: -moz-linear-gradient(center top, rgb(0, 84, 41), rgb(47, 139, 1)) repeat scroll 0% 0% transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005429), to(#2F8B01));
    box-shadow: 0px 0px 1px rgb(190, 209, 185) inset;
    -webkit-box-shadow: inset 0 1px 0 #CBD6CE, inset 0 -1px 0 #CBD6CE, 0 0 15px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: inset 0 1px 0 #CBD6CE, inset 0 -1px 0 #CBD6CE, 0 0 15px rgba(0, 0, 0, 0.07);
    background-color: #007C3C;
    overflow: hidden;
    padding: 3px;
    height: 70px;
    clear: both;
    margin: 0;
}

Collection of Green Banner

Chorke banner like TP-Link

For Chorke, Inc. banner we banner graphics some things like that. Background graphics is ok. But there need correction of floating transparent gradient on top of background images.