├── .gitignore
├── README.md
├── about
    └── index.php
├── base64
    └── index.php
├── colortran
    └── index.php
├── colorwall
    ├── colors.php
    └── index.php
├── common.php
├── css
    ├── bootstrap.min.css
    ├── font-awesome.min.css
    └── site.min.css
├── demo
    └── index.php
├── footer.html
├── header.html
├── index.php
├── json
    └── index.php
├── md5
    └── index.php
├── regex
    ├── .index.php.swp
    └── index.php
├── timestamp
    └── index.php
├── url
    └── index.php
├── urls
    └── index.php
├── ws
    └── index.php
└── xml
    └── index.php


/.gitignore:
--------------------------------------------------------------------------------
 1 | *.bak
 2 | 
 3 | .settings
 4 | .settings/*
 5 | 
 6 | .project
 7 | .buildpath
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Web Tools - 开发者在线工具
 2 | 欢迎一起来贡献维护！  
 3 |   
 4 | 开发指南：  
 5 | 
 6 |  + 一个工具，一个目录  
 7 |  + 示例可参考./demo/index.php
 8 |  + 本地测试通过后，提交merge request，管理员会定期合并  
 9 | 
10 | 期待你炫酷实用的工具！  


--------------------------------------------------------------------------------
/about/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * 关于页面
  4 |  *
  5 |  * @author: dogstar 2014-11-14
  6 |  */
  7 | ?>
  8 | 
  9 | <?php
 10 |  /** ---------------------------------- PHP Handle -------------------------------**/
 11 | ?>
 12 | 
 13 | <?php
 14 | require_once dirname(__FILE__) . '/../common.php';
 15 | ?>
 16 | 
 17 | <?php
 18 | header('Cache-control', 'max-age=36000');
 19 | header('Expires', gmdate('D, d M Y H:i:s', $_SERVER['REQUEST_TIME'] + 36000) . ' GMT');
 20 | header('Last-Modified: '. gmdate('D, d M Y H:i:s', $_SERVER['REQUEST_TIME'] + 36000) . ' GMT');
 21 | 
 22 | ?> 
 23 | 
 24 | <?php
 25 |  /** ---------------------------------- HTML Template -------------------------------**/
 26 | ?>
 27 | 
 28 | <?php
 29 | require WEB_TOOLS_ROOT . '/header.html';
 30 | ?>
 31 | 
 32 | <div class="projects-header page-header">
 33 | 	<h2>工具，从简单贴心开始！</h2>
 34 | 	<p>我们致力于提供简单实用、贴心智能的在线工具，以提高我们日常的开发效率。这些工具之所以有生气，因为我们都是开发者！</p>
 35 | </div>
 36 | 
 37 | <div class="row">
 38 | 
 39 | <div class="row alert alert-info">
 40 | 	<h2>关于我们</h2>
 41 | 	<div class="row">
 42 | 		<div class="col-xs-10">
 43 | 			<p>
 44 | 			这是一个开源的项目，其中用到的资源大部分均来自互联网中的开源项目。<br/><br/>
 45 | 			其中有：网站样式设计灵感和技术支持来自Bootstrap，图片素材CDN支持来自七牛云存储，更重要的是代码托管和运行维护得益于开源中国，等等...<br/><br/>
 46 | 			所以奉着开源项目的精神，这里也希望能通过提供实用的在线工具或代替工具给开发者来回馈开源社区。
 47 | 			</p>
 48 | 		</div>
 49 | 		<div class="col-xs-2">
 50 | 			<p><img src="http://webtools.qiniudn.com/logo_icon.png" style="height:120px;width:120px;" /></p>
 51 | 		</div>
 52 | 	</div>
 53 | </div>
 54 | 
 55 | <div class="row alert alert-success">
 56 | 	<h2>加入我们</h2>
 57 | 	<div class="row">
 58 | 		<div class="col-xs-10">
 59 | 			<p>
 60 | 			如果您也拥有简单实用的在线工具，并且希望分享给更多的人使用，欢迎加入我们！<br/><br/>
 61 | 			您可以将代码提交到Github：<a href="https://github.com/phalapi/Web-Tools">https://github.com/phalapi/Web-Tools</a>，建议在dev分支上开发，以便管理 和发布。<br/><br/>
 62 | <img src="http://webtools.qiniudn.com/WebTools.png" />
 63 | 			</p>
 64 | 		</div>
 65 | 		<div class="col-xs-2">
 66 | 			<p></p>
 67 | 		</div>
 68 | 	</div>
 69 | </div>
 70 | 
 71 | <div class="row alert alert-danger">
 72 | 	<h2>广告合作</h2>
 73 | 	<div class="row">
 74 | 		<div class="col-xs-10">
 75 | 			<p>
 76 | 			欢迎对我们项目进行捐赠！以便我们能拥有更好的服务器和资源为更多的开发者服务！同时您们的支持是我们前进的最大动力！<br/><br/>
 77 | 			广告资料请提供：950*100 图片、及跳转链接。<br/><br/>
 78 | 			联&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系：dogstar<br/>
 79 | 			邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：chanzonghuang@gmail.com<br/><br/>
 80 | 			</p>
 81 | 		</div>
 82 | 		<div class="col-xs-2">
 83 | 			<p><img src="http://webtools.qiniudn.com/dogstar_new.png" style="height:120px;width:120px;" /></p>
 84 | 		</div>
 85 | 	</div>
 86 | </div>
 87 | 
 88 | </div>
 89 | 
 90 | <?php
 91 | require WEB_TOOLS_ROOT . '/footer.html';
 92 | ?>
 93 | 
 94 | <?php
 95 |  /** ---------------------------------- JS Functions -------------------------------**/
 96 | ?>
 97 | <script type="text/javascript">
 98 | /**
 99 |  * TODO: 请在下面放置需要的JS函数
100 |  */
101 | 
102 | </script>
103 | 


--------------------------------------------------------------------------------
/base64/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * URL
  4 |  *
  5 |  * URL编码和解码
  6 |  *
  7 |  * 1、PHP处理
  8 |  * 2、HTML输出
  9 |  * 3、JS函数
 10 |  *
 11 |  * @author: dogstar 2017-02-26
 12 |  */
 13 | ?>
 14 | 
 15 | <?php
 16 |  /** ---------------------------------- PHP Handle -------------------------------**/
 17 | ?>
 18 | 
 19 | <?php
 20 | require_once dirname(__FILE__) . '/../common.php';
 21 | ?>
 22 | 
 23 | <?php
 24 | /**
 25 |  * TODO: 请在下面进行PHP处理
 26 |  */
 27 | 
 28 | ?> 
 29 | 
 30 | <?php
 31 |  /** ---------------------------------- HTML Template -------------------------------**/
 32 | ?>
 33 | 
 34 | <?php
 35 | require WEB_TOOLS_ROOT . '/header.html';
 36 | ?>
 37 | 
 38 | <div class="projects-header page-header">
 39 |     <h2>图片base64转换</h2>
 40 |     <p>点击上传图片后，会自动转换为base64编码。</p>
 41 | </div>
 42 | 
 43 | <div class="row">
 44 | <!-- TODO: 请在下面进行界面展示处理 -->
 45 | 
 46 | <form action="" method="POST">
 47 |     <div class="row">
 48 |     <h3>上传图片：</h3>
 49 |         <div class="row">
 50 |             <div class="col-md-4">
 51 |             <input name="img" id="img" type="file" class="btn btn-default" onchange="changbase(event)">
 52 |             </div>
 53 |             <div class="col-md-8" id="preimg">
 54 |                 　<img id="previeImgShow" src="" alt="" width="160px" height="180px" />
 55 |             </div>
 56 |         </div>
 57 |     </div>
 58 |     <div class="row">
 59 |     <h3>base64编码：</h3>
 60 |         <div class="row">
 61 |             <textarea class="form-control" rows="3"  id="base" name="base" onkeyup="getImage()"></textarea>
 62 |         </div>
 63 |     </div>
 64 |     <div class="row">
 65 |         <h3>base64编码后URIComponent转换（参数传递）<small>去掉data:image/png;base64</small>：</h3>
 66 |         <div class="row">
 67 |             <textarea class="form-control" rows="3"  id="baseurl" name="baseurl"></textarea>
 68 |         </div>
 69 |     </div>
 70 |     <br /><br />
 71 | 
 72 | </form>
 73 | <br />
 74 | 
 75 | 
 76 | </div>
 77 | 
 78 | <?php
 79 |  /** ---------------------------------- JS Functions -------------------------------**/
 80 | ?>
 81 | 
 82 | <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
 83 | <script src="http://cdn.bootcss.com/json3/3.3.2/json3.js"></script>
 84 | 
 85 | <script type="text/javascript">
 86 | /**
 87 |  * TODO: 请在下面放置需要的JS函数
 88 |  */
 89 | 
 90 | function changbase(e)
 91 | {
 92 | 
 93 |     try {
 94 |         var file = e.target.files[0];
 95 |         var reader = new FileReader();
 96 |         reader.readAsDataURL(file); // 读出 base64
 97 |         reader.onloadend = function () {
 98 |             // 图片的 base64 格式, 可以直接当成 img 的 src 属性值
 99 |             var dataURL = reader.result;
100 |             // 下面逻辑处理
101 |             var img = document.getElementById('previeImgShow');
102 |             img.setAttribute('src', reader.result);
103 |             $("#base").val(dataURL);
104 |             var index = dataURL.lastIndexOf("\,");
105 |             urlbase = dataURL.substring(index+1, dataURL.length);
106 |             enurl = encodeURIComponent(urlbase);
107 |             $("#baseurl").val(enurl)
108 |         };
109 | 
110 |     } catch (e) {
111 |         $("#base").val('base64编码失败！');
112 |     }
113 | }
114 | 
115 | function getImage() {
116 |     var str = $("#base").val();
117 |     try {
118 |         var img = document.getElementById('previeImgShow');
119 |         img.setAttribute('src', str);
120 |     } catch (e) {
121 |         $("#baseurl").val('图片获取失败！');
122 |     }
123 | }
124 | 
125 | </script>
126 | 
127 | <?php
128 | require WEB_TOOLS_ROOT . '/footer.html';
129 | ?>
130 | 
131 | 


--------------------------------------------------------------------------------
/colortran/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * 在线颜色转换
  4 |  *
  5 |  * @author: dogstar 2014-11-04
  6 |  */
  7 | ?>
  8 | 
  9 | <?php
 10 |  /** ---------------------------------- PHP Handle -------------------------------**/
 11 | ?>
 12 | 
 13 | <?php
 14 | require_once dirname(__FILE__) . '/../common.php';
 15 | ?>
 16 | 
 17 | <?php
 18 | $hex = '#666666';
 19 | $rbg = hex2rgb($hex);
 20 | 
 21 | function hex2rgb($hex) {
 22 | 	if (substr($hex, 0, 1) != '#') {
 23 | 		$hex = '#' . $hex;
 24 | 	}
 25 | 	return sprintf('RGB(%d,%d,%d)', hexdec(substr($hex, 1, 2)), hexdec(substr($hex, 3, 2)), hexdec(substr($hex, 5, 2)));
 26 | }
 27 | 
 28 | function rgb2hex($rgb) {
 29 | 	$colors = explode(',', $rgb);
 30 | 	if (!isset($colors[1])) {
 31 | 		$colors[1] = '255';
 32 | 	}
 33 | 	if (!isset($colors[2])) {
 34 | 		$colors[2] = '255';
 35 | 	}
 36 | 	return sprintf('#%s%s%s', dechex($colors[0]), dechex($colors[1]), dechex($colors[2]));
 37 | }
 38 | ?> 
 39 | 
 40 | <?php
 41 |  /** ---------------------------------- HTML Template -------------------------------**/
 42 | ?>
 43 | 
 44 | <?php
 45 | require WEB_TOOLS_ROOT . '/header.html';
 46 | ?>
 47 | 
 48 | <div class="projects-header page-header">
 49 | 	<h2 id="theColorYouLike">请输入</h2>
 50 | 	<p>请在下面输入您需要转换的颜色，如果是RGB格式，系统将会转换成带#号的HEX；反之，则会转换成RGB。</p>
 51 | </div>
 52 | 
 53 | <div class="row">
 54 | 	<div class="row">
 55 | 		<form action="" method="POST">
 56 | 			<div class="col-xs-4">
 57 | 			</div>
 58 | 			<div class="col-xs-4">
 59 | 				<input type="text" class="form-control" placeholder="请在这里输入RGB，或者类如#00000的十六进制" id="inputColor" name="inputColor" value="" onKeyUp="tranJColor();" >
 60 | 			</div>
 61 | 			<div class="col-xs-4">
 62 | 				<button onClick="tranJColor()" class="btn btn-success" />智能转换</button>
 63 | 			</div>
 64 | 		</form>
 65 |     </div>
 66 | 
 67 |     <br />
 68 | 	
 69 | 	<div class="row">
 70 | 			<div class="col-xs-4">
 71 | 			</div>
 72 | 			<div class="col-xs-4">
 73 |             示例：RGB(102,102,102) &nbsp;&nbsp;&nbsp;或 &nbsp;&nbsp;&nbsp; #666666
 74 | 			</div>
 75 | 	</div>
 76 | 	
 77 | <br /><br />
 78 | 
 79 | <table class="table" style="height:200px;">
 80 | <tr>
 81 | 	<td id="theColorYouInputShowHere" width="20px;" bgcolor="<?php echo $hex; ?>" style="cursor: pointer"></td>
 82 | </tr>
 83 | 
 84 | </table>
 85 | <br /><br />
 86 | 
 87 | 更多选择：
 88 | <a href="http://rgb.pin5i.com/">在线颜色生成器</a>&nbsp;&nbsp;
 89 | <a href="http://www.colorspire.com/">Create Color Schemes</a>
 90 | 
 91 | 
 92 | </div> <!-- row -->
 93 | 
 94 | <?php
 95 | require WEB_TOOLS_ROOT . '/footer.html';
 96 | ?>
 97 | 
 98 | <?php
 99 |  /** ---------------------------------- JS Functions -------------------------------**/
