You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
5.8 KiB
CSS
78 lines
5.8 KiB
CSS
6 years ago
|
@charset "utf-8";
|
||
|
|
/* CSS Document */
|
||
|
|
table.weatherTable tr td.withLine { border-left:1px solid #c9c9c9; }
|
||
|
|
/* money converter */
|
||
|
|
#moneyCon { border: 1px solid #D2D2D2; padding: 15px 0 0 20px; margin-bottom:15px; border-radius:4px; }
|
||
|
|
#moneyCon .choose { width: 100%; overflow:hidden; margin-bottom: 20px; }
|
||
|
|
#moneyCon select { -x-system-font:none; background:#fff; border:1px solid #DDDDDD; color:#545454; font-family:Verdana, Sans-Serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:18px; padding:5px 3px 5px 5px; width: 100px; }
|
||
|
|
#moneyCon .choose .rateAs { float: left; width: 260px; margin: 6px 0 0 0; }
|
||
|
|
#moneyCon .choose .language { width: 100px; float:left; border: 1px solid #D2D2D2; padding: 5px 3px 5px 5px; margin:0 10px 0 5px; height: 30px; }
|
||
|
|
#moneyCon .choose .language #lanSlide { width: 80px; float:left; padding-left: 0px; margin-right: 3px; height: 18px; }
|
||
|
|
#moneyCon .choose .language #lanSlide ul { padding-left: 0px; margin-left: 5px; }
|
||
|
|
#moneyCon .choose .language #lanSlide ul li { padding-left:0; margin-left:0; list-style-type: none; }
|
||
|
|
#moneyCon .choose .arrow { width: 17px; float:right; position:right center; }
|
||
|
|
#moneyCon .choose .currency { width: 100%; background-color: #f1f1f1; border: 1px solid #D2D2D2; border-radius:4px; }
|
||
|
|
#moneyCon .choose .currency .titleTip { width: 200px; margin: 10px 10px; }
|
||
|
|
#moneyCon .choose .currency .currencyList { border: 1px solid #D2D2D2; background-color: #fff; width: 228px; margin: 5px 10px 15px 10px; height: 30px; padding: 5px; cursor: pointer; }
|
||
|
|
#moneyCon .choose .currency .currencyList .detailCur { width: 170px; float:left; margin-right: 3px; }
|
||
|
|
#moneyCon .choose .currency .amount { background-color: #fff; width: 210px; margin: 5px 10px 15px 10px; position:relative; height: 35px; padding:0; }
|
||
|
|
#moneyCon .choose .currency .amount input { border: 1px solid #D2D2D2; background-color: #fff; height: 35px; padding: 0px; border-left: none; }
|
||
|
|
#moneyCon .choose .currency .amount input.positionRight { background-color: #fff; height: 35px; padding: 6px 0 6px 10px; width: 155px; float:right; font-size: 15px; font-weight: bold; color: #545454; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; position:absolute; left:55px; top:0; }
|
||
|
|
#moneyCon .choose .currency .amount .curIcon { width: 55px; float:left; background-color:#a1a1a1; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; height: 35px; font-size: 18px; font-weight: bold; color: #fff; text-align: center; padding: 5px 0; position:absolute; left:0; top:0; }
|
||
|
|
#moneyCon .choose .currency .amount .number { width: 140px; float:left; margin-left: 10px; height: 22px; padding: 8px 0 5px 0; font-size: 15px; font-weight: bold; }
|
||
|
|
#moneyCon .choose .equal { width: 100%; text-align:center;}
|
||
|
|
#moneyCon .choose .equal .equalmark { background: url(https://data.chinahighlights.com/css/images/guide/equalmark.gif) no-repeat; height: 34px; width: 64px; margin:15px auto }
|
||
|
|
#moneyCon .choose .equal .exchange { font-size: 13px; font-weight: 900; margin: 5px 5px 5px 2px; }
|
||
|
|
#moneyCon .choose .equal .rate { border: 1px solid #D2D2D2; background-color: #fff; display:block; margin:15px 0; height: 30px; padding: 6px 0 5px 5px; font-size: 13px; }
|
||
|
|
#moneyCon .choose .currencyCategory { width: 400px; float:left; border: 1px solid #D2D2D2; z-index:5000; }
|
||
|
|
#moneyCon .choose .currencyCategory .a-z { width: 395px; background-color: #f1f1f1; border-bottom: 3px solid #d1d1d1; padding: 10px 0; float:left; padding-left: 5px; }
|
||
|
|
#moneyCon .choose .currencyCategory .a-z ul { margin: 0px; padding: 0px; }
|
||
|
|
#moneyCon .choose .currencyCategory .a-z ul li { float:left; font-size: 13px; padding:0 5px; margin:0; list-style-position:outside; list-style-type: none; }
|
||
|
|
#moneyCon .choose .currencyCategory .a-z ul li a { text-decoration: none; color: #545454; }
|
||
|
|
#moneyCon .choose .currencyCategory .a-z ul li a:hover { text-decoration: underline; color: #A31022; }
|
||
|
|
#moneyCon .choose .currencyCategory .a-z ul li.active { border: 1px solid #D2D2D2; background-color: #fff; }
|
||
|
|
#moneyCon .choose .currencyCategory .currencyName { width: 100%; float:left; padding: 10px 0; margin-bottom: 10px; background-color:#fff; }
|
||
|
|
#moneyCon .choose .currencyCategory .currencyName .close { text-align:right; padding-right: 5px; margin-top: 10px; cursor:pointer; }
|
||
|
|
#moneyCon .choose .currencyCategory .currencyName ul { margin: 0px; padding: 0px; }
|
||
|
|
#moneyCon .choose .currencyCategory .currencyName ul li { float: left; width: 45%; margin-left: 5px; margin-bottom: 10px; list-style-type: none; cursor: pointer }
|
||
|
|
table.currencySample { border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1; margin-bottom:15px; }
|
||
|
|
table.currencySample th { background:#f1f1f1; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; padding:5px; }
|
||
|
|
table.currencySample td { border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; padding:5px; }
|
||
|
|
|
||
|
|
.input-group-addon { padding: 10px 12px;
|
||
|
|
font-size: 15px;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 1;
|
||
|
|
color: #555;
|
||
|
|
text-align: center;
|
||
|
|
background-color: #eee;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border-radius: 4px;}
|
||
|
|
.form-control { height: 40px;
|
||
|
|
padding: 6px 12px;
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 1.428571429;
|
||
|
|
color: #555;
|
||
|
|
background-color: #fff;
|
||
|
|
background-image: none;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border-radius: 4px;
|
||
|
|
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
|
||
|
|
.btn { display: inline-block;
|
||
|
|
margin-bottom: 0;
|
||
|
|
font-weight: 400;
|
||
|
|
text-align: center;
|
||
|
|
vertical-align: middle;
|
||
|
|
touch-action: manipulation;
|
||
|
|
cursor: pointer;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
white-space: nowrap;
|
||
|
|
padding: 8px 12px;
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 1.428571429;
|
||
|
|
border-radius: 4px;
|
||
|
|
user-select: none;}
|
||
|
|
.input-group .form-control { position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
float: left; margin: 0;}
|
||
|
|
#trancashed { margin-top: -70px;}
|