passa
13-09-2013, 12:26
Udało mi się już wiele zmienić w obecnym wyglądzie za pomocą css, poprzestawiać równe elementy. Ale nie potrafię rozgryźć, gdzie jest miejsce pozycji top menu. Pozamieniałam już nawet wszystkie right na left i nic nie dało (Chcę menu przesunąć w lewo). Wróciłam do stanu pierwotnego. Czy ktoś mógłby rzucić na to okiem? Będę bardzo wdzięczna.
/* Header
/************************************************** ************************************/
/************************************************** ************************************/
#header
{
width: 100%;
margin: 0px 0px 0px 0px;
}
#header .content
{
margin: 0px auto 0px auto;
overflow: visible;
}
#header.home .content
{
margin: 0px auto 0px auto;
overflow: visible;
}
#breadcrumb
{
height: 40px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(../images/bg.header.row2.png);
background-repeat: repeat-x;
background-position: left top;
}
.breadcrumbs
{
padding: 13px 0px 0px 0px;
}
.breadcrumbs span
{
}
#breadcrumb a
{
border: none;
}
#breadcrumb a:hover
{
}
/************************************************** ************************************/
/* Header Row 0 */
#header .row0
{
height: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#header .row0 .search input
{
float: right;
width: 150px;
height: 18px;
margin: 5px 0px 0px 8px;
padding: 0px 40px 6px 3px;
background-color: transparent;
background-image: url('../images/bg.search.png');
background-repeat: no-repeat;
background-position: top right;
}
/********** Top Menu ************************************************** *************/
#header .row1 #topmenu
{
height: 30px;
margin: 15px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 20;
text-align: center;
}
#header .row1 #topmenu ul.menu
{
float: right;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
list-style-type: none;
overflow: visible;
}
#header .row1 #topmenu ul.menu li
{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 20px;
position: relative;
list-style: none;
background: none;
z-index: 100;
overflow: visible;
display: none;
}
#header .row1 #topmenu ul.menu li .submenubottom
{
padding-bottom: 16px;
}
#header .row1 #topmenu ul.menu li.toplevel
{
background-image: url(../images/sep.menu.png);
background-repeat: no-repeat;
background-position: right top;
height: 40px;
}
#header .row1 #topmenu ul.menu li a
{
display: block;
padding: 0px 6px 0px 6px;
font-weight: normal;
text-decoration: none;
border: none;
border-style: none;
outline-style: none;
position: relative;
}
#header .row1 #topmenu ul.menu li.current a,
#header .row1 #topmenu ul.menu li.active a,
#header .row1 #topmenu ul.menu li.actives a,
#header .row1 #topmenu ul.menu li:hover a
{
display: block;
}
#header .row1 #topmenu ul.menu li span
{
display: block;
}
#header .row1 #topmenu ul.menu ul
{
width: 200px;
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
top: 40px;
left: 3px;
position: absolute !important;
z-index: 0 !important;
overflow: visible;
text-shadow: none;
}
#header .row1 #topmenu ul.menu > ul > li
{
float: none !important;
}
#header .row1 #topmenu ul.menu ul li
{
width: 200px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 13px 0px 2px 0px;
}
#header .row1 #topmenu ul.menu ul li a
{
margin: 0px 0px 0px 0px !important;
padding: 5px 0px 0px 20px !important;
text-align: left;
display: block;
text-decoration:none;
outline-style: none;
border: none;
background-image: none;
}
#header .row1 #topmenu ul.menu li.current ul a,
#header .row1 #topmenu ul.menu li.active ul a,
#header .row1 #topmenu ul.menu li.actives ul a,
#header .row1 #topmenu ul.menu li:hover ul a
#header .row1 #topmenu ul.menu ul li a,
#header .row1 #topmenu ul.menu ul li a:hover
{
background-image: none;
}
#header .row1 #topmenu ul.menu ul li.parent
{
background-position: top right;
}
#header .row1 #topmenu ul.menu ul ul
{
width: 200px;
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 1px;
top: 0px;
left: 200px;
background-color: transparent;
}
#header .row1 #topmenu ul.menu ul ul li
{
width: 200px;
}
#header .row1 #topmenu ul.menu ul ul li a
{
padding: 0;
text-align: left;
display: block;
text-decoration: none;
}
#header .row1 #headerimg
{
float: right;
}
/************************************************** ************************************/
/* Row 2 */
#header .row2
{
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
overflow: hidden;
}
#header .row2 .content
{
overflow: hidden;
}
#header .row2 .row2col1
{
float: left;
min-height: 0%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#header .row2 .row2col2
{
float: right;
min-height: 0%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#header #breadcrumb
{
}
/************************************************** ************************************/
/* Header Row 3 */
#header .row3
{
width: 100%;
padding: 0px;
margin: 0px 0px 25px 0px;
text-align: center;
background-color: transparent;
}
#header .row3 .content
{
margin: 0px auto 0px auto;
}
#header .row3 p
{
padding: 0px 0px 15px 0px;
}
#header .row3 #pagetitle h1
{
padding: 0px 35px 0px 35px;
}
/************************************************** ************************************/
/* Row 4 */
#header .row4
{
padding: 0px;
margin: 0px 0px 25px 0px;
text-align: justify;
overflow: hidden;
}
#header .row4 h1,
#header .row4 h2,
#header .row4 h3
{
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
overflow: hidden !important;
text-shadow: none;
}
#header .row4 p
{
clear: both;
padding: 0px 0px 0px 0px;
}
#header .row4 p.intro
{
clear: both;
padding: 0px 0px 0px 0px;
}
#header .row4 p img
{
margin: 2px 0px 0px 0px;
}
#header .row4 p.readmore
{
margin: 20px 0px 20px 0px !important;
}
#header .row4 .modtoggle_content .modtoggle_preview p.readmore
{
margin: 20px 0px 0px 0px !important;
}
#header .row4 li
{
list-style: none outside none;
padding: 0px 0px 0px 20px;
}
#header .row4 .content
{
overflow: hidden;
}
#header .row4 .moduletable
{
margin: 0px 0px 0px 0px;
padding: 25px 25px 25px 25px;
}
#header .row4 .row4col1,
#header .row4 .row4col2,
#header .row4 .row4col3,
#header .row4 .row4col4
{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}
#header .row4 .row4col1.closed,
#header .row4 .row4col2.closed,
#header .row4 .row4col3.closed,
#header .row4 .row4col4.closed,
#header .row4 .sepleft_30.closed
{
width: 0px;
height: 0px;
padding: 0px;
margin: 0px;
display: none;
}
#header .row4 p.btn_open
{
display: block;
}
#header .row4 p.btn_close
{
display: none;
}
#header .row4 .row4col1 .modtoggle_preview p.img.left,
#header .row4 .row4col2 .modtoggle_preview p.img.left,
#header .row4 .row4col3 .modtoggle_preview p.img.left,
#header .row4 .row4col4 .modtoggle_preview p.img.left
{
width: 100%;
float: left;
}
#header .row4 .row4col1 .modtoggle_preview p.img.right,
#header .row4 .row4col2 .modtoggle_preview p.img.right,
#header .row4 .row4col3 .modtoggle_preview p.img.right,
#header .row4 .row4col4 .modtoggle_preview p.img.right
{
width: 100%;
float: right;
}
#header .row4 ul
{
clear: none;
}
#header .row4 img.left
{
margin: 0px 20px 10px 0px;
}
#header .row4 img.right
{
margin: 0px 0px 10px 20px;
}
/* Header
/************************************************** ************************************/
/************************************************** ************************************/
#header
{
width: 100%;
margin: 0px 0px 0px 0px;
}
#header .content
{
margin: 0px auto 0px auto;
overflow: visible;
}
#header.home .content
{
margin: 0px auto 0px auto;
overflow: visible;
}
#breadcrumb
{
height: 40px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(../images/bg.header.row2.png);
background-repeat: repeat-x;
background-position: left top;
}
.breadcrumbs
{
padding: 13px 0px 0px 0px;
}
.breadcrumbs span
{
}
#breadcrumb a
{
border: none;
}
#breadcrumb a:hover
{
}
/************************************************** ************************************/
/* Header Row 0 */
#header .row0
{
height: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#header .row0 .search input
{
float: right;
width: 150px;
height: 18px;
margin: 5px 0px 0px 8px;
padding: 0px 40px 6px 3px;
background-color: transparent;
background-image: url('../images/bg.search.png');
background-repeat: no-repeat;
background-position: top right;
}
/********** Top Menu ************************************************** *************/
#header .row1 #topmenu
{
height: 30px;
margin: 15px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 20;
text-align: center;
}
#header .row1 #topmenu ul.menu
{
float: right;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
list-style-type: none;
overflow: visible;
}
#header .row1 #topmenu ul.menu li
{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 20px;
position: relative;
list-style: none;
background: none;
z-index: 100;
overflow: visible;
display: none;
}
#header .row1 #topmenu ul.menu li .submenubottom
{
padding-bottom: 16px;
}
#header .row1 #topmenu ul.menu li.toplevel
{
background-image: url(../images/sep.menu.png);
background-repeat: no-repeat;
background-position: right top;
height: 40px;
}
#header .row1 #topmenu ul.menu li a
{
display: block;
padding: 0px 6px 0px 6px;
font-weight: normal;
text-decoration: none;
border: none;
border-style: none;
outline-style: none;
position: relative;
}
#header .row1 #topmenu ul.menu li.current a,
#header .row1 #topmenu ul.menu li.active a,
#header .row1 #topmenu ul.menu li.actives a,
#header .row1 #topmenu ul.menu li:hover a
{
display: block;
}
#header .row1 #topmenu ul.menu li span
{
display: block;
}
#header .row1 #topmenu ul.menu ul
{
width: 200px;
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
top: 40px;
left: 3px;
position: absolute !important;
z-index: 0 !important;
overflow: visible;
text-shadow: none;
}
#header .row1 #topmenu ul.menu > ul > li
{
float: none !important;
}
#header .row1 #topmenu ul.menu ul li
{
width: 200px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 13px 0px 2px 0px;
}
#header .row1 #topmenu ul.menu ul li a
{
margin: 0px 0px 0px 0px !important;
padding: 5px 0px 0px 20px !important;
text-align: left;
display: block;
text-decoration:none;
outline-style: none;
border: none;
background-image: none;
}
#header .row1 #topmenu ul.menu li.current ul a,
#header .row1 #topmenu ul.menu li.active ul a,
#header .row1 #topmenu ul.menu li.actives ul a,
#header .row1 #topmenu ul.menu li:hover ul a
#header .row1 #topmenu ul.menu ul li a,
#header .row1 #topmenu ul.menu ul li a:hover
{
background-image: none;
}
#header .row1 #topmenu ul.menu ul li.parent
{
background-position: top right;
}
#header .row1 #topmenu ul.menu ul ul
{
width: 200px;
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 1px;
top: 0px;
left: 200px;
background-color: transparent;
}
#header .row1 #topmenu ul.menu ul ul li
{
width: 200px;
}
#header .row1 #topmenu ul.menu ul ul li a
{
padding: 0;
text-align: left;
display: block;
text-decoration: none;
}
#header .row1 #headerimg
{
float: right;
}
/************************************************** ************************************/
/* Row 2 */
#header .row2
{
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
overflow: hidden;
}
#header .row2 .content
{
overflow: hidden;
}
#header .row2 .row2col1
{
float: left;
min-height: 0%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#header .row2 .row2col2
{
float: right;
min-height: 0%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#header #breadcrumb
{
}
/************************************************** ************************************/
/* Header Row 3 */
#header .row3
{
width: 100%;
padding: 0px;
margin: 0px 0px 25px 0px;
text-align: center;
background-color: transparent;
}
#header .row3 .content
{
margin: 0px auto 0px auto;
}
#header .row3 p
{
padding: 0px 0px 15px 0px;
}
#header .row3 #pagetitle h1
{
padding: 0px 35px 0px 35px;
}
/************************************************** ************************************/
/* Row 4 */
#header .row4
{
padding: 0px;
margin: 0px 0px 25px 0px;
text-align: justify;
overflow: hidden;
}
#header .row4 h1,
#header .row4 h2,
#header .row4 h3
{
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
overflow: hidden !important;
text-shadow: none;
}
#header .row4 p
{
clear: both;
padding: 0px 0px 0px 0px;
}
#header .row4 p.intro
{
clear: both;
padding: 0px 0px 0px 0px;
}
#header .row4 p img
{
margin: 2px 0px 0px 0px;
}
#header .row4 p.readmore
{
margin: 20px 0px 20px 0px !important;
}
#header .row4 .modtoggle_content .modtoggle_preview p.readmore
{
margin: 20px 0px 0px 0px !important;
}
#header .row4 li
{
list-style: none outside none;
padding: 0px 0px 0px 20px;
}
#header .row4 .content
{
overflow: hidden;
}
#header .row4 .moduletable
{
margin: 0px 0px 0px 0px;
padding: 25px 25px 25px 25px;
}
#header .row4 .row4col1,
#header .row4 .row4col2,
#header .row4 .row4col3,
#header .row4 .row4col4
{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}
#header .row4 .row4col1.closed,
#header .row4 .row4col2.closed,
#header .row4 .row4col3.closed,
#header .row4 .row4col4.closed,
#header .row4 .sepleft_30.closed
{
width: 0px;
height: 0px;
padding: 0px;
margin: 0px;
display: none;
}
#header .row4 p.btn_open
{
display: block;
}
#header .row4 p.btn_close
{
display: none;
}
#header .row4 .row4col1 .modtoggle_preview p.img.left,
#header .row4 .row4col2 .modtoggle_preview p.img.left,
#header .row4 .row4col3 .modtoggle_preview p.img.left,
#header .row4 .row4col4 .modtoggle_preview p.img.left
{
width: 100%;
float: left;
}
#header .row4 .row4col1 .modtoggle_preview p.img.right,
#header .row4 .row4col2 .modtoggle_preview p.img.right,
#header .row4 .row4col3 .modtoggle_preview p.img.right,
#header .row4 .row4col4 .modtoggle_preview p.img.right
{
width: 100%;
float: right;
}
#header .row4 ul
{
clear: none;
}
#header .row4 img.left
{
margin: 0px 20px 10px 0px;
}
#header .row4 img.right
{
margin: 0px 0px 10px 20px;
}