100 | ?>
101 | 
102 | <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
103 | <script type="text/javascript">
104 | function tranJColor() {
105 | 	var color = $("#inputColor").val();
106 | 	if (color == '') {
107 | 		return;
108 | 	}
109 | 	
110 | 	color = color.replace('，', ',');
111 | 	color = color.replace('，', ',');
112 | 	color = color.replace('#', '');
113 | 	
114 | 	if (color.indexOf(',') > 0) {
115 | 		updateColor(color);
116 | 	} else if (color.length >= 6) {
117 | 		color = color.substr(0, 6);
118 | 		updateColor(HexToRGB('#' + color));
119 | 	}
120 | }
121 | 
122 | function updateColor(color) {
123 | 	if (color.indexOf(',') < 0) {
124 | 		return;
125 | 	}
126 | 	
127 | 	var rgb = color.split(',');
128 | 	if (rgb.length != 3) {
129 | 		return;
130 | 	}
131 | 
132 | 	if (rgb[0] < 0) {
133 | 		rgb[0] = 0;
134 | 	}
135 | 	if (rgb[0] > 255) {
136 | 		rgb[0] = 255;
137 | 	}
138 | 	if (rgb[1] < 0) {
139 | 		rgb[1] = 0;
140 | 	}
141 | 	if (rgb[1] > 255) {
142 | 		rgb[1] = 255;
143 | 	}
144 | 	if (rgb[2] < 0) {
145 | 		rgb[2] = 0;
146 | 	}
147 | 	if (rgb[2] > 255) {
148 | 		rgb[2] = 255;
149 | 	}
150 | 
151 | 	var rgbStr = rgb[0].toString() + ',' + rgb[1].toString() + ',' + rgb[2].toString();
152 | 	/**
153 | 	var hexR = rgb[0].toString(16).toLocaleUpperCase();
154 | 	var hexG = rgb[1].toString(16).toLocaleUpperCase();
155 | 	var hexB = rgb[2].toString(16).toLocaleUpperCase();
156 | 	var hex = '#' + (hexR.length == 1 ? '0' + hexR : hexR) + (hexG.length == 1 ? '0' + hexG : hexG) + (hexB.length == 1 ? '0' + hexB : hexB);
157 | 	*/
158 | 	var hex = RGBToHex(rgbStr);
159 | 	
160 | 	$("#theColorYouLike").html('RGB(' + rgbStr + ')' + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + hex);
161 | 	$("#theColorYouInputShowHere").css("background", hex);
162 | }
163 | 
164 | function RGBToHex(rgb){ 
165 |    var regexp = /[0-9]{0,3}/g;  
166 |    var re = rgb.match(regexp);//利用正则表达式去掉多余的部分，将rgb中的数字提取
167 |    var hexColor = "#"; 
168 |    var hex = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'];  
169 |    for (var i = 0; i < re.length; i++) {
170 |         var r = null, c = re[i], l = c; 
171 |         var hexAr = [];
172 |         while (c > 16){  
173 |               r = c % 16;  
174 |               c = (c / 16) >> 0; 
175 |               hexAr.push(hex[r]);  
176 |          } hexAr.push(hex[c]);
177 |          if(l < 16&&l != ""){        
178 |              hexAr.push(0)
179 |          }
180 |        hexColor += hexAr.reverse().join(''); 
181 |     }  
182 |    return hexColor;  
183 | }
184 | 
185 | function HexToRGB(hex) {
186 | 	var sColor = hex.toLowerCase();  
187 |     if(sColor.length === 4){
188 |        	var sColorNew = "#";  
189 |        	for(var i=1; i<4; i+=1){
190 |            	sColorNew += sColor.slice(i,i+1).concat(sColor.slice(i,i+1));     
191 |         }
192 |         sColor = sColorNew;
193 |     }  
194 | 
195 |     //处理六位的颜色值 
196 |     var sColorChange = [];
197 |     for(var i=1; i<7; i+=2){
198 |         sColorChange.push(parseInt("0x"+sColor.slice(i,i+2)));
199 |     }  
200 |     
201 | 	return sColorChange.join(",");  
202 | }
203 | </script>
204 | 
205 | 


--------------------------------------------------------------------------------
/colorwall/colors.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | return array (
  3 |   0 => '#F0F8FF',
  4 |   1 => '#FAEBD7',
  5 |   2 => '#00FFFF',
  6 |   3 => '#7FFFD4',
  7 |   4 => '#F0FFFF',
  8 |   5 => '#F5F5DC',
  9 |   6 => '#FFE4C4',
 10 |   7 => '#000000',
 11 |   8 => '#FFEBCD',
 12 |   9 => '#0000FF',
 13 |   10 => '#8A2BE2',
 14 |   11 => '#A52A2A',
 15 |   12 => '#DEB887',
 16 |   13 => '#5F9EA0',
 17 |   14 => '#7FFF00',
 18 |   15 => '#D2691E',
 19 |   16 => '#FF7F50',
 20 |   17 => '#6495ED',
 21 |   18 => '#FFF8DC',
 22 |   19 => '#DC143C',
 23 |   20 => '#00FFFF',
 24 |   21 => '#00008B',
 25 |   22 => '#008B8B',
 26 |   23 => '#B8860B',
 27 |   24 => '#A9A9A9',
 28 |   25 => '#006400',
 29 |   26 => '#BDB76B',
 30 |   27 => '#8B008B',
 31 |   28 => '#556B2F',
 32 |   29 => '#FF8C00',
 33 |   30 => '#9932CC',
 34 |   31 => '#8B0000',
 35 |   32 => '#E9967A',
 36 |   33 => '#8FBC8F',
 37 |   34 => '#483D8B',
 38 |   35 => '#2F4F4F',
 39 |   36 => '#00CED1',
 40 |   37 => '#9400D3',
 41 |   38 => '#FF1493',
 42 |   39 => '#00BFFF',
 43 |   40 => '#696969',
 44 |   41 => '#1E90FF',
 45 |   42 => '#D19275',
 46 |   43 => '#B22222',
 47 |   44 => '#FFFAF0',
 48 |   45 => '#228B22',
 49 |   46 => '#FF00FF',
 50 |   47 => '#DCDCDC',
 51 |   48 => '#F8F8FF',
 52 |   49 => '#FFD700',
 53 |   50 => '#DAA520',
 54 |   51 => '#808080',
 55 |   52 => '#008000',
 56 |   53 => '#ADFF2F',
 57 |   54 => '#F0FFF0',
 58 |   55 => '#FF69B4',
 59 |   56 => '#CD5C5C',
 60 |   57 => '#4B0082',
 61 |   58 => '#FFFFF0',
 62 |   59 => '#F0E68C',
 63 |   60 => '#E6E6FA',
 64 |   61 => '#FFF0F5',
 65 |   62 => '#7CFC00',
 66 |   63 => '#FFFACD',
 67 |   64 => '#ADD8E6',
 68 |   65 => '#F08080',
 69 |   66 => '#E0FFFF',
 70 |   67 => '#FAFAD2',
 71 |   68 => '#D3D3D3',
 72 |   69 => '#90EE90',
 73 |   70 => '#FFB6C1',
 74 |   71 => '#FFA07A',
 75 |   72 => '#20B2AA',
 76 |   73 => '#87CEFA',
 77 |   74 => '#8470FF',
 78 |   75 => '#778899',
 79 |   76 => '#B0C4DE',
 80 |   77 => '#FFFFE0',
 81 |   78 => '#00FF00',
 82 |   79 => '#32CD32',
 83 |   80 => '#FAF0E6',
 84 |   81 => '#FF00FF',
 85 |   82 => '#800000',
 86 |   83 => '#66CDAA',
 87 |   84 => '#0000CD',
 88 |   85 => '#BA55D3',
 89 |   86 => '#9370D8',
 90 |   87 => '#3CB371',
 91 |   88 => '#7B68EE',
 92 |   89 => '#00FA9A',
 93 |   90 => '#48D1CC',
 94 |   91 => '#C71585',
 95 |   92 => '#191970',
 96 |   93 => '#F5FFFA',
 97 |   94 => '#FFE4E1',
 98 |   95 => '#FFE4B5',
 99 |   96 => '#FFDEAD',
100 |   97 => '#000080',
101 |   98 => '#FDF5E6',
102 |   99 => '#808000',
103 |   100 => '#6B8E23',
104 |   101 => '#FFA500',
105 |   102 => '#FF4500',
106 |   103 => '#DA70D6',
107 |   104 => '#EEE8AA',
108 |   105 => '#98FB98',
109 |   106 => '#AFEEEE',
110 |   107 => '#D87093',
111 |   108 => '#FFEFD5',
112 |   109 => '#FFDAB9',
113 |   110 => '#CD853F',
114 |   111 => '#FFC0CB',
115 |   112 => '#DDA0DD',
116 |   113 => '#B0E0E6',
117 |   114 => '#800080',
118 |   115 => '#FF0000',
119 |   116 => '#BC8F8F',
120 |   117 => '#4169E1',
121 |   118 => '#8B4513',
122 |   119 => '#FA8072',
123 |   120 => '#F4A460',
124 |   121 => '#2E8B57',
125 |   122 => '#FFF5EE',
126 |   123 => '#A0522D',
127 |   124 => '#C0C0C0',
128 |   125 => '#87CEEB',
129 |   126 => '#6A5ACD',
130 |   127 => '#708090',
131 |   128 => '#FFFAFA',
132 |   129 => '#00FF7F',
133 |   130 => '#4682B4',
134 |   131 => '#D2B48C',
135 |   132 => '#008080',
136 |   133 => '#D8BFD8',
137 |   134 => '#FF6347',
138 |   135 => '#40E0D0',
139 |   136 => '#EE82EE',
140 |   137 => '#D02090',
141 |   138 => '#F5DEB3',
142 |   139 => '#FFFFFF',
143 |   140 => '#F5F5F5',
144 |   141 => '#FFFF00',
145 |   142 => '#9ACD32',
146 |   143 => '',
147 | );


--------------------------------------------------------------------------------
/colorwall/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * Demo
  4 |  *
  5 |  * 虽然目前这种写法不是最好的，但可以先简单按以下格式来开发：
  6 |  *
  7 |  * 1、PHP处理
  8 |  * 2、HTML输出
  9 |  * 3、JS函数
 10 |  *
 11 |  * @author: dogstar 2014-11-14
 12 |  */
 13 | ?>
 14 | 
 15 | <?php
 16 |  /** ---------------------------------- PHP Handle -------------------------------**/
 17 | ?>
 18 | 
 19 | <?php
 20 | require_once dirname(__FILE__) . '/../common.php';
 21 | ?>
 22 | 
 23 | <?php
 24 | header('Cache-control', 'max-age=36000');
 25 | header('Expires', gmdate('D, d M Y H:i:s', $_SERVER['REQUEST_TIME'] + 36000) . ' GMT');
 26 | header('Last-Modified: '. gmdate('D, d M Y H:i:s', $_SERVER['REQUEST_TIME'] + 36000) . ' GMT');
 27 | 
 28 | define('TYPE_DEFAULT', 0);
 29 | define('TYPE_NORMAL', 1);
 30 | define('TYPE_SIMPLE', 2);
 31 | define('TYPE_HEAVY', 3);
 32 | 
 33 | define('COL_NUM', 10);
 34 | define('ROW_NUM', 10);
 35 | 
 36 | $type = isset($_GET['type']) ? intval($_GET['type']) : TYPE_DEFAULT;
 37 | if ($type == TYPE_DEFAULT) {
 38 | 	$types = array(TYPE_NORMAL, TYPE_SIMPLE, TYPE_HEAVY);
 39 | 	shuffle($types);
 40 | 	$type = array_shift($types);
 41 | }
 42 | 
 43 | $colors = array();
 44 | 
 45 | if ($type == TYPE_SIMPLE || $type == TYPE_HEAVY) {
 46 | 	$colors = array();
 47 | 	// we want to create a random color chart of Light colors consisting
 48 | 	// of C,D,E,F in Hex..
 49 | 	$highletters = array("A","B","C","D","E","F");
 50 | 	if($type == TYPE_HEAVY){
 51 | 	  $highletters = array("0","1","2","4","6","8");	
 52 | 	}
 53 | 
 54 | 	for($i=1; $i< ROW_NUM; $i++){
 55 | 		$colors[$i]  = array();
 56 | 		for($j=1;$j<COL_NUM;$j++){
 57 | 			$colors[$i][] = genRandColor($highletters);
 58 | 		}
 59 | 	}
 60 | } else {
 61 | 	$baseColors = include dirname(__FILE__) . '/colors.php';
 62 | 	$allColors = $baseColors;
 63 | 	$needMoreCount = (ROW_NUM * COL_NUM) - count($baseColors);
 64 | 	while ($needMoreCount > 0) {
 65 | 		$allColors[] = $baseColors[$needMoreCount];
 66 | 		$needMoreCount --;
 67 | 	}
 68 | 	shuffle($allColors);
 69 | 	$allColors = array_slice($allColors, 0, ROW_NUM * COL_NUM);
 70 | 	
 71 | 	foreach ($allColors as $key => $val) {
 72 | 		$colors[intval($key / ROW_NUM)][$key % COL_NUM] = $val;
 73 | 	}
 74 | }
 75 | 
 76 | function genRandColor($highletters)
 77 | {
 78 |     $randomhex = "";
 79 |     for ($index = 1; $index <= 6; $index++) {
 80 |         $randomindex = rand(0,5); 
 81 |         $randomhex .= $highletters[$randomindex];
 82 |     }
 83 |     return '#' . $randomhex;
 84 | 
 85 | }
 86 | 
 87 | ?> 
 88 | 
 89 | <?php
 90 |  /** ---------------------------------- HTML Template -------------------------------**/
 91 | ?>
 92 | 
 93 | <?php
 94 | require WEB_TOOLS_ROOT . '/header.html';
 95 | ?>
 96 | 
 97 | <div class="projects-header page-header">
 98 | 	<h2 id="theColorYouLike">请选择</h2>
 99 | 		<p>以下颜色为在线随机生成，点击心爱的颜色，即可获取相应的颜色值。</p>
