code-rainbow/code-rainbow.css at master · GodLikeMan/code-rainbow · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
	/*
		#7FDED1	light green
		#6BD0BE green
	*/

	body { font-family : 'Roboto', sans-serif ; background : #ebebeb ;}
	.warning { text-align : center ;}
	nav .container {padding:0;}
	nav .form-control:focus { border-color : #7FDED1 ;  }
	nav .form-control { color: #fff ; background-color: #6BD0BE;}
	nav .form-control::-moz-placeholder {color: rgba(255,255,255,0.8);}
	nav .form-control:-ms-input-placeholder {color: rgba(255,255,255,0.8);}
	nav .form-control::-webkit-input-placeholder {color: rgba(255,255,255,0.8);}
	.navbar-nav .bootstrap-select { margin-bottom : 0px ; margin-top : 8px ;}
	.navbar-inner { padding : 5px 0; }
	#nav-search  input { display : inline-block ;}
	#tag-cloud {  text-transform : capitalize ;}
	#tag-cloud h4 {  display : inline-block ; margin-right : 5px ; cursor : pointer ;}
	.product-tag { margin-left : 10px ;}
	.content-wrapper { padding : 0 ; margin-top : 65px; }
	#item-display { width : 100% ; float : left ; margin : 0;}
	.image-container {margin:10px 0px;padding: 0 5px;float:left ; display:inline-block;}
	.image-attribute {margin-left : 15px; }
	.image-folder-name , .image-attribute-row {background : #6BD0BE ;color : white;  display:block; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.image-folder-name { font-size : 18px; text-transform: uppercase ;}
	.image-attribute-row  { font-size : 15px ; }
	.cover-image { width:100% ; height : 200px ; margin : 0 auto;}
	.editItemAjax { display : block ; }

	/*
		button
	*/
	.btn-green {
		background-color: #6BD0BE;
		border-color: #6BD0BE;
		color:	#fff;
	}
	.btn-green:hover,
	.btn-green:focus,
	.btn-green:active,
	.btn-green.active {
		background-color: #58cab6;
		border-color: #44c4ad;
		color:	#fff;
	}
	.btn-green.disabled:hover,
	.btn-green.disabled:focus,
	.btn-green.disabled:active,
	.btn-green.disabled.active,
	.btn-green[disabled]:hover,
	.btn-green[disabled]:focus,
	.btn-green[disabled]:active,
	.btn-green[disabled].active,
	fieldset[disabled] .btn-green:hover,
	fieldset[disabled] .btn-green:focus,
	fieldset[disabled] .btn-green:active,
	fieldset[disabled] .btn-green.active {
		background-color: #6BD0BE;
		border-color: #6BD0BE;
	}

	/* Edit Page*/
	#edit-area { width : 100% ; max-height : 600px ; display : none ; background : #ddd ; padding : 20px ;}
	#itemTags ul li { list-style-type : none ; margin-bottom : 8px ; font-size : 18px ; overflow : auto ;}
	#itemTags ul { padding : 0 ;}
	.mfp-content .jumbotron { padding-top : 10px ;  padding-bottom : 10px ; margin-bottom : 3px ;}
	#itemTags { height : auto ;}
	.tag-list-item:hover { background : #fff ;}
	.tag-list-item-control { color : #7FDED1 ; background : #fff ;}
	#product-pictures { margin-top : 15px ; margin-bottom : 15px ;}
	.product-picture { margin : 0 ; width : 100% ; height : auto ;}
	.mfp-close-btn-in .mfp-close { color : red ; }
	.mfp-close { float : right ; position : inherit ; font-size : 44px ; width : 35px ; height : 35px ; line-height : 35px ;}
	.product-page-title { margin-top : 0 ;}

	/*upload*/
	#drop-zone {}
	.upload-drop-zone {color: #ccc;border-style: dashed;border-color: #ccc;text-align: center;height: 200px;border-width: 2px;clear:both;}
	.upload-drop-zone.drop {color: #222;border-color: #222;}
	.upload-drop-zone b { font-size : 110px;}

	@media screen and (max-width: 767px) {
		/* 如果使用者之視窗寬度 小於等於 768px，將會再載入這裡的 CSS。    */
		.cover-image {height:auto;}
		.content-wrapper {width : 100% ; margin-top : 132px ;}
		navbar .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*=span], .bootstrap-select.btn-group[class*=col-] { margin : 0 auto;}
	}