flashsys.css.svn-base

嵌入式无线路由系统openwrt的web配置工具

/*
  Copyright (C) 2008 OpenRB.com
*/

/* form */

.FSFormElemWrap {
  background-color: #EEE;
  border: 1px #BBB solid;
  padding: 3px;
  margin-bottom: 2px;
}

.FSFormElemWrap input, .FSFormElemWrap select, .FSFormElemWrap textarea, .FSFormSubmitWrap input {
  font-size: 11px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.FSFormElemWrap select, .FSFormElemWrap textarea {
  border: 1px #CCC solid;
}

.FSFormContainer * {
  vertical-align: middle;
}

.FSFormLabel {
  display: block;
  float: left;
  width: 30%;
}

.FSFormRadioLabel {
  margin: 0 10px 0 2px;
}

.FSFormTextElem {
  margin: 0;
  border: 1px #CCC solid;
  height: 14px;
  padding: 1px;
  width: 65%;
}

.FSFormSelectElem {
  width: 65%;
}

.FSFormPlain {
  vertical-align: top !important;
  cursor: default;
}

.FSFormPrefix, .FSFormPostfix {
  cursor: default;
}

.FSFormPrefix {
  margin-right: 5px;
}

.FSFormPostfix {
  margin-left: 5px;
}

.FSFormSubmitWrap {
  margin: 3px 15px 0 0;
}

.FSFormSubmitWrap div {
  padding: 0;
  margin: 0 0 0 5px;
  border: 0;
  width: 60px;
  height: 19px;
  text-align: center;
  cursor: pointer;
  background-repeat: no-repeat;
  font-size: 11px;
  overflow: hidden;
  float: right;
}

.FSFormSubmit {
  background-image: url(../images/button.ok.png);
}

.FSFormCancel {
  background-image: url(../images/button.cancel.png);
}

.FSFormHint {
  border: 0;
  background: #fff;
}

.FSFormHint span {
  background: url(../images/icons/info.png) no-repeat left top;
  display: block;
  text-align: justify;
  line-height: 15px;
  text-indent: 20px;
}

.FSFormErrorHint {
  position: absolute;
  width: 250px;
  text-align: justify;
  z-index: 12000;
  left: 0;
  top: 0;
  padding: 3px;
  background-color: #DFF1FF;
  margin-top: 18px;
  border: 1px #BBB solid;
  font-size: 11px;
  line-height: 12px;
  display: none;
}

.FSFormError {
  background-color: #FCC;
}

.FSFormError .FSFormLabel {
  text-indent: 20px;
  background: url(../images/icons/error.png) no-repeat left 1px;
}

/* tabs */

.FSTabsTabRow {
  padding: 2px;
  background: #F6F6F6 url(../images/tabs.gif) repeat-x;
  background-position: left -60px;
  height: 29px;
  overflow: hidden;
}

.FSTabsTabRow ul {
  padding-top: 1px;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 16px;
  font-size: 11px;
}

.FSTabsTabRow li, .FSTabsTabRow li a {
  background-image: url(../images/tabs.gif);
  background-repeat: repeat-x;
}

.FSTabsTabRow li {
  display: block;
  float: left;
  margin: 0;
  background-color: #ebebeb;
  cursor: pointer;
  background-position: left -30px;
}

.FSTabsTabRow li a {
  display: block;
  margin-left: 8px;
  padding: 6px 12px 5px 4px;
  text-align: center;
  font-weight: bold;
  color: #141414;
  background-position: right -30px;
}

.FSTabsTabPanel {
  padding: 5px;
  overflow-y: auto;
  overflow-x: hidden;
}

.FSTabsTabButtonActive {
  background-color: #8caac7;
  background-position: left 0 !important;
}

.FSTabsTabButtonActive a {
  color: #141414;
  background-position: right 0 !important;
}

/* table */

.FSTable {
  border: 1px solid #999;
  color: #141414;
  zoom: 1;
}

.FSTableTSpacer {
  height: 5px;
  line-height: 0;
  font-size: 0;
}

.FSTabsTabPanel .FSTable {
  margin: 0 !important;
}

.FSTableTHead {
  border-bottom: 1px solid #999;
  font-weight: bold;
  height: 24px;
  padding: 1px;
  overflow: hidden;
}

.FSTableTHead div, .FSTableTBody div div {
  float: left;
}

.FSTableTHead span {
  background-color: #EEE;
  display: block;
  margin: 1px;
  padding: 2px;
  height: 18px;
  overflow: hidden;
  word-wrap: break-word;
}

.FSTableTBody {
  padding: 1px;
}

.FSTableTBody div span {
  display: block;
  margin: 1px 1px 0 1px;
  padding: 2px;
  background-color: #DDD;
  cursor: default;
  height: 18px;
  overflow: hidden;
  word-wrap: break-word;
}

.FSTableClickable span, .FSTableSortable {
  cursor: pointer !important;
}

.FSTableUnClickable span {
  cursor: normal !important;
}

.FSTableClearer {
  float: none !important;
  clear: both;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
}

.FSTableSortable span {
  padding-left: 16px !important;
  background-image: url(../images/table-sort.gif);
  background-repeat: no-repeat;
  background-position: 3px 9px;
}

.FSTableSortAsc span {
  background-position: 3px -12px;
}

.FSTableSortDesc span {
  background-position: 3px -36px;
}

/* other */

.FSButton {
  float: left;
  width: 16px;
  height: 16px;
  margin: 4px 0 0 4px;
  cursor: pointer;
  background-repeat: no-repeat;
}

.FSControlPrefix {
  float: left;
  height: 16px;
  line-height: 15px;
  margin: 4px 0 0 6px;
  font-size: 11px;
  color: #132C40; 
}

.FSFader {
  background-color: #EEE !important;
}

.FSFaderInner {
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  width: 600px;
  height: 60px;
  margin-left: -300px;
  margin-top: -30px;
  color: #5384BF;
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

.FSFaderInner h2 {
  font-size: 16px;
}

.FSFaderInner p {
  margin-top: 15px;
}

#FSApplyChanges {
  float: right;
  font-size: 12px;
  margin: 2px 10px 0 0;
  height: 19px;
  width: 100px;
  color: #FFF;
  background-image: url(../images/button.changes.png);
  text-align: center;
  cursor: pointer;
}

/* sidebar */

#Sidebar {
  position: absolute;
  right: 0;
  height: 100%;
  background-color: #E9F2FF;
  z-index: 9998;
  width: 9px;
}