100 | </div>
101 | 
102 | <div class="row">
103 | 
104 | <!-- <table style="width:960px;height:600px;"> -->
105 | <table class="table" style="height:500px;">
106 | <?php
107 | foreach ($colors as $colorArr) {
108 |     echo "<tr>\n";
109 |     foreach ($colorArr as $color) {
110 | 		$rgb = sprintf('RGB(%d,%d,%d)', hexdec(substr($color, 1, 2)), hexdec(substr($color, 3, 2)), hexdec(substr($color, 5, 2)));
111 |         echo <<<EOT
112 |     <td width="20px;" bgcolor="{$color}" style="cursor: pointer" onclick="javascript:copyColor('$color', '$rgb');" ></td>\n
113 | EOT;
114 |     }
115 |     echo "</tr>\n";
116 | }
117 | ?>
118 | </table>
119 | 
120 | <br />
121 | 切换至：
122 | <a href="<?php echo '/colorwall/?type=', TYPE_NORMAL; ?>">精选版</a>&nbsp;&nbsp;
123 | <a href="<?php echo '/colorwall/?type=', TYPE_SIMPLE; ?>">简约版</a>&nbsp;&nbsp;
124 | <a href="<?php echo '/colorwall/?type=', TYPE_HEAVY; ?>">深沉版</a>
125 | 
126 | <br /><br />
127 | 
128 | 更多选择：
129 | <a href="http://tool.oschina.net/commons?type=3">RGB颜色对照表</a>&nbsp;&nbsp;
130 | <a href="http://www.w3school.com.cn/html/html_colornames.asp">HTML 颜色名</a>&nbsp;&nbsp;
131 | 
132 | 
133 | </div> <!-- row -->
134 | 
135 | <?php
136 | require WEB_TOOLS_ROOT . '/footer.html';
137 | ?>
138 | 
139 | <?php
140 |  /** ---------------------------------- JS Functions -------------------------------**/
141 | ?>
142 | <script type="text/javascript">
143 | function copyColor(color, rgb)
144 | {
145 |     document.getElementById("theColorYouLike").innerHTML = rgb + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + color;
146 | }
147 | 
148 | </script>
149 | 
150 | 


--------------------------------------------------------------------------------
/common.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * 公共文件
 4 |  *
 5 |  * @author: dogstar 2014-11-08
 6 |  */
 7 | 
 8 | header('Content-type: text/html; charset=utf-8');
 9 | 
10 | define('WEB_TOOLS_ROOT', dirname(__FILE__) . '/');
11 | define('WEB_TOOLS_HOST', 'http://web-tools.phalapi.net/');
12 | 


--------------------------------------------------------------------------------
/css/bootstrap.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Bootstrap v3.3.0 (http://getbootstrap.com)
3 |  * Copyright 2011-2014 Twitter, Inc.
4 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5 |  *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:before,:after{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=radio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px;line-height:1.42857143 \0}input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px;line-height:1.5 \0}input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px;line-height:1.33 \0}_:-ms-fullscreen,:root input[type=date],_:-ms-fullscreen,:root input[type=time],_:-ms-fullscreen,:root input[type=datetime-local],_:-ms-fullscreen,:root input[type=month]{line-height:1.42857143}_:-ms-fullscreen.input-sm,:root input[type=date].input-sm,_:-ms-fullscreen.input-sm,:root input[type=time].input-sm,_:-ms-fullscreen.input-sm,:root input[type=datetime-local].input-sm,_:-ms-fullscreen.input-sm,:root input[type=month].input-sm{line-height:1.5}_:-ms-fullscreen.input-lg,:root input[type=date].input-lg,_:-ms-fullscreen.input-lg,:root input[type=time].input-lg,_:-ms-fullscreen.input-lg,:root input[type=datetime-local].input-lg,_:-ms-fullscreen.input-lg,:root input[type=month].input-lg{line-height:1.33}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{position:absolute;margin-top:4px \9;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio].disabled,input[type=checkbox].disabled,fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm,.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm,select.form-group-sm .form-control{height:30px;line-height:30px}textarea.input-sm,textarea.form-group-sm .form-control,select[multiple].input-sm,select[multiple].form-group-sm .form-control{height:auto}.input-lg,.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg,select.form-group-lg .form-control{height:46px;line-height:46px}textarea.input-lg,textarea.form-group-lg .form-control,select[multiple].input-lg,select[multiple].form-group-lg .form-control{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.3px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#428bca;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none;visibility:hidden}.collapse.in{display:block;visibility:visible}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px solid}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=radio],[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=radio],.input-group-addon input[type=checkbox]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none;visibility:hidden}.tab-content>.active{display:block;visibility:visible}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;visibility:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#428bca;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-right:auto;margin-left:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{color:#555;text-decoration:none;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-right:15px;padding-left:15px}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#428bca}.panel-primary>.panel-heading .badge{color:#428bca;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-size:12px;line-height:1.4;visibility:visible;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-size:14px;font-weight:400;line-height:1.42857143;text-align:left;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.carousel-inner>.item.next,.carousel-inner>.item.active.right{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.prev,.carousel-inner>.item.active.left{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}


--------------------------------------------------------------------------------
/css/font-awesome.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
3 |  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4 |  */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}


