comparison public/libervia.css @ 148:8635bc9db9bf

added parameter management to test XMLUI, but it's currently deactivated for security reasons (need some configuration options) + separated mainTabPanel CSS from LiberviaTabPanel
author Goffi <goffi@goffi.org>
date Sun, 09 Dec 2012 23:42:08 +0100
parents 88512fbeb128
children a201e368fc86
comparison
equal deleted inserted replaced
147:60ea800b7237 148:8635bc9db9bf
962 background-image: -o-linear-gradient(#fff,#ccc); */ 962 background-image: -o-linear-gradient(#fff,#ccc); */
963 } 963 }
964 964
965 /* Tab panel */ 965 /* Tab panel */
966 966
967 .mainTabPanel { 967 .liberviaTabPanel {
968 } 968 }
969 969
970 .gwt-TabPanel { 970 .gwt-TabPanel {
971 } 971 }
972 972
973 .gwt-TabPanelBottom { 973 .gwt-TabPanelBottom {
974 height: 100%; 974 height: 100%;
975 } 975 }
976 976
977 .gwt-TabBar { 977 .gwt-TabBar {
978 position: fixed;
979 z-index: 10;
980 bottom: 0;
981 font-weight: bold; 978 font-weight: bold;
982 text-decoration: none; 979 text-decoration: none;
983 border-bottom: 3px solid #a01c1c; 980 border-bottom: 3px solid #a01c1c;
984 } 981 }
985 982
983 .mainTabPanel .gwt-TabBar {
984 z-index: 10;
985 position: fixed;
986 bottom: 0;
987 }
988
986 .gwt-TabBar .gwt-TabBarFirst { 989 .gwt-TabBar .gwt-TabBarFirst {
987 height: 100%; 990 height: 100%;
988 } 991 }
989 992
990 .gwt-TabBar .gwt-TabBarRest { 993 .gwt-TabBar .gwt-TabBarRest {
991 } 994 }
992 995
993 .mainTabPanel .gwt-TabBar {; 996 .liberviaTabPanel .gwt-TabBar {;
994 } 997 }
995 998
996 .mainTabPanel .gwt-TabBar .gwt-TabBarItem { 999 .liberviaTabPanel .gwt-TabBar .gwt-TabBarItem {
997 cursor: pointer; 1000 cursor: pointer;
998 margin-right: 5px; 1001 margin-right: 5px;
999 } 1002 }
1000 1003
1001 .mainTabPanel .gwt-TabBarItem div { 1004 .liberviaTabPanel .gwt-TabBarItem div {
1002 color: #fff; 1005 color: #fff;
1003 } 1006 }
1004 1007
1005 .mainTabPanel .gwt-TabBarItem { 1008 .liberviaTabPanel .gwt-TabBarItem {
1006 color: #444 !important; 1009 color: #444 !important;
1007 background-color: #222; 1010 background-color: #222;
1008 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#444′, endColorstr=’#222’); 1011 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#444′, endColorstr=’#222’);
1009 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); 1012 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
1010 background: -moz-linear-gradient(top, #444, #222); 1013 background: -moz-linear-gradient(top, #444, #222);
1017 -webkit-border-radius: 1em 1em 0 0; 1020 -webkit-border-radius: 1em 1em 0 0;
1018 -moz-border-radius: 1em 1em 0 0; 1021 -moz-border-radius: 1em 1em 0 0;
1019 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); 1022 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
1020 } 1023 }
1021 1024
1022 .mainTabPanel .gwt-TabBarItem-selected { 1025 .liberviaTabPanel .gwt-TabBarItem-selected {
1023 color: #fff; 1026 color: #fff;
1024 background-color: #cf2828; 1027 background-color: #cf2828;
1025 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828′, endColorstr=’#981a1a’); 1028 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828′, endColorstr=’#981a1a’);
1026 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); 1029 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
1027 background: -moz-linear-gradient(top, #cf2828, #981a1a); 1030 background: -moz-linear-gradient(top, #cf2828, #981a1a);
1034 -webkit-border-radius: 1em 1em 0 0; 1037 -webkit-border-radius: 1em 1em 0 0;
1035 -moz-border-radius: 1em 1em 0 0; 1038 -moz-border-radius: 1em 1em 0 0;
1036 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 1039 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
1037 } 1040 }
1038 1041
1039 .mainTabPanel div.gwt-TabBarItem:hover { 1042 .liberviaTabPanel div.gwt-TabBarItem:hover {
1040 color: #fff; 1043 color: #fff;
1041 background-color: #cf2828; 1044 background-color: #cf2828;
1042 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828′, endColorstr=’#981a1a’); 1045 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828′, endColorstr=’#981a1a’);
1043 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); 1046 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
1044 background: -moz-linear-gradient(top, #cf2828, #981a1a); 1047 background: -moz-linear-gradient(top, #cf2828, #981a1a);
1051 -webkit-border-radius: 1em 1em 0 0; 1054 -webkit-border-radius: 1em 1em 0 0;
1052 -moz-border-radius: 1em 1em 0 0; 1055 -moz-border-radius: 1em 1em 0 0;
1053 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); 1056 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
1054 } 1057 }
1055 1058
1056 .mainTabPanel .gwt-TabBar .gwt-TabBarItem-selected { 1059 .liberviaTabPanel .gwt-TabBar .gwt-TabBarItem-selected {
1057 cursor: default; 1060 cursor: default;
1058 } 1061 }
1059 1062
1060 1063
1061 /* Misc */ 1064 /* Misc */