github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/public/root/css/matrix-media.css (about)

     1  body {
     2  	background:#2E363F;
     3  }
     4  
     5  #header {
     6  	background-color: #1f262d;
     7     margin-top:10px;
     8  }
     9  #search input[type=text], #search button {
    10  	background-color: #28b779;
    11  }
    12  #search input[type=text]:focus {
    13  	color: #777777;
    14  }
    15  #sidebar > ul{border-bottom: 1px solid #37414b}
    16  #sidebar > ul > li {
    17  	border-top: 1px solid #37414b; border-bottom: 1px solid #1f262d;
    18  }
    19  #sidebar > ul > li.active {
    20      background-color: #27a9e3; border-bottom: 1px solid #27a9e3;  border-top: 1px solid #27a9e3;
    21  }
    22  #sidebar > ul > li.active a{ color:#fff; text-decoration:none;}
    23  
    24  #sidebar > ul > li > a > .label {
    25  	background-color:#F66;
    26  }
    27  #sidebar > ul > li > a:hover {
    28  	background-color: #27a9e3; color:#fff;
    29  }
    30  #sidebar > ul li ul {
    31  	background-color: #1e242b;
    32  }
    33  #sidebar > ul li ul li a{ color:#939da8}
    34  #sidebar > ul li ul li a:hover, #sidebar > ul li ul li.active a {
    35  	color: #fff;
    36  	background-color: #28b779;
    37  }
    38  
    39  
    40  #search input[type=text] {
    41  	background-color: #47515b; color: #fff; 
    42  }
    43  #search input[type=text]:focus {
    44  	color: #2e363f; color: #fff; box-shadow:none;
    45  }
    46  .dropdown-menu li a:hover, .dropdown-menu .active a, .dropdown-menu .active a:hover {
    47      color: #eeeeee;
    48  	background:#666;
    49     
    50  }
    51  .top_message{ float:right; padding:20px 12px; position:relative; top:-13px; border-left:1px solid #3D3A37; font-size:14px; line-height:20px; *line-height:20px; color:#333; text-align:center;  vertical-align:middle; cursor:pointer; }
    52  .top_message:hover{ background:#000}
    53  .rightzero{ right:0px; display:none;}
    54  @media (max-width: 480px) {
    55  	#sidebar > a {
    56  		background:#27a9e3;
    57  		
    58  	}
    59  	.quick-actions_homepage .quick-actions li{ min-width:100%;}
    60  }
    61  @media (min-width: 768px) and (max-width: 970px) {.quick-actions_homepage .quick-actions li{ min-width:20.5%;}}
    62  @media (min-width: 481px) and (max-width: 767px) {
    63  	#sidebar > ul ul:before {
    64  	}
    65  	#sidebar > ul ul:after {
    66  		border-right: 6px solid #222222;
    67      }
    68  	.quick-actions_homepage .quick-actions li{ min-width:47%;}
    69  }
    70  div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto;}
    71  div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
    72  div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px;  } 
    73  div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
    74  div.tagsinput div { display:block; float: left; } 
    75  .tags_clear { clear: both; width: 100%; height: 0px; }
    76  .not_valid {background: #FBD8DB !important; color: #90111A !important;}