--------------------------------------------------------------------------------
/css/site.min.css:
--------------------------------------------------------------------------------
1 | body{font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif}h1,.h1,h2,.h2,h3,.h3,h4,.h4,.lead{font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}body{padding-top:30px}@media (min-width:768px){.navbar{min-height:40px}.navbar-nav>li>a{font-size:14px;padding-top:11px;padding-bottom:11px}.navbar-brand{padding-top:0;padding-bottom:0;line-height:42px;height:42px}}.jumbotron{position:relative;padding:40px 0;color:#fff;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.4),0 0 30px rgba(0,0,0,.075);background:#020031;background:-moz-linear-gradient(45deg,#020031 0,#6d3353 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,#020031),color-stop(100%,#6d3353));background:-webkit-linear-gradient(45deg,#020031 0,#6d3353 100%);background:-o-linear-gradient(45deg,#020031 0,#6d3353 100%);background:-ms-linear-gradient(45deg,#020031 0,#6d3353 100%);background:linear-gradient(45deg,#020031 0,#6d3353 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#020031', endColorstr='#6d3353', GradientType=1);-webkit-box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2);-moz-box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2);box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2)}.jumbotron a{color:#fff;color:rgba(255,255,255,.5);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.jumbotron aa:hover{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.25)}.jumbotron .container{position:relative;z-index:2}.jumbotron:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url(../img/bs-docs-masthead-pattern.png) repeat center center;opacity:.4}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1){.jumbotron:after{background-size:150px 150px}}.masthead{padding:60px 0 80px;margin-bottom:0;color:#fff}@media screen and (min-width:768px){.masthead{padding:90px 0 110px}}.masthead h1{font-size:60px;line-height:1;letter-spacing:-2px;font-weight:700}@media screen and (min-width:768px){.masthead h1{font-size:90px}}@media screen and (min-width:992px){.masthead h1{font-size:100px}}.masthead h2{font-size:18px;font-weight:200;line-height:1.25}@media screen and (min-width:768px){.masthead h2{font-size:24px}}@media screen and (min-width:992px){.masthead h2{font-size:30px}}.masthead p{font-size:40px;font-weight:200;line-height:1.25}.masthead .masthead-button-links{margin-top:30px}.masthead-links{margin:0;padding:0;list-style:none}.masthead-links li{display:inline;padding:0 10px;color:rgba(255,255,255,.25)}.masthead-links li a:hover{color:#fff}.subhead{text-align:center;border-bottom:1px solid #ddd}@media screen and (min-width:768px){.subhead{text-align:left}}.subhead h1{font-size:60px}.subhead p{margin-bottom:20px}@media screen and (min-width:768px){.subhead p{text-align:left}}.btn-primary.btn-shadow{-webkit-box-shadow:inset 0 -4px 0 #2a6496;box-shadow:inset 0 -4px 0 #2a6496;border:0;color:#fff}.btn-lg.btn-shadow{padding:13px 35px 17px}.bc-social{padding:15px 0;text-align:center;background-color:#f5f5f5;border-top:1px solid #fff;border-bottom:1px solid #ddd}.bc-social-buttons{margin-left:0;margin-bottom:0;padding-left:0;list-style:none}.bc-social-buttons li{display:inline-block;line-height:1;color:#555}.bc-social-buttons li .fa{font-size:18px;margin-right:3px}.bc-social-buttons li .fa-weibo{font-size:20px}.bc-social-buttons li a{color:#555}.bc-social-buttons li.social-qq:hover{color:#428bca}.bc-social-buttons li.social-weibo a:hover{color:#d9534f}.bc-social-buttons>li+li:before{padding:0 10px;color:#ccc;content:"|"}.projects .thumbnail{display:block;margin-left:auto;margin-right:auto;text-align:center;max-width:310px;margin-bottom:30px;border-radius:0}.projects .thumbnail .caption{height:200px;overflow-y:hidden;color:#555}.projects .thumbnail .caption a:hover,.projects .thumbnail .caption a:focus{text-decoration:none}.projects .thumbnail img{max-width:100%;height:auto}.projects-header{width:60%;text-align:center;margin:60px 0 10px;font-weight:200;margin-bottom:40px;display:block;margin-left:auto;margin-right:auto}.projects-header h2{font-size:30px;letter-spacing:-1px}@media screen and (min-width:768px){.projects-header h2{font-size:42px}}.nav-sub{padding-top:10px;padding-bottom:10px;margin-top:70px;border-top:1px solid #eee}.footer{color:#777;padding:30px 0;border-top:1px solid #e5e5e5;margin-top:10px}.footer a{color:#777}.footer-top .about>div{height:110px;margin-bottom:10px}.footer-top .about>div h4{color:#563d7c;font-size:16px}.footer-bottom{font-size:13px}.footer-bottom ul>li{padding:0}.footer-bottom ul>li+li:before{padding:0 10px;color:#ccc;content:"|"}#scrollUp{background-color:#777;color:#eee;font-size:40px;line-height:1;text-align:center;text-decoration:none;bottom:20px;right:20px;overflow:hidden;width:46px;height:46px;border:none;opacity:.8}#scrollUp:hover{background-color:#333}@media screen and (min-width:992px){#scrollUp{bottom:100px}}.bc-sidebar{margin-top:30px}.bc-sidebar>ul>li>a{display:block;margin:0 0 -1px;padding:8px 14px;border:1px solid #e5e5e5}.excerpt-list{margin-top:60px}.excerpt{min-height:120px;border:1px solid #eee;position:relative;margin-bottom:10px;padding:20px 20px 20px 24px}.excerpt-title{font-size:24px;margin-top:0}.excerpt-title a{color:#555}.excerpt-title a:hover,.excerpt-title a:active{color:#3071a9}.excerpt-meta{position:absolute;bottom:12px}.excerpt-tags{color:#777}.excerpt-tags .glyphicon{position:relative;top:2px;color:#eee}.excerpt-tags a,.excerpt-tags span{color:#777;font-size:12px}.post{position:relative;margin-top:60px;max-width:680px;display:block;margin-left:auto;margin-right:auto}.post-header h1,.post-header h2{font-size:32px;margin:0 0 45px;position:relative;text-align:center}@media (min-width:768px){.post-header h1,.post-header h2{font-size:36px}}.post-header h1:after,.post-header h2:after{border-top:1px solid #e5e5e5;bottom:0;content:"";left:50%;margin:0 0 0 -30%;position:absolute;width:60%}.post-header h1 a,.post-header h2 a{color:#363636;display:block;padding:65px 0 20px;position:relative}.post-header h1 a:hover,.post-header h2 a:hover{color:#428bca}.post-header h1 a:before,.post-header h2 a:before{border-top:1px solid #e5e5e5;bottom:-4px;content:"";left:50%;margin:0 0 0 -27%;position:absolute;width:60%}.post-header h1 a:after,.post-header h2 a:after{border-top:1px solid #e5e5e5;bottom:-3px;content:"";left:50%;margin:0 0 0 -28%;position:absolute;width:60%}@media (min-width:768px){.post-header h1 a,.post-header h2 a{padding-left:65px;padding-right:65px}}.post-content{font-size:16px;line-height:1.8;padding-top:20px;padding-bottom:20px}.post-content p,.post-content pre,.post-content ul,.post-content ol,.post-content dl,.post-content form,.post-content hr,.post-content table,.post-content blockquote{margin-bottom:1.8em}.post-content blockquote{font-size:16px}.post-content pre{margin-top:-20px}.post-content li>p{margin-bottom:5px}.post-content img,.post-content video,.post-content embed,.post-content iframe{max-width:100%}.post-content img{height:auto}article.page{margin-top:0;max-width:none}article.page .post-content{padding-top:0}article.page .post-content h2{font-size:36px;padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}


--------------------------------------------------------------------------------
/demo/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Demo
 4 |  *
 5 |  * 虽然目前这种写法不是最好的，但可以先简单按以下格式来开发：
 6 |  *
 7 |  * 1、PHP处理
 8 |  * 2、HTML输出
 9 |  * 3、JS函数
10 |  *
11 |  * @author: dogstar 2014-11-14
12 |  */
13 | ?>
14 | 
15 | <?php
16 |  /** ---------------------------------- PHP Handle -------------------------------**/
17 | ?>
18 | 
19 | <?php
20 | require_once dirname(__FILE__) . '/../common.php';
21 | ?>
22 | 
23 | <?php
24 | /**
25 |  * TODO: 请在下面进行PHP处理
26 |  */
27 | 
28 | ?> 
29 | 
30 | <?php
31 |  /** ---------------------------------- HTML Template -------------------------------**/
32 | ?>
33 | 
34 | <?php
35 | require WEB_TOOLS_ROOT . '/header.html';
36 | ?>
37 | 
38 | <div class="projects-header page-header">
39 |     <h2>Hello Wolrd!</h2>
40 |     <p>这是一个简单的示例模板。</p>
41 | </div>
42 | 
43 | <div class="row">
44 | 
45 | <!-- TODO: 请在下面进行界面展示处理 -->
46 | 
47 | </div>
48 | 
49 | <?php
50 | require WEB_TOOLS_ROOT . '/footer.html';
51 | ?>
52 | 
53 | <?php
54 |  /** ---------------------------------- JS Functions -------------------------------**/
55 | ?>
56 | <script type="text/javascript">
57 | /**
58 |  * TODO: 请在下面放置需要的JS函数
59 |  */
60 | 
61 | </script>
62 | 


--------------------------------------------------------------------------------
/footer.html:
--------------------------------------------------------------------------------
 1 | <!-- 广告位 -->
 2 | 	<br/>
 3 |   <div class="row">
 4 |   	<?php
 5 |   	$ads = array(
 6 | 		array('link' => 'https://www.phalapi.net/', 'pic' => 'http://7xslqv.com1.z0.glb.clouddn.com/images/e/86/46a38df552f5656959e99311735e8.jpg'),
 7 | 	/**
 8 | 		array('link' => 'http://www.itran.cc/', 'pic' => 'http://webtools.qiniudn.com/ad9.jpg'),
 9 | 		array('link' => '#', 'pic' => 'http://webtools.qiniudn.com/ad1.jpg'),
10 | 		array('link' => '#', 'pic' => 'http://webtools.qiniudn.com/ad2.jpg'),
11 | 		array('link' => '#', 'pic' => 'http://webtools.qiniudn.com/ad3.jpg'),
12 | 		array('link' => '#', 'pic' => 'http://webtools.qiniudn.com/ad5.jpg'),
13 | 		array('link' => '#', 'pic' => 'http://webtools.qiniudn.com/ad6.jpg'),
14 | 		array('link' => '#', 'pic' => 'http://webtools.qiniudn.com/ad8.jpg'),
15 | 		array('link' => '#', 'pic' => 'http://webtools.qiniudn.com/ad11.jpg'),
16 | 		array('link' => '#', 'pic' => 'http://webtools.qiniudn.com/ad12.jpg'),
17 | 		array('link' => '#', 'pic' => 'http://webtools.qiniudn.com/ad13.jpg'),
18 | 		*/
19 | 	);
20 | 
21 | 	shuffle($ads);
22 | 	$ad = array_shift($ads);
23 |     //$ad = array('link' => 'http://www.phalapi.net', 'pic' => 'http://webtools.qiniudn.com/PhalApi-950_100_yes.jpg');
24 |   	?>
25 |   	<p align="center"><a href="<?php echo $ad['link'];?>"><img src="<?php echo $ad['pic']?>" width="950" height="100" ></a></p>
26 |   </div>
27 |   
28 | </div><!-- /.container -->
29 | 
30 |   
31 |  <footer class="footer ">
32 |   <div class="container">
33 | 	  
34 |     <div class="row footer-top">
35 |       <div class="col-sm-6 col-lg-6">
36 |         <h4>
37 |           <img src="http://webtools.qiniudn.com/WebTools.png">
38 |         </h4>
39 |         <p>我们致力于提供简单实用、贴心智能的在线工具，以提高我们日常的开发效率。这些工具之所以有生气，因为我们都是开发者！
40 |             <script language="javascript" type="text/javascript" src="http://js.users.51.la/17801879.js"></script>
41 | <noscript><a href="http://www.51.la/?17801879" target="_blank"><img alt="&#x6211;&#x8981;&#x5566;&#x514D;&#x8D39;&#x7EDF;&#x8BA1;" src="http://img.users.51.la/17801879.asp" style="border:none" /></a></noscript>
42 |         </p>
43 |       </div>
44 |       <div class="col-sm-6  col-lg-5 col-lg-offset-1">
45 |         <div class="row about">
46 |           <div class="col-xs-3">
47 |             <h4>关于</h4>
48 |             <ul class="list-unstyled">
49 |               <li><a href="http://my.oschina.net/u/256338/blog/342431">我有建议</a></li>
50 |               <li><a href="<?php echo WEB_TOOLS_HOST, 'about/'; ?>">加入我们</a></li>
51 |               <li><a href="<?php echo WEB_TOOLS_HOST, 'about/'; ?>">广告合作</a></li>
52 |             </ul>
53 |           </div>
54 |           <div class="col-xs-4">
55 |             <h4>感谢</h4>
56 |             <ul class="list-unstyled">
57 | 			  <li><a href="http://www.oschina.net/" target="_blank">开源中国</a></li>
58 |               <li><a href="http://www.bootcss.com/" target="_blank">Bootstrap中文网</a></li>
59 |               <li><a href="https://portal.qiniu.com/" target="_blank">七牛云存储</a></li>
60 |             </ul>
61 |           </div>
62 |           <div class="col-xs-5">
63 |             <h4>还有</h4>
64 |             <ul class="list-unstyled">
65 | 			  <li><a href="http://www.easyicon.net/" target="_blank">Easy Icon</a></li>
66 | 			  <li><a href="http://www.craftysyntax.com/" target="_blank">Crafty Syntax Live Help</a></li>
67 | 			  <li><a href="http://www.qiuziti.com/">字体下载</a></li>
68 |             </ul>
69 |           </div>
70 |         </div>
71 | 
72 |       </div>
73 |     </div>
74 |     <hr/>
75 |     <div class="row footer-bottom">
76 |       <ul class="list-inline text-center">
77 |         <li><a href="<?php echo WEB_TOOLS_HOST, 'about/'; ?>" target="_blank">&copy; Web Tools 开发团队 2014 - 2017 All Rights Reserved</a></li>
78 |         <li><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1261349463'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/z_stat.php%3Fid%3D1261349463' type='text/javascript'%3E%3C/script%3E"));</script></li>
79 |       </ul>
80 |     </div>
81 |   </div>
82 | </footer>
83 | 
84 | <!-- Bootstrap core JavaScript
85 | ================================================== -->
86 | <!-- Placed at the end of the document so the pages load faster -->
87 | <!--
88 | <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
89 | <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
90 | <script src="http://cdn.bootcss.com/unveil/1.3.0/jquery.unveil.min.js"></script>
91 | <script src="http://cdn.bootcss.com/scrollup/2.4.0/jquery.scrollUp.min.js"></script>
92 | <script src="http://cdn.bootcss.com/toc/0.3.2/toc.min.js"></script>
93 | <script src="http://static.bootcss.com/www/assets/js/site.min.js"></script>
94 | -->
95 | 
96 |   </body>
97 | </html>
98 | 


--------------------------------------------------------------------------------
/header.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="zh-CN">
 3 | 
 4 | <head>
 5 | <meta charset="utf-8">
 6 | <title>WebTools - 开发者在线工具</title>
 7 | <meta name="description" content="WebTools是为开发者提供的在线工具的平台，我们致力于提供简单实用、贴心智能的在线工具，以提高我们日常的开发效率。这些工具之所以有生气，因为我们都是开发者！">
 8 | <meta name="keywords" content="WebTools,webtools,在线工具,开发者在线工具,Web开发工具,在线颜色,颜色墙,在线时间戳,colorwall,Web Tools,web tools,颜色转换,json解析,JSON解析,开发者工具,在线颜色转换,URL编码,URL解码">
 9 | <meta name="author" content="dogstar">
10 | 
11 | <!-- Site CSS -->
12 | 
13 | <link href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
14 | <link href="http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
15 | <!-- 
16 | <link href="http://static.bootcss.com/www/assets/css/site.min.css?v4" rel="stylesheet">
17 |  -->
18 |  
19 | <!--
20 | <link href="/css/bootstrap.min.css?20141111" rel="stylesheet">
21 | <link href="/css/font-awesome.min.css?20141111" rel="stylesheet">
22 | -->
23 | <link href="/css/site.min.css?20141111" rel="stylesheet">
24 | 
25 | <link rel="shortcut icon" href="http://webtools.qiniudn.com/20141108092546539_easyicon_net_72.png">
26 | 
27 | <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
28 | <!--[if lt IE 9]>
29 |   <script src="/assets/js/html5shiv.min.js?v=cb728e5f49"></script>
30 |   <script src="/assets/js/respond.min.js?v=cb728e5f49"></script>
31 | <![endif]-->
32 | 
33 | </head>
34 | 
35 |  <body class="home-template">
36 | 
37 |     <div class="navbar navbar-inverse navbar-fixed-top">
38 |   <div class="container">
39 |     <div class="navbar-header">
40 |       <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
41 |         <span class="sr-only">Toggle navigation</span>
42 |         <span class="icon-bar"></span>
43 |         <span class="icon-bar"></span>
44 |         <span class="icon-bar"></span>
45 |       </button>
46 |       <a class="navbar-brand hidden-sm" href="/">WebTools</a>
47 |     </div>
48 |     <div class="navbar-collapse collapse" role="navigation">
49 |       <ul class="nav navbar-nav">
50 |           <li><a href="/colorwall/"  >在线颜色墙</a></li>
51 |           <li><a href="/timestamp/" >在线时间戳</a></li>
52 |           <li><a href="/json/" >在线JSON解析</a></li>
53 |           <li><a href="/colortran/" >在线颜色转换</a></li>
54 |           <li><a href="/regex/" >在线正则表达式</a></li>
55 |           <li><a href="/url/" >URL编码/解码</a></li>
56 |           <!-- <li><a href="<?php echo WEB_TOOLS_HOST, '#/'; ?>" >在线URL解析</a></li>  -->
57 |       </ul>
58 |       <ul class="nav navbar-nav navbar-right">
59 |         <li><a href="https://github.com/phalapi/Web-Tools">我要贡献</a></li>
60 |         <li><a href="/about/">关于</a></li>
61 |       </ul>
62 |     </div>
63 |   </div>
64 | </div>
65 | 
66 | <div class="container projects">
67 |         <!-- Everything start from here ! -->
68 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * Demo
  4 |  *
  5 |  * 虽然目前这种写法不是最好的，但可以先简单按以下格式来开发：
  6 |  *
  7 |  * 1、PHP处理
  8 |  * 2、HTML输出
  9 |  * 3、JS函数
 10 |  *
 11 |  * @author: dogstar 2014-11-14
 12 |  */
 13 | 
 14 |  /** ---------------------------------- PHP Handle -------------------------------**/
 15 | 
 16 | require_once dirname(__FILE__) . '/common.php';
 17 | 
 18 | header('Cache-control', 'max-age=36000');
 19 | header('Expires', gmdate('D, d M Y H:i:s', $_SERVER['REQUEST_TIME'] + 36000) . ' GMT');
 20 | header('Last-Modified: '. gmdate('D, d M Y H:i:s', $_SERVER['REQUEST_TIME'] + 36000) . ' GMT');
 21 | 
 22 |  /** ---------------------------------- HTML Template -------------------------------**/
 23 | 
 24 | require WEB_TOOLS_ROOT . '/header.html';
 25 | ?>
 26 | 
 27 | <div class="projects-header page-header">
 28 | 	<h2 id="theColorYouLike">Web Tools开发者在线工具精品推荐</h2>
 29 | 	<p>以下在线工具由开源社区提供，并通过精心挑选，追求简洁实用。 希望能对您有帮助，谢谢！</p>
 30 | </div>
 31 | 
 32 | 
 33 | <div class="row">
 34 | 
 35 |       	<div class="col-sm-6 col-md-4 col-lg-3 ">
 36 |           <div class="thumbnail">
 37 |             <a href="<?php echo WEB_TOOLS_HOST . 'colorwall/'; ?>" title="Bootstrap 编码规范" ><img class="lazy" src="http://cdn7.okayapi.com/89E670FD80BA98E7F7D7E81688123F32_20190612235705_7cfbe0dce3727031890aaf651d5fb6d5.jpeg" width="300" height="150" alt="Color Wall"></a>
 38 |             <div class="caption">
 39 |               <h3> 
 40 |                 <a href="<?php echo WEB_TOOLS_HOST . 'colorwall/'; ?>" title="颜色墙" >在线颜色墙<br><small>by @dogstar</small></a>
 41 |               </h3>
 42 |               <p>
 43 |               WebTools颜色墙：在线随机生成，并共有标准版、简约版和深沉版三个版本。
 44 |               </p>
 45 |             </div>
 46 |           </div>
 47 |         </div>
 48 |         
 49 |         <div class="col-sm-6 col-md-4 col-lg-3 ">
 50 |           <div class="thumbnail">
 51 |             <a href="<?php echo WEB_TOOLS_HOST . 'timestamp/'; ?>" title="在线时间戳"><img class="lazy" src="http://cdn7.okayapi.com/89E670FD80BA98E7F7D7E81688123F32_20190612235740_6611f0708ed597fabc1f73adda234a95.jpeg" width="300" height="150" alt="Color Wall"></a>
 52 |             <div class="caption">
 53 |               <h3> 
 54 |                 <a href="<?php echo WEB_TOOLS_HOST . 'timestamp/'; ?>" title="时间戳" >在线时间戳<br><small>by @dogstar</small></a>
 55 |               </h3>
 56 |               <p>
 57 |               WebTools在线时间戳：如果是时间戳，系统将会转换成日期；反之，则会转换成时间戳。
 58 |               </p>
 59 |             </div>
 60 |           </div>
 61 |         </div>
 62 |         
 63 |         <div class="col-sm-6 col-md-4 col-lg-3 ">
 64 |           <div class="thumbnail">
 65 |             <a href="<?php echo WEB_TOOLS_HOST . 'json/'; ?>" title="在线JSON解析" ><img class="lazy" src="http://cdn7.okayapi.com/89E670FD80BA98E7F7D7E81688123F32_20190612235756_9d86324447e708c0a3cad4444b0628ed.jpeg" width="300" height="150" alt="Color Wall"></a>
 66 |             <div class="caption">
 67 |               <h3> 
 68 |                 <a href="<?php echo WEB_TOOLS_HOST . 'json/'; ?>" title="在线JSON解析" >在线JSON解析<br><small>by @dogstar</small></a>
 69 |               </h3>
 70 |               <p>
 71 |               WebTools在线JSON解析：输入JSON串后，本地会实时转换；如果不行，可以尝试智能转换。
 72 |               </p>
 73 |             </div>
 74 |           </div>
 75 |         </div>
 76 |         
 77 |         <div class="col-sm-6 col-md-4 col-lg-3 ">
 78 |           <div class="thumbnail">
 79 |             <a href="<?php echo WEB_TOOLS_HOST . 'colortran/'; ?>" title="在线颜色转换" ><img class="lazy" src="http://cdn7.okayapi.com/89E670FD80BA98E7F7D7E81688123F32_20190613000256_f92750c7cb07cf00db9f30cf931b794b.jpeg" width="300" height="150" alt="Color Wall"></a>
 80 |             <div class="caption">
 81 |               <h3> 
 82 |                 <a href="<?php echo WEB_TOOLS_HOST . 'colortran/'; ?>" title="在线颜色转换" >在线颜色转换<br><small>by @dogstar</small></a>
 83 |               </h3>
 84 |               <p>
 85 |                  WebTools在线颜色转换：输入需要转换的颜色后，如果是RGB格式，系统将会转换成带#号的HEX；反之，则会转换成RGB。
 86 |              </p>
 87 |            </div>
 88 |         </div>
 89 |     </div>
 90 | </div>
 91 | 
 92 | 
 93 | <div class="row">
 94 | 
 95 |         <div class="col-sm-6 col-md-4 col-lg-3 ">
 96 |         <div class="thumbnail">
 97 |             <a href="<?php echo WEB_TOOLS_HOST . 'url/'; ?>" title="在线URIComponent转换"><img class="lazy" src="http://cdn7.okayapi.com/89E670FD80BA98E7F7D7E81688123F32_20190613000106_f4679022dc9e45e46f38bb02c7b1fe96.jpeg" width="300" height="150" alt="url"></a>
 98 |             <div class="caption">
 99 |                 <h3>
100 |                     <a href="<?php echo WEB_TOOLS_HOST . 'url/'; ?>" title="在线URIComponent转换" >在线URIComponent转换<br><small>by @dogstar</small></a>
101 |                 </h3>
102 |                 <p>
103 |                     在线URIComponent转换：当输入字符串后，系统会url编码并转义用于分隔 URI 各个部分的标点符号,适用于url作为参数传递时。
104 |                 </p>
105 |             </div>
106 |         </div>
107 |     </div>
108 | 
109 | 		<div class="col-sm-6 col-md-4 col-lg-3 ">
110 |         <div class="thumbnail">
111 |             <a href="<?php echo WEB_TOOLS_HOST . 'md5/'; ?>" title="在线MD5转换"><img class="lazy" src="http://cdn7.okayapi.com/89E670FD80BA98E7F7D7E81688123F32_20190613000035_8d5587cde6250e70bb5e72cccbcddeab.jpeg" width="300" height="150" alt="Color Wall"></a>
112 |             <div class="caption">
113 |                 <h3>
114 |                     <a href="<?php echo WEB_TOOLS_HOST . 'md5/'; ?>" title="在线MD5转换" >在线MD5转换<br><small>by @sHuXnHs</small></a>
115 |                 </h3>
116 |                 <p>
117 |                     在线MD5转换：当输入字符串后，系统会自动转换成相应的字符串Md5串
118 |                 </p>
119 |             </div>
120 |         </div>
121 |     </div>
122 | 
123 |         <div class="col-sm-6 col-md-4 col-lg-3 ">
124 |         <div class="thumbnail">
125 |             <a href="<?php echo WEB_TOOLS_HOST . 'urls/'; ?>" title="在线URI转换"><img class="lazy" src="http://cdn7.okayapi.com/89E670FD80BA98E7F7D7E81688123F32_20190613000009_dccae914ffc481dfe27c87ce8605e6c4.jpeg" width="300" height="150" alt="url"></a>
126 |             <div class="caption">
127 |                 <h3>
128 |                     <a href="<?php echo WEB_TOOLS_HOST . 'urls/'; ?>" title="在线URI转换" >在线URI转换<br><small>by @sHuXnHs</small></a>
129 |                 </h3>
130 |                 <p>
131 |                     在线URI转换：当输入字符串后，系统会整个URI进行编码，但不会对本身属于URI的特殊字符进行编码，例如、/ ？和#,适用于url跳转时。
132 |                 </p>
133 |             </div>
134 |         </div>
135 |         </div>
136 | 
137 |         <div class="col-sm-6 col-md-4 col-lg-3 ">
138 |         <div class="thumbnail">
139 |             <a href="<?php echo WEB_TOOLS_HOST . 'base64/'; ?>" title="在线图片base64编码"><img class="lazy" src="http://cdn7.okayapi.com/89E670FD80BA98E7F7D7E81688123F32_20190613000508_3d446f9f740bede8b006ce0ee8d44068.jpeg" width="300" height="150" alt="url"></a>
140 |             <div class="caption">
141 |                 <h3>
142 |                     <a href="<?php echo WEB_TOOLS_HOST . 'base64/'; ?>" title="在线图片base64编码" >在线图片base64编码<br><small>by @sHuXnHs</small></a>
143 |                 </h3>
144 |                 <p>
145 |                     在线图片base64编码：当上传图片后，系统会对图片进行base64编码。
146 |                 </p>
147 |             </div>
148 |         </div>
149 |     </div>
150 | </div>
151 | 
152 | <div class="row">
153 |     <div class="col-sm-6 col-md-4 col-lg-3 ">
154 |         <div class="thumbnail">
155 |             <a href="<?php echo WEB_TOOLS_HOST . 'xml/'; ?>" title="在线xml格式化"><img class="lazy" src="http://cd7.yesapi.net/89E670FD80BA98E7F7D7E81688123F32_20191218151715_389b8bdaa23bede0e6b2912801c4174f.jpeg" width="300" height="150" alt="xml"></a>
156 |             <div class="caption">
157 |                 <h3>
158 |                     <a href="<?php echo WEB_TOOLS_HOST . 'xml/'; ?>" title="在线xml格式化" >xml格式化<br><small>by @sHuXnHs</small></a>
159 |                 </h3>
160 |                 <p>
161 |                     xml格式化。
162 |                 </p>
163 |             </div>
164 |         </div>
165 | 
166 |     </div>
167 | 
168 |     <div class="col-sm-6 col-md-4 col-lg-3 ">
169 |         <div class="thumbnail">
170 |             <a href="<?php echo WEB_TOOLS_HOST . 'ws/'; ?>" title="在线webSocket调试"><img class="lazy" src="http://cd7.yesapi.net/89E670FD80BA98E7F7D7E81688123F32_20191218211642_1eeb75bdde31a52438f9d4f37e5ac6c5.jpeg" width="300" height="150" alt="xml"></a>
171 |             <div class="caption">
172 |                 <h3>
173 |                     <a href="<?php echo WEB_TOOLS_HOST . 'ws/'; ?>" title="在线webSocket调试" >webSocket在线调试<br><small>by @sHuXnHs</small></a>
174 |                 </h3>
175 |                 <p>
176 |                     在线webSocket调试。
177 |                 </p>
178 |             </div>
179 |         </div>
180 | 
181 |     </div>
182 | 
183 | <?php
184 | require WEB_TOOLS_ROOT . '/footer.html';
185 | ?>
186 | 
187 | <?php
188 |  /** ---------------------------------- JS Functions -------------------------------**/
189 | ?>
190 | <script type="text/javascript">
191 | /**
192 |  * TODO: 请在下面放置需要的JS函数
193 |  */
194 | 
195 | </script>
196 | 


--------------------------------------------------------------------------------
/json/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * JSON在线解析
  4 |  *
  5 |  * 1、JS本地实时解析
  6 |  * 2、服务器智能解析，并且以PHP代码输出
  7 |  *
  8 |  * @author: dogstar 2014-11-04
  9 |  */
 10 | 
 11 | require_once dirname(__FILE__) . '/../common.php';
 12 | 
 13 | header('Content-Type', 'text/html;charset=utf-8');
 14 | //header('Cache-control', 'max-age=36000');
 15 | //header('Expires', gmdate('D, d M Y H:i:s', $_SERVER['REQUEST_TIME'] + 36000) . ' GMT');
 16 | //header('Last-Modified: '. gmdate('D, d M Y H:i:s', $_SERVER['REQUEST_TIME'] + 36000) . ' GMT');
 17 | 
 18 | $inputJson = isset($_POST['inputJson']) ? $_POST['inputJson'] : '';
 19 | 
 20 | $data = json_decode($inputJson, true);
 21 | 
 22 | $jsonStr = '';
 23 | if ($data !== NULL) {
 24 |     $data = array_map('loop_htmlspecialchars', $data);
 25 |     $jsonStr = var_export($data, true);
 26 | 	$jsonStr = str_replace(' ', '&nbsp;', str_replace("\n", '<br/>', $jsonStr));
 27 |     $jsonStr = '&lt;?php<br/><br/>return ' . $jsonStr . ';';
 28 | }
 29 | 
 30 | function loop_htmlspecialchars($value)
 31 | {
 32 |     if (is_string($value)) {
 33 |         return htmlspecialchars($value);
 34 |     } else if (is_array($value)) {
 35 |         return array_map('loop_htmlspecialchars', $value);
 36 |     }
 37 |     return $value;
 38 | }
 39 | ?> 
 40 | 
 41 | <?php
 42 |  /** ---------------------------------- Template -------------------------------**/
 43 | ?>
 44 | 
 45 | <?php
 46 | require WEB_TOOLS_ROOT . '/header.html';
 47 | ?>
 48 | 
 49 | <div class="projects-header page-header">
 50 |     <h2>请输入</h2>
 51 |     <p>请在下面输入您需要转换的json串 ，本地会实时转换。</p>
 52 | </div>
 53 | 
 54 | <div class="row">
 55 | <form action="" method="POST">
 56 |     <div class="row">
 57 |         <div class="row">
 58 |             <textarea class="form-control" rows="5" onkeyup="tranJson();" id="inputJson" name="inputJson" ><?php echo $inputJson;?></textarea>
 59 |         </div>
 60 |     </div>
 61 |     <br /><br />
 62 | 
 63 |     <div class="row">
 64 |         <textarea class="well"  id="formatJson" name="" id="" style="width: 100%;height:100%;overflow-y:visible;">这里将会实时显示结果</textarea>
 65 |     </div>
 66 | 
 67 |     <br/ >
 68 | 示例：{"ret":0,"data":{"title":"Hello World","content":"Welcome to use Web Tools!","verion":"1.0.0","time":1415982826},"msg":""}
 69 |     <br /><br />
 70 | 
 71 | </form>
 72 | <br />
 73 | 
 74 | 更多选择：
 75 | <a href="http://www.kjson.com/jsonparser/">JSON在线视图</a>&nbsp;&nbsp;
 76 | </div> <!-- row -->
 77 | 
 78 | <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
 79 | <script src="http://cdn.bootcss.com/json3/3.3.2/json3.js"></script>
 80 | <script type="text/javascript">
 81 | function tranJson() {
 82 | 	var str = $("#inputJson").val();
 83 |     var result = '';
 84 |     var formatJsonBox = $('#formatJson');
 85 |     formatJsonBox.css('height','auto');
 86 |     try{
 87 |         if (str.length > 0) {
 88 |             var obj = JSON.parse(str);
 89 |             result = formatJson(obj, '', false);
 90 |             formatJsonBox.val(result);
 91 |             formatJsonBox.height(formatJsonBox[0].scrollHeight);
 92 |             formatJsonBox.css('max-height',formatJsonBox[0].scrollHeight);
 93 |         } else {
 94 |             formatJsonBox.val('');
 95 |         }
 96 |     }catch(e){
 97 |         result = 'Invalide JSON String';
 98 |         formatJsonBox.val(result);
 99 |     }
100 | }
101 | 
102 | function formatJson(res, space, isNodeFromArr)
103 | {
104 |     var resStr = '';
105 |     var insideSpace = space + "    ";
106 |     isNodeFromArr = isNodeFromArr == 'undefined' ? true : isNodeFromArr;
107 |     if (res instanceof Array) {
108 |         resStr += isNodeFromArr ? space + "[\n" : "[\n";
109 |         for (var i = 0; i < res.length; ++i) {
110 |             if (res[i] instanceof Object || res[i] instanceof Array) {
111 |                 resStr += formatJson(res[i], space + "    ", true) + ",\n";
112 |             } else {
113 |                 resStr += insideSpace +  parseParam(res[i]) + ",\n";
114 |             }
115 |         }
116 |         if (res.length > 0) {
117 |             resStr = resStr.substr(0, resStr.length - 2)  + "\n";;
118 |         }
119 |         resStr += space + "]";
120 |     } else if (res instanceof Object) {
121 |         resStr += isNodeFromArr ? space + "{\n" : "{\n";
122 |         for (var k in res) {
123 |             resStr += insideSpace + "\"" + k + "\": ";
124 |             if (res[k] instanceof Object || res[k] instanceof Array) {
125 |                 resStr += formatJson(res[k], space + "    ", false);
126 |             } else {
127 |                 resStr += parseParam(res[k]);
128 |             }
129 |             resStr += ",\n";
130 |         }
131 |         if (res) {
132 |             resStr = resStr.substr(0, resStr.length - 2) + "\n";
133 |         }
134 |         resStr += space + "}";
135 |     }
136 |     return resStr;
137 | }
138 | 
139 | function parseParam(param)
140 | {
141 |     switch(typeof(param)){
142 |         case 'string' : 
143 |             return '"' + param + '"';
144 |             break;
145 |         case 'number' :
146 |         case 'boolean':
147 |             return param;
148 |     }
149 |     return '';
150 | }
151 | 
152 | </script>
153 | 
154 | <?php
155 | require WEB_TOOLS_ROOT . '/footer.html';
156 | ?>
157 | 


--------------------------------------------------------------------------------
/md5/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * 在线md5转换
  4 |  * User: 何晓宏
  5 |  * Date: 2019/1/12
  6 |  * Time: 16:06
  7 |  */
  8 | ?>
  9 | 
 10 | <?php
 11 | /** ---------------------------------- PHP Handle -------------------------------**/
 12 | ?>
 13 | 
 14 | <?php
 15 | require_once dirname(__FILE__) . '/../common.php';
 16 | ?>
 17 | 
 18 | <?php
 19 | 
 20 | $outputMD5 = 'md5';
 21 | $inputMD5 = '';
 22 | 
 23 | if (isset($_POST['inputMD5'])) {
 24 |     $inputMD5 =  trim($_POST['inputMD5']);
 25 | 
 26 | 
 27 |     $outputMD5 = md5($inputMD5);
 28 | 
 29 | }
 30 | 
 31 | 
 32 | 
 33 | ?>
 34 | 
 35 | <?php
 36 | /** ---------------------------------- HTML Template -------------------------------**/
 37 | ?>
 38 | 
 39 | <?php
 40 | require WEB_TOOLS_ROOT . '/header.html';
 41 | ?>
 42 | 
 43 | <div class="projects-header page-header">
 44 |     <h2 id="theColorYouLike"><?php echo isset($_POST['$inputMD5']) ? $outputMD5 : '请输入';?></h2>
 45 |     <p>请输入需要转化为md5的字符串</p>
 46 | </div>
 47 | 
 48 | <div class="row">
 49 |     <div class="row">
 50 |         <form action="" method="POST">
 51 |             <div class="col-xs-4">
 52 |             </div>
 53 |             <div class="col-xs-4">
 54 |                 <input type="text" class="form-control" placeholder="请在这里输入字符串" name="inputMD5" value="<?php echo $inputMD5;?>">
 55 |             </div>
 56 |             <div class="col-xs-4">
 57 |                 <input type="submit" class="btn btn-success" value="智能转换" >
 58 |             </div>
 59 |         </form>
 60 |     </div>
 61 | 
 62 |     <br />
 63 | 
 64 | 
 65 | 
 66 |     <br /><br />
 67 |     <h3>猜你需要：</h3>
 68 | 
 69 |     <table class="table table-hover">
 70 |         <tr>
 71 |             <td>转换结果：</td>
 72 |             <td><?php  echo $outputMD5; ?></td>
 73 |             <td>转换大写</td>
 74 |             <td><?php  echo strtoupper($outputMD5) ; ?></td>
 75 |         </tr>
 76 |         <tr>
 77 |             <td>两次MD5加密：</td>
 78 |             <td><?php  echo md5($outputMD5) ; ?></td>
 79 |             <td>两次MD5加密转换大写：</td>
 80 |             <td><?php  echo strtoupper(md5($outputMD5)) ; ?></td>
 81 |         </tr>
 82 |         <tr>
 83 |             <td>base64加密:</td>
 84 |             <td><?php  echo base64_encode($inputMD5) ; ?></td>
 85 |             <td>base64解密:</td>
 86 |             <td><?php  echo base64_decode($inputMD5) ; ?></td>
 87 |         </tr>
 88 |         <tr>
 89 |             <td>MD5+base64:</td>
 90 |             <td><?php  echo base64_encode($outputMD5) ; ?></td>
 91 |             <td></td>
 92 |             <td></td>
 93 |         </tr>
 94 |     </table>
 95 |     <br /><br />
 96 | 
 97 | 
 98 | 
 99 | </div> <!-- row -->
100 | 
101 | <?php
102 | require WEB_TOOLS_ROOT . '/footer.html';
103 | ?>
104 | 
105 | <?php
106 | /** ---------------------------------- JS Functions -------------------------------**/
107 | ?>
108 | <script type="text/javascript">
109 |     /**
110 |      * TODO: 请在下面放置需要的JS函数
111 |      */
112 | 
113 | </script>
114 | 
115 | 


--------------------------------------------------------------------------------
/regex/.index.php.swp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phalapi/Web-Tools/b50038e104c2a0eafba590ed023eb8c51c2df80c/regex/.index.php.swp


--------------------------------------------------------------------------------
/regex/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * 正则表达式工具
  4 |  *  
  5 |  * @author: simba.wei 2015-01-26
  6 |  */ 
  7 | 
  8 | require_once dirname(__FILE__) . '/../common.php';
  9 | 
 10 | header('Content-Type', 'text/html;charset=utf-8');
 11 | 
 12 | 
 13 | ?>
 14 | 
 15 | 
 16 | <?php
 17 |  /** ---------------------------------- Template -------------------------------**/
 18 | ?>
 19 | 
 20 | <?php
 21 | require WEB_TOOLS_ROOT . '/header.html';
 22 | ?>
 23 | 
 24 | <?php 
 25 |  /** ----------------------------------- CSS ------------------------------------**/
 26 | ?>
 27 | <style type="text/css">
 28 |     #reg-exp {
 29 |        font: 100% "courier new",monospace;
 30 |     }
 31 |     .smart-field b {
 32 |        background: none repeat scroll 0 0 #FFF000;
 33 |        color: #FFF000;
 34 |     }
 35 |     .smart-field i {
 36 |         background :none repeat scroll 0 0 #80C0FF;
 37 |         color: #80C0FF;
 38 |     }
 39 |     .smart-field textarea{
 40 |         background: none repeat scroll 0 0 transparent;
 41 |         position:absolute;
 42 |         z-index:999;
 43 |         font: 100% "courier new",monospace;
 44 |     }
 45 |     .smart-field span{
 46 |         position:absolute;
 47 |         z-index: 1;
 48 |         padding: 6px 12px;
 49 |         background: none;
 50 |         white-space: pre-wrap;
 51 |         color: #F9F9F9;
 52 |         font: 100% "courier new",monospace;
 53 |         word-wrap: break-word;
 54 |         display: block;
 55 |     }
 56 |     .form-group label{
 57 |         font-weight: normal;
 58 |     }
 59 |     .projects-header b{
 60 |         color: #000;
 61 |     }
 62 | </style>
 63 | 
 64 | <div class="projects-header page-header smart-field">
 65 |     <h2>请输入</h2>
 66 |     <p>请在下面输入您的正则表达式以及待匹配的文本</p>
 67 |     <p>匹配成功的字符串将<b>高亮</b>显示</p>
 68 | </div>
 69 | 
 70 | <div class="row">
 71 |     <div class="row">
 72 |         <form action="" class="form-inline" role="form">
 73 |             <div class="form-group">
 74 |                 <input type="checkbox" checked id="match-all">
 75 |                 <label for="match-all">全局匹配</label>
 76 |             </div>&nbsp;&nbsp;
 77 |             <div class="form-group">
 78 |                 <input type="checkbox" id="show-result">
 79 |                 <label for="show-result">显示match结果</label>
 80 |             </div>&nbsp;&nbsp;
 81 |             <div class="form-group">
 82 |                 <input type="checkbox" id="ignore-case">
 83 |                 <label for="ignore-case">不区分大小写</label>
 84 |             </div>&nbsp;&nbsp;
 85 |         </form>
 86 |         <textarea id="reg-exp" class="form-control" placeholder="请输入正则表达式" name="" rows="5"></textarea>
 87 |     </div>
 88 |     <p/>
 89 |     <div class="row smart-field" style="height:200px;">
 90 |         <span id="reg-text-bg"></span>
 91 |         <textarea id="reg-text" class="form-control" style="height:200px;max-height:200px;" placeholder="请输入文本" rows="10"></textarea>
 92 |     </div>
 93 |     <p/>
 94 |     <div class="row">
 95 |         <pre id ="reg-result" style="display:none">显示匹配结果</pre>
 96 |     </div>
 97 | </div>
 98 | 
 99 | 