#SidebarContent {
  display: none;
  z-index: 9998;
  background-color: #E9F2FF;
  overflow: auto;
  height: 100%;
  color: #0F284D;
  padding: 0 10px;
}

#SidebarSizer {
  display: none;
  width: 1px;
  float: left;
  height: 100%;
  border-left: 1px #E9F2FF solid;
  border-right: 2px #E9F2FF solid;
  background-color: #9FC6FF;
  cursor: e-resize;
}

#SidebarToggle {
  float: left;
  width: 7px;
  height: 100%;
  border-left: 1px #9FC6FF solid;
  border-right: 1px #9FC6FF solid;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #CFE3FF;
  background-image: url('../images/sidebar.open.gif');
  cursor: pointer;
}

.SidebarToggleActive {
  background-image: url('../images/sidebar.close.gif') !important;
}

.SidebarToggleOver {
  background-color: #AFD2FF !important;
}

/* launcher */

#LauncherWrap {
  z-index: 9990;
  position: absolute;
  width: 200px;
  left: 50%;
  margin-left: -100px;
  background: url('../images/clear.gif') repeat;
}

#Launcher {
  z-index: 9991;
  padding: 0 2px;
  background-color: #0F284D;
  height: 54px;
  overflow: hidden;
}

#LauncherSubWrap {
  z-index: 9991;
  margin-top: 16px;
  overflow: hidden;
  display: none;
}

#LauncherSubTop, #LauncherSubBottom {
  position: relative;
  height: 8px;
}

#LauncherSub {
  z-index: 9991;
  padding: 0 2px;
  background-color: #0F284D;
  overflow: hidden;
  width: 100%;
}

.LauncherCanvas {
  position: absolute;
}

#LauncherTitle {
  z-index: 9991;
  background-color: #0F284D;
  padding-top: 4px;
  height: 14px;
  line-height: 14px;
  display: none;
  text-align: center;
  color: #fff;
  font-size: 8pt;
  font-weight: bold;
}

