Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

CSS for the tabs is now in the separate file "styles_tabs.css" for be…

…tter handling. The tabs are now square.
  • Loading branch information...
commit 9dd5230b744acca2013e9ec510a26b6202d00773 1 parent 51e132b
urs_hunkler authored
View
2  theme/orangewhite/config.php
@@ -6,7 +6,7 @@
////////////////////////////////////////////////////////////////////////////////
-$THEME->sheets = array('styles_layout', 'styles_fonts', 'styles_color');
+$THEME->sheets = array('styles_layout', 'styles_fonts', 'styles_color', 'styles_tabs');
/// This variable is an array containing the names of all the
/// stylesheet files you want included in this theme, and in what order
View
BIN  theme/orangewhite/pix/tab/left.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/orangewhite/pix/tab/left2.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/orangewhite/pix/tab/left_active.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/orangewhite/pix/tab/left_active2.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/orangewhite/pix/tab/left_hover.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/orangewhite/pix/tab/left_hover2.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/orangewhite/pix/tab/left_inactive.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/orangewhite/pix/tab/left_inactive2.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/orangewhite/pix/tab/right.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/orangewhite/pix/tab/right2.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/orangewhite/pix/tab/right_active.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/orangewhite/pix/tab/right_active2.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/orangewhite/pix/tab/right_hover.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/orangewhite/pix/tab/right_hover2.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/orangewhite/pix/tab/right_inactive.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/orangewhite/pix/tab/right_inactive2.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/orangewhite/pix/tab/tabsbg_x2.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
4 theme/orangewhite/styles_color.css
@@ -127,10 +127,6 @@ body {
border-color:#FFFFFF;
}
-.tabs {
- border:0 none
-}
-
#layout-table {
background-color:#FFFFFF;
}
View
19 theme/orangewhite/styles_fonts.css
@@ -100,25 +100,6 @@ h4 {
}
-/*******************************************************************
-*** Tabs
-*******************************************************************/
-.tabs {
- font-size:90%
-}
-.tablink a:link,
-.tablink a:visited {
- color:#000066;
-}
-
-.tablink a:hover {
- text-decoration: none;
-}
-
-.selected .tablink a:link,
-.selected .tablink a:visited {
- color:#000000;
-}
/* header styles */
#header,
View
172 theme/orangewhite/styles_layout.css
@@ -89,163 +89,6 @@ input {
}
-/*******************************************************************
-*** Tabs
-*******************************************************************/
-
-.tabs {
- width:auto;
- margin-left:auto;
- margin-right:auto;
- margin-bottom:0px;
-}
-
-#user-view .tabs {
- width:80%;
-}
-
-.tabs tr {
- border:1px none #FF0000;
-}
-
-.tabs .side {
- width:50%;
- background:url(pix/tab/tabsbg.gif) top left repeat-x;
-}
-
-.tabrow {
- width:100%;
- margin:0;
- border-collapse:collapse;
-}
-
-.tabrow td {
- padding:0 0 0 14px;
- height:34px;
-}
-
-.tabs .r0 .active {
- background:url(pix/tab/left.gif) top left no-repeat;
-}
-
-.tabs .r1 .active {
- background:url(pix/tab/left2.gif) top left no-repeat;
-}
-
-.tabs .r0 .inactive {
- background:url(pix/tab/left.gif) top left no-repeat;
-}
-
-.tabs .r1 .inactive {
- background:url(pix/tab/left2.gif) top left no-repeat;
-}
-
-.tabs,
-.tabs tr,
-.tabs .td,
-.tabrow,
-.tabrow tbody,
-.tabrow tr,
-.tabrow td {
- background-color:transparent;
-}
-
-.tabrow th {
- display:none;
-}
-
-.tabrow td .tablink {
- padding:0 14px 0 0;
- /*display:block;*/
- white-space:nowrap;
- line-height:32px;
- text-align:center;
- text-decoration:none;
- height:34px;
- width:auto;
-}
-
-.tabs .r0 .active .tablink {
- background:url(pix/tab/right.gif) top right no-repeat;
-}
-
-.tabs .r1 .active .tablink {
- background:url(pix/tab/right2.gif) top right no-repeat;
-}
-
-.tabs .r0 .inactive .tablink {
- background:url(pix/tab/right.gif) top right no-repeat;
-}
-
-.tabs .r1 .inactive .tablink {
- background:url(pix/tab/right2.gif) top right no-repeat;
-}
-
-.tabrow td .tablink a {
- /*background-color:#00FFFF;*/
- width:auto;
- line-height:32px;
-}
-
-.tabs .r0 .active:hover {
- background-image:url(pix/tab/left_hover.gif);
-}
-
-.tabs .r0 .active:hover .tablink {
- background-image:url(pix/tab/right_hover.gif);
- line-height:32px;
-}
-
-.tabs .r0 .inactive:hover {
- background-image:url(pix/tab/left.gif);
-}
-
-.tabs .r0 .inactive:hover .tablink {
- background-image:url(pix/tab/right.gif);
- line-height:32px;
-}
-
-.tabs .r1 .active:hover {
- background-image:url(pix/tab/left_hover2.gif);
-}
-
-.tabs .r1 .active:hover .tablink {
- background-image:url(pix/tab/right_hover2.gif);
- line-height:32px;
-}
-
-.tabrow .last span {
- padding:0 1px 0 0;
- display:block;
- background:url(pix/tab/right_end.gif) top right no-repeat;
-}
-
-.tabs .r0 .selected {
- background:url(pix/tab/left_active.gif) top left no-repeat;
-}
-
-.tabs .r1 .selected {
- background:url(pix/tab/left_active2.gif) top left no-repeat;
-}
-
-.tabs .r0 .selected .tablink {
- background:url(pix/tab/right_active.gif) top right no-repeat;
- line-height:32px;
-}
-
-.tabs .r1 .selected .tablink {
- background:url(pix/tab/right_active2.gif) top right no-repeat;
- line-height:32px;
-}
-
-/*.tabrow td.selected:hover {
- background-image:url(pix/tab/left_active.gif) top left no-repeat;
-}
-
-.tabrow td.selected .tablink:hover {
- background-image:url(pix/tab/right_active.gif) top right no-repeat;
-}*/
-
/* header styles */
#header-home {
padding:0.5em 0.5em;
@@ -397,7 +240,6 @@ input {
.userinfobox {
margin-bottom:5px;
border:1px solid;
- border-top-width:0;
border-collapse: separate;
}
@@ -426,8 +268,7 @@ input {
padding-bottom: 20px;
}
-
-table.userinfobox {
+.userinfobox {
width: 80%;
margin-left: 10%;
margin-right: 10%;
@@ -469,7 +310,11 @@ table.formtable td {
.admin #content,
.admin .generalboxcontent,
.admin .generalbox {
- width:auto;
+ width:auto
+}
+
+#user-edit .generalboxcontent {
+ width:100%
}
@@ -696,6 +541,11 @@ table.formtable td {
display:none;
}
+.mod-glossary .entrybox {
+ border:1px solid #D1D7DC;
+ border-top:0 none;
+}
+
/*
.glossary .inactive {
border:1px solid;
View
220 theme/orangewhite/styles_tabs.css
@@ -0,0 +1,220 @@
+/*******************************************************************
+*** Tabs
+*******************************************************************/
+
+.userinfobox {
+ border-top:0 none;
+ padding-top:0;
+ margin-top:0;
+}
+
+#mod-forum-user .forumpost,
+#course-user .section .content {
+ border-top:0 none;
+}
+
+#user-view .tabs td,
+#user-edit .tabs td,
+#mod-forum-user .tabs td {
+ padding-bottom:0;
+}
+
+#user-edit .generalbox {
+ width:100%
+}
+
+#mod-glossary-view .glossarydisplay tr,
+#mod-glossary-view .glossarydisplay td {
+ border:0 none !important;
+}
+
+#mod-glossary-view .entryboxheader {
+ display:none;
+}
+
+.tabs {
+ width:auto;
+ margin-left:auto;
+ margin-right:auto;
+ margin-bottom:0;
+}
+
+#user-view .tabs {
+ width:80%;
+}
+
+.tabs tr {
+ border:1px none #FF0000;
+ background:url(pix/tab/tabsbg_x2.gif) bottom left repeat-x;
+}
+
+.tabs .left {
+ width:0;
+}
+
+.tabs .right {
+ width:75%;
+}
+
+.tabrow {
+ width:100%;
+ margin:0;
+ border-collapse:collapse;
+}
+
+.tabrow td {
+ padding:0 0 0 14px;
+ height:34px;
+}
+
+.tabs .r1 {
+ margin-bottom:1px;
+}
+
+.tabs .r0 .active {
+ background:url(pix/tab/left.gif) bottom left no-repeat;
+}
+
+.tabs .r1 .active {
+ background:url(pix/tab/left2.gif) bottom left no-repeat;
+}
+
+.tabs .r0 .inactive {
+ background:url(pix/tab/left_inactive.gif) bottom left no-repeat;
+}
+
+.tabs .r1 .inactive {
+ background:url(pix/tab/left_inactive2.gif) bottom left no-repeat;
+}
+
+.tabs,
+.tabs tr,
+.tabs .td,
+.tabrow,
+.tabrow tbody,
+.tabrow tr,
+.tabrow td {
+ background-color:transparent;
+}
+
+.tabrow th {
+ display:none;
+}
+
+.tabrow td .tablink {
+ padding:0 14px 0 0;
+ /*display:block;*/
+ white-space:nowrap;
+ line-height:32px;
+ text-align:center;
+ text-decoration:none;
+ height:34px;
+ width:auto;
+}
+
+.tabs .r0 .active .tablink {
+ background:url(pix/tab/right.gif) bottom right no-repeat;
+}
+
+.tabs .r1 .active .tablink {
+ background:url(pix/tab/right2.gif) bottom right no-repeat;
+}
+
+.tabs .r0 .inactive .tablink {
+ background:url(pix/tab/right_inactive.gif) bottom right no-repeat;
+}
+
+.tabs .r1 .inactive .tablink {
+ background:url(pix/tab/right_inactive2.gif) bottom right no-repeat;
+}
+
+.tabrow td .tablink a {
+ width:auto;
+ line-height:32px;
+}
+
+.tabs .r0 .active:hover {
+ background:url(pix/tab/left_hover.gif) bottom left no-repeat;
+}
+
+.tabs .r0 .active:hover .tablink {
+ background:url(pix/tab/right_hover.gif) bottom right no-repeat;
+ line-height:32px;
+}
+
+.tabs .r0 .inactive:hover {
+ background:url(pix/tab/left_inactive.gif) bottom left no-repeat;
+}
+
+.tabs .r0 .inactive:hover .tablink {
+ background:url(pix/tab/right_inactive.gif) bottom right no-repeat;
+ line-height:32px;
+}
+
+.tabs .r1 .active:hover {
+ background:url(pix/tab/left_hover2.gif) bottom left no-repeat;
+}
+
+.tabs .r1 .active:hover .tablink {
+ background:url(pix/tab/right_hover2.gif) bottom right no-repeat;
+ line-height:32px;
+}
+
+.tabrow .last span {
+ padding:0 1px 0 0;
+ display:block;
+ background:url(pix/tab/right_end.gif) bottom right no-repeat;
+}
+
+.tabs .r0 .selected {
+ background:url(pix/tab/left_active.gif) bottom left no-repeat;
+}
+
+.tabs .r1 .selected {
+ background:url(pix/tab/left_active2.gif) bottom left no-repeat;
+}
+
+.tabs .r0 .selected .tablink {
+ background:url(pix/tab/right_active.gif) bottom right no-repeat;
+ line-height:32px;
+}
+
+.tabs .r1 .selected .tablink {
+ background:url(pix/tab/right_active2.gif) bottom right no-repeat;
+ line-height:32px;
+}
+
+.tabrow td.selected:hover {
+ background:url(pix/tab/left_active.gif) bottom left no-repeat;
+}
+
+.tabrow td.selected .tablink:hover {
+ background:url(pix/tab/right_active.gif) bottom right no-repeat;
+}
+
+
+
+.tabs {
+ border:0 none
+}
+
+
+/*******************************************************************
+*** Tabs
+*******************************************************************/
+.tabs {
+ font-size:90%
+}
+.tablink a:link,
+.tablink a:visited {
+ color:#000066;
+}
+
+.tablink a:hover {
+ text-decoration: none;
+}
+
+.selected .tablink a:link,
+.selected .tablink a:visited {
+ color:#000000;
+}
Please sign in to comment.
Something went wrong with that request. Please try again.