100 | <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
101 | <script type="text/javascript">
102 |     $(document).ready(function(){
103 |         //自适应宽度
104 |         $('#reg-text').width($('#reg-exp').width());
105 |         $('#reg-text-bg').width($('#reg-exp').width());
106 |         $(window).resize(function(){
107 |             $('#reg-text').width($('#reg-exp').width());
108 |             $('#reg-text-bg').width($('#reg-exp').width());
109 |         });
110 |         //
111 |         $('#reg-exp').bind('keyup', function(){ 
112 |             match(); 
113 |         });
114 |         $('#reg-text').bind('keyup', function(){ 
115 |             var scrollHeight = $(this)[0].scrollHeight;
116 |             if ($(this).outerHeight() < scrollHeight) {
117 |                 $(this).parent('.row').height(scrollHeight);
118 |                 $(this).height(scrollHeight);
119 |                 $(this).css('max-height', scrollHeight);
120 |             }
121 |             match();
122 |         });
123 |         $('#match-all').change(function(){ match(); });
124 |         $('#ignore-case').change(function(){ match(); });
125 |         $('#show-result').change(function(){
126 |             if ($(this).is(':checked')) {
127 |                 $('#reg-result').show();
128 |             } else {
129 |                 $('#reg-result').hide();
130 |             }
131 |         });
132 |         
133 |         var replaceByMap = function(map, str)
134 |         {
135 |             var result = str;
136 |             for (var k in map) {
137 |                 result = result.replace(eval('/'+ k +'/g'), map[k]);
138 |             }    
139 |             return result;
140 |         }
141 |         //
142 |         var match = function (){
143 |             var regExStr = $('#reg-exp').val();
144 |             var regText = $('#reg-text').val();
145 |             if (!regExStr || !regText) {
146 |                 $('#reg-text-bg').html('');
147 |                 $('#reg-result').html('显示匹配结果');
148 |                 return;
149 |             }
150 |             var map = {
151 |                 '&' : '&amp', //必须第一个替换
152 |                 '<' : '&lt',
153 |                 '>' : '&gt',
154 |                 '"' : '&quot'
155 |             };
156 | 
157 |             regExStr = '/' + regExStr + '/';
158 | 
159 |             if ($('#match-all').is(':checked') == true) {
160 |                 regExStr += 'g';
161 |             }
162 |             if ($('#ignore-case').is(':checked') == true) {
163 |                 regExStr += 'i';
164 |             }
165 | 
166 |             try{
167 |                 var regEx = eval(regExStr);
168 |                 var result = regText.match(regEx);
169 |                 
170 |                 regEx = eval(replaceByMap(map, regExStr));
171 | 
172 |                 var i = 0;
173 |                 var regTextBg = replaceByMap(map, regText).replace(regEx, function(str){
174 |                     if (i++ % 2 == 0) {
175 |                         return '<b>' +  str + '</b>';
176 |                     } else {
177 |                         return '<i>' +  str + '</i>';
178 |                     }
179 |                 }).replace(/&amp|&lt|&gt|&quot/g, '_');
180 |                 $('#reg-text-bg').html(regTextBg);
181 |                 $('#reg-result').text(JSON.stringify(result)).html();
182 |             } catch(e) {
183 |                 $('#reg-text-bg').html('');
184 |                 $('#reg-result').html('Invalide RegExp');
185 |             }
186 |         }
187 | 
188 |         //初使化
189 |         var firstFocus = true;
190 |         var defaultRegExStr = '^(\\w+\\.){3}\\w+$';
191 |         var defaultRegExText = 'webtools.oschina.mopaas.com';
192 | 
193 |         $('#reg-exp').focus(function(){
194 |             if (firstFocus === false) {
195 |                 return;
196 |             }
197 |             firstFocus = false;
198 |             $('#reg-exp').html('');
199 |             $('#reg-text').html('');
200 |             match();            
201 |         });
202 | 
203 |         $('#reg-exp').html(defaultRegExStr);
204 |         $('#reg-text').html(defaultRegExText);
205 |         match();
206 |     });
207 | </script>
208 | 
209 | <?php
210 | require WEB_TOOLS_ROOT . '/footer.html';
211 | ?>
212 | 