#LauncherSub span {
  float: left;
  display: inline;
  width: 32px;
  height: 32px;
  background-color: white;
  margin: 4px 2px 0 2px;
  cursor: pointer !important;
}

#Launcher span {
  float: left;
  width: 48px;
  height: 48px;
  background-color: white;
  margin: 4px 12px 0 12px;
  cursor: pointer !important;
  display: inline;
}

#LauncherToggle {
  position: relative;
  height: 8px;
}

#LauncherTip {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background-color: #7FBCFF;
  font-weight: bold;
  height: 12px;
  line-height: 12px;
  font-size: 12px;
  padding: 2px;
  width: 80px;
  text-align: center;
  z-index: 9992;
}


/* icons */

.Icon span {
  background-repeat: no-repeat;
  background-position: center center;
}

.Inactive div span {
  background-color: #EEE !important;
  color: #777 !important;
}

.UpDown span {
  background-image: url(../images/icons/up.png);
}

.SortUp span {
  background-image: url(../images/icons/sortup.png);
}

.SortDown span {
  background-image: url(../images/icons/sortdown.png);
}

.Inactive .UpDown span {
  background-image: url(../images/icons/down.png) !important;
}

.Delete span {
  background-image: url(../images/icons/delete.png);
}

.Restore span {
  background-image: url(../images/icons/restore.png);
}

.Usage span {
  background-image: url(../images/icons/usage.png);
}

.Add {
  background-image: url(../images/icons/add.png);
}

.Custom {
  background-image: url(../images/icons/custom.png);
}

.Upload {
  background-image: url(../images/icons/upload.png);
}

.Settings {
  background-image: url(../images/icons/settings.png);
}

/* width helpers */
.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }

h4.Notice, h4.NoticeAlt {
  text-align: center;
  font-weight: normal;
  color: #555;
  line-height: 12px;
}

h4.NoticeAlt {
  text-align: justify;
  margin: 5px 5px 5px 0;
  padding: 0 0 0 20px;
  background: url(../images/icons/info.png) no-repeat 0 2px;
}

div.Notice {
  background-image: url(../images/icons/info.png);
  background-repeat: no-repeat;
  background-position: 2px center;
}

div.Notice span {
  padding-left: 18px;
}

.ConfigArea {
  width: 490px;
  margin: 0;
  padding: 2px;
  height: 315px;
}

.NetUtilsResult {
  overflow: auto;
  padding: 5px;
  margin-top: 10px;
  font-family: Consolas, "Courier New", Courier;
}

.NetUtilsLoading {
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/loading.alt.gif);
}

.Copyright .Logo, #openRB {
  display: block;
  width: 130px;
  height: 20px;
}

#openRB {
  background: url(../images/openrb.light.png) no-repeat;
  position: absolute;
  left: 10px;
  bottom: 10px;
}

.Copyright .Logo {
  background: url(../images/openrb.png) no-repeat;
  margin: 45px auto 45px;
}

.Copyright h1 {
  font-size: 10pt;
  text-align: center;
  color: #555;
}

.Copyright h5 {
  font-size: 8pt;
  color: #999;
  text-align: center;
  line-height: 10pt;
  font-weight: normal;
}

.Centered {
  text-align: center;
}

.Hidden {
  display: none ! important;
}

.Invisible {
  visibility: hidden;
}

/* Icons for Interfaces / Wireless */

.WifiIf span, .DLoad span {
  background-repeat: no-repeat;
  text-indent: 20px;
}

.WifiIf span {
  background-position: 2px 4px;
}

.DLoad span {
  background-position: 2px 3px;
  background-image: url(../images/icons/download.png);
}

.WifiapC span {
  background-image: url(../images/icons/wifi.ap.c.png);
}

.WifiapD span {
  background-image: url(../images/icons/wifi.ap.d.png);
}

.WifistaC span {
  background-image: url(../images/icons/wifi.sta.c.png);
}

.WifistaD span {
  background-image: url(../images/icons/wifi.sta.d.png);
}

.WifiadhocC span {
  background-image: url(../images/icons/wifi.adhoc.c.png);
}

.WifiadhocD span {
  background-image: url(../images/icons/wifi.adhoc.d.png);
}

.WifimonitorC span {
  background-image: url(../images/icons/wifi.monitor.c.png);
}

.WifimonitorD span {
  background-image: url(../images/icons/wifi.monitor.d.png);
}