diff options
Diffstat (limited to 'desktop/assets/stylesheets/desktop.css')
| -rw-r--r-- | desktop/assets/stylesheets/desktop.css | 652 |
1 files changed, 652 insertions, 0 deletions
diff --git a/desktop/assets/stylesheets/desktop.css b/desktop/assets/stylesheets/desktop.css new file mode 100644 index 0000000..9a6c363 --- /dev/null +++ b/desktop/assets/stylesheets/desktop.css @@ -0,0 +1,652 @@ +/* `Basic HTML
+----------------------------------------------------------------------------------------------------*/
+
+* {
+ cursor: default;
+}
+
+html,
+body {
+ overflow: hidden;
+}
+
+body {
+ background: #222;
+ font: 12px Segoe UI;
+}
+
+a {
+ text-decoration: none;
+}
+
+li {
+ list-style: none;
+}
+
+/* `Misc
+----------------------------------------------------------------------------------------------------*/
+
+.abs {
+ position: absolute;
+ top: auto;
+ left: auto;
+ right: auto;
+ bottom: auto;
+}
+
+.align_center {
+ text-align: center;
+}
+
+.align_right {
+ text-align: right;
+}
+
+.float_left {
+ float: left;
+}
+.center {
+ text-align:center;
+ font-size:11pt;
+ width:80%;
+}
+.float_right {
+ float: right;
+}
+
+.ui-resizable-se {
+ background: url(../images/gui/window_corner.gif) no-repeat right bottom;
+ font-size: 0;
+ overflow: hidden;
+ width: 15px;
+ height: 15px;
+ right: 0;
+ bottom: 0;
+ cursor:nw-resize;
+}
+
+div.ui-resizable-handle {
+ display: none !important;
+ visibility: hidden !important;
+}
+
+/* `Icons
+----------------------------------------------------------------------------------------------------*/
+
+.icon {
+ background: url(../images/gui/trans_white.png) no-repeat -999px -999px;
+ color: #fff;
+ font-size: 12px;
+
+ line-height: 1.3;
+ padding: 6px 1px 6px;
+ text-align: center;
+ text-shadow: #000 0 1px 2px;
+ width: 80px;
+ border:solid 1px transparent;
+ text-decoration:none;
+}
+.icon.active {
+ border:solid 1px #D0E6FF;
+ background-color:#B7D7FF;
+
+}
+.icon img {
+ display: block;
+ margin: 0 auto 5px;
+ width: 32px;
+ height: 32px;
+ border:solid 1px transparent;
+ padding:3px;
+ color:#4b4b4b;
+ text-decoration:none;
+}
+
+.icon:hover {
+ outline: 1px solid #79B5FC;
+ border:solid 1px #B0D5FF;
+ background-color:#81BCFE;
+}
+.icon:active , .icon.ui-draggable-dragging {
+ outline: 1px solid #71A2DD;
+ border:solid 1px #D0E6FF;
+ box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
+ background-color:#B7D7FF;
+}
+
+.icon.ui-draggable-dragging {
+ z-index: 20;
+}
+
+/* `Windows
+----------------------------------------------------------------------------------------------------*/
+
+.window {
+ /*-webkit-box-shadow: 1px 1px 4px rgba(55, 141, 232, 0.75);
+ -moz-box-shadow: 1px 1px 4px rgba(55, 141, 232, 0.75);
+ box-shadow: 1px 1px 4px rgba(55, 141, 232, 0.75);*/
+ background: #6BADF6;
+ outline: 1px solid #5285BC;
+ border: 6px solid #6BADF6;
+ border-top:none;
+ color: #000;
+ display: none;
+ width: 1000px;
+ height: 600px;
+ top: 30px;
+ left: 120px;
+ z-index: 0;
+}
+.window.window_stack,
+.window.ui-draggable-dragging {
+ z-index: 10;
+}
+
+.window.ui-draggable-dragging {
+ opacity: 100;
+}
+
+.window.ui-draggable-dragging .window_content,
+.window.ui-draggable-dragging .window_bottom {
+ display: top;
+}
+
+.window_full.ui-draggable-dragging {
+ opacity: 100;
+}
+
+.window_full.ui-draggable-dragging .window_content,
+.window_full.ui-draggable-dragging .window_bottom {
+ display: block;
+}
+
+.window_full {
+ border: 0;
+ border-radius: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.window_full .ui-resizable-se {
+ display: block;
+
+}
+
+.window_top {
+ text-align:center;
+ background: #6BADF6;
+ color: #000000;
+ overflow: hidden;
+ line-height: 30px;
+ padding: 0 0px 0 05px;
+ height: 35px;
+}
+
+.window_top img {
+ float: left;
+ margin: 6px 5px 0 0;
+}
+.window_navbar {
+ background-color:#FFFFFF;
+ overflow:hidden;
+ width:100%;
+ max-height:36px;
+}
+.window_navbar img{
+ padding:8px;
+ vertical-align:middle;
+}
+.window_navbar fieldset{
+ display:inline;
+ vertical-align:middle;
+ border: 1px solid #D8D8D8;
+ height:22px;
+ position:relative;
+ margin-right:12px;
+ cursor: text !important;
+ -moz-user-select: text;
+ -webkit-user-select: text;
+ -ms-user-select: text;
+}
+
+.window_bottom {
+ background: #fff;
+ border-top: 1px solid #bbb;
+
+ font-size: 9pt;
+ line-height: 20px;
+ overflow: hidden;
+ padding-left:3px;
+ text-shadow: #fff 0 1px 1px;
+ height: 20px;
+ left: 2px;
+ right: 2px;
+ bottom: 1px;
+}
+
+.window_min {
+ background: url(../images/gui/window-minimize.png) no-repeat;
+ float: left;
+ font-size: 0; + +
+ width: 27px; +
+ height: 20px; +}
+
+.window_min:hover {
+ background: url(../images/gui/window-minimize-hover.png) no-repeat;
+ /*box-shadow: #09f 0 0 10px;
+ -moz-box-shadow: #09f 0 0 10px;
+ -webkit-box-shadow: #09f 0 0 10px;*/
+}
+.window_resize {
+ background: url(../images/gui/window-maximize.png) no-repeat;
+ float: left;
+ font-size: 0; + +
+ width: 26px; +
+ height: 20px; +}
+
+.window_resize:hover {
+ background: url(../images/gui/window-maximize-hover.png) no-repeat;
+ /*box-shadow: #09f 0 0 10px;
+ -moz-box-shadow: #09f 0 0 10px;
+ -webkit-box-shadow: #09f 0 0 10px;*/
+}
+.window_close {
+ background: url(../images/gui/window-close.png) no-repeat;
+ float: left;
+ font-size: 0; + +
+ width: 46px; +
+ height: 20px; +}
+
+.window_close:hover {
+ background: url(../images/gui/window-close-hover.png) no-repeat;
+/* box-shadow: #f00 0 0 10px;
+ -moz-box-shadow: #f00 0 0 10px;
+ -webkit-box-shadow: #f00 0 0 10px;*/
+}
+
+
+.window_inner {
+ padding: 0px;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+
+.window_content {
+ background-color:#FFFFFF;
+ border:1px solid #5B93D1;
+ line-height: 1.5;
+ overflow: auto;
+ top: 32px;
+ left: 1px;
+ right: 1px;
+ bottom: 0px;
+}
+
+.window_aside {
+ background-color:#FFFFFF;
+ float: left;
+ font-size: 9pt;
+ padding: 10px 12px 10px 10px;
+ width: 150px;
+}
+
+.window_main {
+ background: #fff;
+ margin: 0 0 0 173px;
+ min-height: 100%;
+}
+
+.window_full .window_top,
+.window_full .window_bottom {
+ border-radius: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+}
+
+.window_full .window_inner {
+ bottom: -1px;
+}
+.topie {
+ margin:0;
+ background-color:#6BADF6;
+ overflow: hidden;
+ line-height: 20px;
+ padding: 0 0px;
+ height: 55px;
+}
+.topie span{
+ background-color:#6BADF6;
+}
+.topie img{
+ margin:0;
+
+}
+#window_ie {
+ overflow-x:hidden;
+}
+
+/* `Table >> Data #3875d7
+----------------------------------------------------------------------------------------------------*/
+
+table.data {
+ width: 100%;
+ white-space: nowrap;
+}
+
+table.data th,
+table.data td {
+ padding: 2.5px 10px;
+ vertical-align: middle;
+}
+
+table.data th {
+ background: #fff /*url(../images/gui/bar_top.png) repeat-x left bottom*/;
+ text-shadow: #fff 0 1px 1px;
+ white-space: nowrap;
+}
+table.data th:hover {
+ background: #fff /*url(../images/gui/bar_top-hover.png) repeat-x left bottom*/;
+}
+table.data tr.sortdata th {
+ border-left: 1px solid #999999;
+}
+table.data tr.sortdata th:first-child {
+ border: 0;
+}
+
+table.data img {
+ display: block;
+}
+
+table.data td.zebra {
+ background: #FFFFFF;
+}
+table.data tr {
+
+}
+table.data tr.sortdata {
+ border:none !important;
+}
+table.data tr.active {
+ border:1px solid #26A0DA;
+}
+table.data tr.active td {
+ background: #CBE8F6;
+ color: #000;
+}
+
+th.shrink {
+ width: 1%;
+}
+
+/* `Bar >> Top + Bottom
+----------------------------------------------------------------------------------------------------*/
+
+#bar_top,
+#bar_bottom {
+ padding: 0 10px;
+ left: 0;
+ right: 0;
+}
+
+#bar_bottom {
+ background: #538DC4;
+ border-top: 1px solid #4C80B4;
+ color: #fff;
+ font-size: 13px;
+ line-height: 50px;
+ opacity: 0.8;
+ overflow: hidden;
+ padding-top: 0px;
+ padding-bottom: 9px;
+ text-shadow: #000 0 1px 1px;
+ height: 30px;
+ bottom: 0;
+}
+
+/* `Bar >> Links
+----------------------------------------------------------------------------------------------------*/
+
+#bar_top li,
+#bar_bottom li {
+ float: left;
+}
+
+#bar_top li a,
+#bar_bottom li a {
+ display: block;
+ padding: 0 8px;
+}
+
+#bar_bottom li {
+ display: none;
+ margin: 0 0 0px 0px;
+}
+
+#bar_bottom li a {
+ min-width: 40px;
+ max-width: 40px;
+}
+
+#bar_bottom a {
+ margin-right:2px;
+ width:58px;
+ color: #fff;
+ overflow: hidden;
+ padding: 0 0px;
+ height: 36px;
+ border:solid 1px #7da2ce;
+ background-color:#719EC9;
+ outline: #3D6891 solid 1px;
+ border:1px solid #9DBDDC;
+}
+
+#bar_bottom a:hover {
+ outline: #33577A solid 1px;
+ border:1px solid #E4ECF4;
+ -moz-border-radius:3px; -webkit-border-radius:3px;
+ background-color:#8EAFD0;
+}
+
+
+#bar_bottom li a img {
+ float: left;
+ margin-left:5px;
+}
+
+#bar_bottom .float_left img,
+#bar_bottom .float_right img {
+ display: block;
+ padding: 4px 0 0;
+}
+#show_desktop {
+ width:8px !important;
+ position:absolute;
+ bottom:1px;
+ right:1px;
+ margin:0 !important;
+ border:none !important;
+ outline:none !important;
+ background-color:transparent !important;
+}
+#show_desktop:active {
+ outline: #3D6891 solid 1px !important;
+}
+#clock {
+ font-size:9pt;
+ position:absolute;
+ bottom:5px;
+ right:19px;
+ margin-right:3px;
+}
+#weekday {
+ font-size:9pt;
+ position:absolute;
+ bottom:-12px;
+ right:12px;
+ margin-right:3px;
+
+}
+.addressbar , .searchbox {
+ border:none;
+ height:18px;
+ overflow:hidden;
+ z-index:10;
+}
+.addressform {
+ width:58.5%;
+
+}
+.addressform img {
+ float:right;
+ vertical-align:middle;
+}
+.search {
+ margin-top:6px;
+ vertical-align:middle;
+ width:23%;
+ float:right;
+}
+.search img {
+ float:right;
+}
+.iego {
+ padding:5px;
+ padding-right:8px;
+ float:right !important;
+
+}
+.reload {
+
+ background-image:url('assets/images/gui/reload.png');
+ padding:6px 8px !important;
+ margin:0px !important;
+ float:right !important;
+ border-left:1px solid #6C6C6C;
+}
+.searchbox {
+ position:relative;
+ padding:0px !important;
+ margin:0px !important;
+}
+#iframeie {
+ position:relative;
+ height:100%;
+}
+.ie {
+ margin:0px;
+ height:100%;
+ overflow:hidden;
+}
+.addressbar{
+ border:none;
+ height:10px;
+
+}
+#ie {
+ display:inline;
+ position:absolute;
+ top:28px;
+ margin-left: 10px;
+ border: 1px solid #3F6783;
+ height:22px;
+ padding:0px 0px 0px 60px;
+ background-color:#FFFFFF;
+
+}
+#tab {
+ vertical-align:bottom;
+ text-align:left;
+ max-height:25px;
+ min-width:197px;
+ display:inline-block;
+ background-color:#FFFFFF;
+ padding-top:2.5px;
+ padding-bottom:2.5px;
+ outline:1px solid #3F6783;
+ border: 1px solid #FFFFFF;
+ border-bottom:2px solid #FFFFFF;
+}
+#tab img {
+ margin-top:3px;
+ margin-right:4px;
+ margin-left:5px;
+}
+#greytab {
+ margin:0;
+ vertical-align:bottom;
+ text-align:left;
+ max-height:25px;
+ min-height:25px;
+ min-width:26px;
+ display:inline-block;
+ background-color:#A2BCD9;
+ outline:1px solid #3F6783;
+ border-bottom:3px solid #A2BCD9;
+}
+#greytab:hover {
+ background-image: url('../images/ie/newtab.png');
+ background-repeat:no-repeat;
+ background-position:center;
+}
+#greytab img {
+ margin-top:5px;
+ margin-left:5px;
+}
+#tabs {
+ display:inline;
+ position:absolute;
+ top:27px;
+ left:320px;
+}
+.contie {
+ top: 55px;
+ left: 1px;
+ right: 1px;
+ bottom: 0px;
+}
+.iebuttons {
+ margin-top:8px;
+}
+.iebuttons img{
+ vertical-align:center;
+ margin-left:8px;
+}
+.noborder {
+ border:none;
+}
+/* `Wallpaper + Desktop
+----------------------------------------------------------------------------------------------------*/
+
+#wallpaper {
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+}
+
+#desktop {
+ overflow: hidden;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 41px;
+}
\ No newline at end of file |