--------------------------------------------------------------------------------
/timestamp/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * 在线时间戳转换
  4 |  *
  5 |  * @author: dogstar 2014-11-14
  6 |  */
  7 | ?>
  8 | 
  9 | <?php
 10 |  /** ---------------------------------- PHP Handle -------------------------------**/
 11 | ?>
 12 | 
 13 | <?php
 14 | require_once dirname(__FILE__) . '/../common.php';
 15 | ?>
 16 | 
 17 | <?php
 18 | date_default_timezone_set('Asia/Shanghai');
 19 | 
 20 | $timestamp = $_SERVER['REQUEST_TIME'];
 21 | $inputTime = '';
 22 | 
 23 | if (isset($_POST['inputTime'])) {
 24 | 	$inputTime = str_replace('：', ':', trim($_POST['inputTime']));
 25 | 	
 26 | 	if (is_numeric($inputTime)) {
 27 | 		$timestamp = intval($inputTime);
 28 | 	} else {
 29 | 		$timestamp = strtotime($inputTime);
 30 | 	}
 31 | }
 32 | 
 33 | $date = date('Y-m-d H:i:s', $timestamp);
 34 | 
 35 | ?> 
 36 | 
 37 | <?php
 38 |  /** ---------------------------------- HTML Template -------------------------------**/
 39 | ?>
 40 | 
 41 | <?php
 42 | require WEB_TOOLS_ROOT . '/header.html';
 43 | ?>
 44 | 
 45 | <div class="projects-header page-header">
 46 | 	<h2 id="theColorYouLike"><?php echo isset($_POST['inputTime']) ? $date . '     ' . $timestamp : '请输入';?></h2>
 47 | 	<p>请在下面输入您需要转换的时间，如果是时间戳，系统将会转换成日期；反之，则会转换成时间戳。</p>
 48 | </div>
 49 | 
 50 | <div class="row">
 51 | 	<div class="row">
 52 | 		<form action="" method="POST">
 53 | 			<div class="col-xs-4">
 54 | 			</div>
 55 | 			<div class="col-xs-4">
 56 | 				<input type="text" class="form-control" placeholder="请在这里输入北京时区的时间戳，或者日期" name="inputTime" value="<?php echo $inputTime;?>">
 57 | 			</div>
 58 | 			<div class="col-xs-4">
 59 | 				<input type="submit" class="btn btn-success" value="智能转换" >
 60 | 			</div>
 61 | 		</form>
 62 | 	</div>
 63 | 
 64 |     <br />
 65 | 
 66 | 	<div class="row">
 67 | 			<div class="col-xs-4">
 68 | 			</div>
 69 | 			<div class="col-xs-4">
 70 |                 示例：<?php echo date('Y-m-d H:i:s'); ?>&nbsp;&nbsp;&nbsp; 或 &nbsp;&nbsp;<?php echo time(); ?>
 71 | 			</div>
 72 | 	</div>
 73 | 	
 74 | <br /><br />
 75 | 
 76 | <h3>猜你需要：</h3>
 77 | <table class="table table-hover">
 78 | 	<tr>
 79 | 		<td>其他日期格式：</td>
 80 | 		<td><?php echo date('Y年m月d日 H:i:s', $timestamp);?></td>
 81 | 		<td><?php echo date('Y/n/j G:i:s', $timestamp);?></td>
 82 | 		<td><?php echo date('H:i:s M/d/Y', $timestamp);?></td>
 83 | 	</tr>
 84 | 	<tr>
 85 | 		<td>星期几：</td>
 86 | 		<td>星期<?php $chars = array('X', '一','二','三','四','五','六','日'); echo $chars[date('N', $timestamp)];?></td>
 87 | 		<td><?php echo date('l', $timestamp);?></td>
 88 | 		<td><?php echo date('D', $timestamp);?></td>
 89 | 	</tr>
 90 | 	<tr>
 91 | 		<td><?php echo date('Y', $timestamp)?>年中的：</td>
 92 | 		<td>第<?php echo date('W', $timestamp)?>周</td>
 93 | 		<td>第<?php echo date('z', $timestamp);?>天</td>
 94 | 		<td><?php echo date('L', $timestamp) == 1 ? '闰年' : '不是闰年';?></td>
 95 | 	</tr>
 96 | </table>
 97 | 
 98 | <br /><br />
 99 | 
100 | 更多选择：
101 | <a href="http://tool.chinaz.com/Tools/unixtime.aspx">Unix时间戳(Unix timestamp)转换工具</a>&nbsp;&nbsp;
102 | 
103 | 
104 | </div> <!-- row -->
105 | 
106 | <?php
107 | require WEB_TOOLS_ROOT . '/footer.html';
108 | ?>
109 | 
110 | <?php
111 |  /** ---------------------------------- JS Functions -------------------------------**/
112 | ?>
113 | <script type="text/javascript">
114 | /**
115 |  * TODO: 请在下面放置需要的JS函数
116 |  */
117 | 
118 | </script>
119 | 
120 | 


--------------------------------------------------------------------------------
/url/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * URL
  4 |  *
  5 |  * URL编码和解码
  6 |  *
  7 |  * 1、PHP处理
  8 |  * 2、HTML输出
  9 |  * 3、JS函数
 10 |  *
 11 |  * @author: dogstar 2017-02-26
 12 |  */
 13 | ?>
 14 | 
 15 | <?php
 16 |  /** ---------------------------------- PHP Handle -------------------------------**/
 17 | ?>
 18 | 
 19 | <?php
 20 | require_once dirname(__FILE__) . '/../common.php';
 21 | ?>
 22 | 
 23 | <?php
 24 | /**
 25 |  * TODO: 请在下面进行PHP处理
 26 |  */
 27 | 
 28 | ?> 
 29 | 
 30 | <?php
 31 |  /** ---------------------------------- HTML Template -------------------------------**/
 32 | ?>
 33 | 
 34 | <?php
 35 | require WEB_TOOLS_ROOT . '/header.html';
 36 | ?>
 37 | 
 38 | <div class="projects-header page-header">
 39 |     <h2>请输入待编码/解码的URL</h2>
 40 |     <p>输入URL后，会自动进行编码/解码。</p>
 41 | </div>
 42 | 
 43 | <div class="row">
 44 | <!-- TODO: 请在下面进行界面展示处理 -->
 45 | 
 46 | <form action="" method="POST">
 47 |     <div class="row">
 48 |     <h3>URL编码：</h3>
 49 |         <div class="row">
 50 |             <textarea class="form-control" rows="3" onkeyup="urlEncodeFun();" id="urlEncode" name="urlEncode" ></textarea>
 51 |         </div>
 52 |     </div>
 53 |     <div class="row">
 54 |     <h3>URL解码：</h3>
 55 |         <div class="row">
 56 |             <textarea class="form-control" rows="3" onkeyup="urlDecodeFun();" id="urlDecode" name="urlDecode" ></textarea>
 57 |         </div>
 58 |     </div>
 59 |     <br /><br />
 60 | 
 61 | </form>
 62 | <br />
 63 | 
 64 | 
 65 | </div>
 66 | 
 67 | <?php
 68 |  /** ---------------------------------- JS Functions -------------------------------**/
 69 | ?>
 70 | 
 71 | <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
 72 | <script src="http://cdn.bootcss.com/json3/3.3.2/json3.js"></script>
 73 | 
 74 | <script type="text/javascript">
 75 | /**
 76 |  * TODO: 请在下面放置需要的JS函数
 77 |  */
 78 | 
 79 | function urlEncodeFun()
 80 | {
 81 |     var str = $("#urlEncode").val();
 82 |     try {
 83 |         var deUrl = encodeURIComponent(str);
 84 |         $("#urlDecode").val(deUrl);
 85 |     } catch (e){
 86 |         $("#urlDecode").val('URL编码失败！');
 87 |     }
 88 | }
 89 | 
 90 | function urlDecodeFun()
 91 | {
 92 |     var str = $("#urlDecode").val();
 93 |     try {
 94 |         var enUrl = decodeURIComponent(str);
 95 |         $("#urlEncode").val(enUrl);
 96 |     } catch (e) {
 97 |         $("#urlEncode").val('URL解码失败！');
 98 |     }
 99 | }
100 | </script>
101 | 
102 | <?php
103 | require WEB_TOOLS_ROOT . '/footer.html';
104 | ?>
105 | 
106 | 


--------------------------------------------------------------------------------
/urls/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * URL
  4 |  *
  5 |  * URL编码和解码
  6 |  *
  7 |  * 1、PHP处理
  8 |  * 2、HTML输出
  9 |  * 3、JS函数
 10 |  *
 11 |  * @author: dogstar 2017-02-26
 12 |  */
 13 | ?>
 14 | 
 15 | <?php
 16 |  /** ---------------------------------- PHP Handle -------------------------------**/
 17 | ?>
 18 | 
 19 | <?php
 20 | require_once dirname(__FILE__) . '/../common.php';
 21 | ?>
 22 | 
 23 | <?php
 24 | /**
 25 |  * TODO: 请在下面进行PHP处理
 26 |  */
 27 | 
 28 | ?> 
 29 | 
 30 | <?php
 31 |  /** ---------------------------------- HTML Template -------------------------------**/
 32 | ?>
 33 | 
 34 | <?php
 35 | require WEB_TOOLS_ROOT . '/header.html';
 36 | ?>
 37 | 
 38 | <div class="projects-header page-header">
 39 |     <h2>请输入待编码/解码的URL</h2>
 40 |     <p>输入URL后，会自动进行编码/解码。</p>
 41 | </div>
 42 | 
 43 | <div class="row">
 44 | <!-- TODO: 请在下面进行界面展示处理 -->
 45 | 
 46 | <form action="" method="POST">
 47 |     <div class="row">
 48 |     <h3>URL编码：</h3>
 49 |         <div class="row">
 50 |             <textarea class="form-control" rows="3" onkeyup="urlEncodeFun();" id="urlEncode" name="urlEncode" ></textarea>
 51 |         </div>
 52 |     </div>
 53 |     <div class="row">
 54 |     <h3>URL解码：</h3>
 55 |         <div class="row">
 56 |             <textarea class="form-control" rows="3" onkeyup="urlDecodeFun();" id="urlDecode" name="urlDecode" ></textarea>
 57 |         </div>
 58 |     </div>
 59 |     <br /><br />
 60 | 
 61 | </form>
 62 | <br />
 63 | 
 64 | 
 65 | </div>
 66 | 
 67 | <?php
 68 |  /** ---------------------------------- JS Functions -------------------------------**/
 69 | ?>
 70 | 
 71 | <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
 72 | <script src="http://cdn.bootcss.com/json3/3.3.2/json3.js"></script>
 73 | 
 74 | <script type="text/javascript">
 75 | /**
 76 |  * TODO: 请在下面放置需要的JS函数
 77 |  */
 78 | 
 79 | function urlEncodeFun()
 80 | {
 81 |     var str = $("#urlEncode").val();
 82 |     try {
 83 |         var deUrl = encodeURI(str);
 84 |         $("#urlDecode").val(deUrl);
 85 |     } catch (e){
 86 |         $("#urlDecode").val('URL编码失败！');
 87 |     }
 88 | }
 89 | 
 90 | function urlDecodeFun()
 91 | {
 92 |     var str = $("#urlDecode").val();
 93 |     try {
 94 |         var enUrl = encodeURI(str);
 95 |         $("#urlEncode").val(enUrl);
 96 |     } catch (e) {
 97 |         $("#urlEncode").val('URL解码失败！');
 98 |     }
 99 | }
100 | </script>
101 | 
102 | <?php
103 | require WEB_TOOLS_ROOT . '/footer.html';
104 | ?>
105 | 
106 | 


--------------------------------------------------------------------------------
/ws/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  *
  4 |  * 1、PHP处理
  5 |  * 2、HTML输出
  6 |  * 3、JS函数
  7 |  *
  8 |  * @author: dogstar 2014-11-14
  9 |  */
 10 | ?>
 11 | 
 12 | <?php
 13 | /** ---------------------------------- PHP Handle -------------------------------**/
 14 | ?>
 15 | 
 16 | <?php
 17 | require_once dirname(__FILE__) . '/../common.php';
 18 | ?>
 19 | 
 20 | <?php
 21 | require WEB_TOOLS_ROOT . '/header.html';
 22 | ?>
 23 | <style>
 24 |     .highlight {
 25 |         padding: 9px 14px;
 26 |         margin-bottom: 14px;
 27 |         background-color: #f7f7f9;
 28 |         border: 1px solid #e1e1e8;
 29 |         border-radius: 8px;
 30 |     }
 31 | </style>
 32 | <br>
 33 | <div class="row">
 34 | 
 35 |     <h2 class="text-center">webSocket在线调试</h2>
 36 |     <hr>
 37 | 
 38 |     <div class="col-lg-5">
 39 |         <div>
 40 |             <input type="text" class="form-control" id="host" name="host" placeholder="ws://host:port">
 41 |         </div>
 42 |         <br>
 43 |         <div class="btn-group btn-group-justified" role="group" aria-label="...">
 44 |             <div class="btn-group" role="group">
 45 |                 <button type="button" id="connect" class="btn btn-success" onclick="wsConnect()">连接</button>
 46 |             </div>
 47 |             <div class="btn-group" role="group">
 48 |                 <button type="button" id="close" class="btn btn-danger" onclick="wsClose()">断开</button>
 49 |             </div>
 50 |             <div class="btn-group" role="group">
 51 |                 <button type="button" id="send" class="btn btn-info" onclick="wsSend()">发送</button>
 52 |             </div>
 53 |         </div>
 54 | 
 55 |         <hr>
 56 | 
 57 |         <div class="row">
 58 |             <figure class="highlight">
 59 |                 发送窗口
 60 |             </figure>
 61 |             <div>
 62 |                 <textarea class="form-control" rows="10" id="word" name="word"></textarea>
 63 |             </div>
 64 |         </div>
 65 |     </div>
 66 | 
 67 | 
 68 | 
 69 | 
 70 |     <div>
 71 |         <div  class="col-lg-6 col-lg-offset-1 panel panel-default" id="content">
 72 |             <div class="panel-heading">
 73 |                 <h3 class="panel-title">
 74 |                     对话窗口
 75 |                 </h3>
 76 |             </div>
 77 |             <div class="panel-body" id="content">
 78 | 
 79 |             </div>
 80 |         </div>
 81 |     </div>
 82 | 
 83 | </div>
 84 | 
 85 | <?php
 86 | require WEB_TOOLS_ROOT . '/footer.html';
 87 | ?>
 88 | 
 89 | <?php
 90 |  /** ---------------------------------- JS Functions -------------------------------**/
 91 | ?>
 92 | <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
 93 | <script type="text/javascript">
 94 |     var lockReconnect = false;  //避免ws重复连接
 95 |     $(function () {
 96 |         wsConnect();
 97 |         wsSend();
 98 |         wsClose();
 99 |     });
100 | function wsConnect(){
101 |     var host = $("#host").val();
102 |     ws = createWebSocket(host)
103 |     ws.onopen = function (evt) {
104 |         heartCheck.reset().start();      //心跳检测重置
105 |         console.log("Connection open ...");
106 |         ws.send("Hello WebSockets!");
107 |         var html = '<p>连接已成功</p>';
108 |         document.getElementById("content").innerHTML += html;
109 |         document.getElementById("connect").setAttribute("disabled",true);
110 |     };
111 | 
112 |     ws.onmessage = function (event) {
113 |         if (typeof event.data === String) {
114 |             console.log("Received data string");
115 |         }
116 | 
117 |         if (event.data instanceof ArrayBuffer) {
118 |             var buffer = event.data;
119 |             console.log("Received arraybuffer");
120 |         }
121 |         console.log("Received Message: " + event.data);
122 |         // 获取时间
123 |         var date = new Date();
124 |         var seperator1 = "-";
125 |         var seperator2 = ":";
126 |         var month = date.getMonth() + 1<10? "0"+(date.getMonth() + 1):date.getMonth() + 1;
127 |         var strDate = date.getDate()<10? "0" + date.getDate():date.getDate();
128 |         var currentdate = date.getFullYear() + seperator1  + month  + seperator1  + strDate
129 |             + " "  + date.getHours()  + seperator2  + date.getMinutes()
130 |             + seperator2 + date.getSeconds();
131 |         var html = "<p><font color='blue'>服务器 " + currentdate + "</font><br>" + event.data + "<br>";
132 |         document.getElementById("content").innerHTML += html;
133 |     };
134 | 
135 |     ws.onerror = function (event) {
136 |         var html = '<p>连接异常,正在重试连接</p><br>';
137 |         reconnect(host);
138 |         document.getElementById("content").innerHTML += html;
139 |     };
140 | 
141 | }
142 | 
143 | function wsSend() {
144 |     //发送文本
145 |     var word = $("#word").val();
146 |     var date = new Date();
147 |     var seperator1 = "-";
148 |     var seperator2 = ":";
149 |     var month = date.getMonth() + 1<10? "0"+(date.getMonth() + 1):date.getMonth() + 1;
150 |     var strDate = date.getDate()<10? "0" + date.getDate():date.getDate();
151 |     var currentdate = date.getFullYear() + seperator1  + month  + seperator1  + strDate
152 |         + " "  + date.getHours()  + seperator2  + date.getMinutes()
153 |         + seperator2 + date.getSeconds();
154 |     var html = "<p><font color='red'>我 " + currentdate + "</font><br>" + word + "<br>";
155 |     document.getElementById("content").innerHTML += html;
156 |     ws.send(word);
157 |     $("#word").val('');
158 |     // //发送Blob数据
159 |     // var file = document
160 |     //     .querySelector('input[type="file"]')
161 |     //     .files[0];
162 |     // ws.send(file);
163 |     // //发送ArrayBuffer
164 |     // var img = canvas_context.getImageData(0, 0, 400, 320);
165 |     // var binary = new Uint8Array(img.data.length);
166 |     // for (var i = 0; i < img.data.length; i++) {
167 |     //     binary[i] = img.data[i];
168 |     // }
169 |     // ws.send(binary.buffer);
170 |     //
171 |     // //webSocket.bufferedAmount
172 |     // //bufferedAmount属性，表示还有多少字节的二进制数据没有发送出去。它可以用来判断发送是否结束
173 |     // var data = new ArrayBuffer(10000000);
174 |     // socket.send(data);
175 |     //
176 |     // if (socket.bufferedAmount === 0) {
177 |     //     // 发送完毕
178 |     // } else {
179 |     //     // 发送还没结束
180 |     // }
181 | }
182 | 
183 | function wsClose() {
184 |     ws.close();
185 |     var html = '<p>连接已断开</p>';
186 |     document.getElementById("content").innerHTML += html;
187 |     document.getElementById("send").setAttribute("disabled", true);
188 |     document.getElementById("connect").removeAttribute("disabled");
189 |     document.getElementById("close").setAttribute("disabled", true);
190 |     console.log("Connection closed.");
191 | }
192 | 
193 | function createWebSocket(url) {
194 |     try{
195 |         if('WebSocket' in window){
196 |             ws = new WebSocket(url);
197 |             return ws;
198 |         }else if('MozWebSocket' in window){
199 |             ws = new MozWebSocket(url);
200 |             return ws;
201 |         }else{
202 |            alert("您的浏览器不支持websocket协议,建议使用新版谷歌、火狐等浏览器，请勿使用IE10以下浏览器，360浏览器请使用极速模式，不要使用兼容模式！");
203 |         }
204 |     }catch(e){
205 |         reconnect(url);
206 |         console.log(e);
207 |     }
208 | }
209 | 
210 | function reconnect(url) {
211 |     if(lockReconnect) return;
212 |     lockReconnect = true;
213 |     setTimeout(function () {     //没连接上会一直重连，设置延迟避免请求过多
214 |         createWebSocket(url);
215 |         lockReconnect = false;
216 |     }, 2000);
217 | }
218 | 
219 |     //心跳检测
220 |     var heartCheck = {
221 |         timeout: 540000,        //9分钟发一次心跳
222 |         timeoutObj: null,
223 |         serverTimeoutObj: null,
224 |         reset: function(){
225 |             clearTimeout(this.timeoutObj);
226 |             clearTimeout(this.serverTimeoutObj);
227 |             return this;
228 |         },
229 |         start: function(){
230 |             var self = this;
231 |             this.timeoutObj = setTimeout(function(){
232 |                 ws.send("ping");
233 |                 console.log("ping!")
234 |                 self.serverTimeoutObj = setTimeout(function(){
235 |                     //如果超过一定时间还没重置，说明后端主动断开了
236 |                     ws.close();     //如果onclose会执行reconnect，我们执行ws.close()就行了.如果直接执行reconnect 会触发onclose导致重连两次
237 |                 }, self.timeout)
238 |             }, this.timeout)
239 |         }
240 |     }
241 | </script>
242 | 
243 | 


--------------------------------------------------------------------------------
/xml/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * XML格式化
  4 |  *
  5 |  * 1、PHP处理
  6 |  * 2、HTML输出
  7 |  * 3、JS函数
  8 |  *
  9 |  * @author: dogstar 2017-02-26
 10 |  */
 11 | ?>
 12 | 
 13 | <?php
 14 |  /** ---------------------------------- PHP Handle -------------------------------**/
 15 | ?>
 16 | 
 17 | <?php
 18 | require_once dirname(__FILE__) . '/../common.php';
 19 | ?>
 20 | 
 21 | <?php
 22 | /**
 23 |  * TODO: 请在下面进行PHP处理
 24 |  */
 25 | 
 26 | ?> 
 27 | 
 28 | <?php
 29 |  /** ---------------------------------- HTML Template -------------------------------**/
 30 | ?>
 31 | 
 32 | <?php
 33 | require WEB_TOOLS_ROOT . '/header.html';
 34 | ?>
 35 | 
 36 | <div class="projects-header page-header">
 37 |     <h2>请输入要格式化的xml</h2>
 38 |     <p>输入xml后，会自动进行格式化。</p>
 39 | </div>
 40 | 
 41 | <div class="row">
 42 | <!-- TODO: 请在下面进行界面展示处理 -->
 43 | 
 44 | <form action="" method="POST">
 45 | 
 46 |     <div class="row">
 47 |         <div class="col-lg-5">
 48 |             <h3>xml代码：</h3>
 49 |             <div class="row">
 50 |                 <textarea class="form-control" rows="20" onkeyup="xmlFormatFun();" id="xmlStr" name="xmlStr" ></textarea>
 51 |             </div>
 52 |         </div>
 53 | 
 54 |         <div class="col-lg-5 col-lg-offset-2">
 55 |             <h3>格式化后：</h3>
 56 |             <div class="row">
 57 |                 <textarea class="form-control" rows="20" id="formatXml" name="formatXml"></textarea>
 58 |             </div>
 59 |         </div>
 60 | 
 61 |     </div>
 62 | </form>
 63 | <br />
 64 | 
 65 | 
 66 | </div>
 67 | 
 68 | <?php
 69 |  /** ---------------------------------- JS Functions -------------------------------**/
 70 | ?>
 71 | 
 72 | <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
 73 | <script src="http://cdn.bootcss.com/json3/3.3.2/json3.js"></script>
 74 | 
 75 | <script type="text/javascript">
 76 | 
 77 |     function formateXml(xmlStr){
 78 |         text = xmlStr;
 79 |         //使用replace去空格
 80 |         text = '\n' + text.replace(/(<\w+)(\s.*?>)/g,function($0, name, props){
 81 |             return name + ' ' + props.replace(/\s+(\w+=)/g," $1");
 82 |         }).replace(/>\s*?</g,">\n<");
 83 |         //处理注释
 84 |         text = text.replace(/\n/g,'\r').replace(/<!--(.+?)-->/g, function($0, text){
 85 |             var ret = '<!--' + escape(text) + '-->';
 86 |             return ret;
 87 |         }).replace(/\r/g,'\n');
 88 | 
 89 |         //调整格式  以压栈方式递归调整缩进
 90 |         var rgx = /\n(<(([^\?]).+?)(?:\s|\s*?>|\s*?(\/)>)(?:.*?(?:(?:(\/)>)|(?:<(\/)\2>)))?)/mg;
 91 |         var nodeStack = [];
 92 |         var output = text.replace(rgx,function($0,all,name,isBegin,isCloseFull1,isCloseFull2 ,isFull1,isFull2){
 93 |         var isClosed = (isCloseFull1 == '/') || (isCloseFull2 == '/' ) || (isFull1 == '/') || (isFull2 == '/');
 94 |         var prefix = '';
 95 |         if(isBegin == '!'){//!开头
 96 |             prefix = setPrefix(nodeStack.length);
 97 |         }else {
 98 |             if(isBegin != '/'){///开头
 99 |                 prefix = setPrefix(nodeStack.length);
100 |                 if(!isClosed){//非关闭标签
101 |                     nodeStack.push(name);
102 |                 }
103 |             }else{
104 |                 nodeStack.pop();//弹栈
105 |                 prefix = setPrefix(nodeStack.length);
106 |             }
107 |         }
108 |         var ret =  '\n' + prefix + all;
109 |         return ret;
110 |         });
111 | 
112 |         var prefixSpace = -1;
113 |         var outputText = output.substring(1);
114 |         //还原注释内容
115 |         outputText = outputText.replace(/\n/g,'\r').replace(/(\s*)<!--(.+?)-->/g,function($0, prefix,  text){
116 |         if(prefix.charAt(0) == '\r')
117 |         prefix = prefix.substring(1);
118 |         text = unescape(text).replace(/\r/g,'\n');
119 |         var ret = '\n' + prefix + '<!--' + text.replace(/^\s*/mg, prefix ) + '-->';
120 |             return ret;
121 |         });
122 |         outputText= outputText.replace(/\s+$/g,'').replace(/\r/g,'\r\n');
123 |         return outputText;
124 |     }
125 | 
126 | //计算头函数 用来缩进
127 | function setPrefix(prefixIndex) {
128 |     var result = '';
129 |     var span = '    ';//缩进长度
130 |     var output = [];
131 |     for(var i = 0 ; i < prefixIndex; ++i){
132 |         output.push(span);
133 |     }
134 |     result = output.join('');
135 |     return result;
136 | }
137 | 
138 | function xmlFormatFun()
139 | {
140 |     var str = $("#xmlStr").val();
141 |     try {
142 |         var enUrl = formateXml(str);
143 |         $("#formatXml").val(enUrl);
144 |     } catch (e) {
145 |         $("#formatXml").val('XML格式化失败！');
146 |     }
147 | }
148 | </script>
149 | 
150 | <?php
151 | require WEB_TOOLS_ROOT . '/footer.html';
152 | ?>
153 | 
154 | 


--------------------------------------------------------------------------------