📄 styles.css

📁 For CSS, this is to use for ComponetOne menu s skin
💻 CSS
字号:
/* =========== Vista C1Accordion =========================================== */
.C1Accordion_Vista .C1HeaderPanel
{
    cursor:pointer;    
}
.C1Accordion_Vista-C1Top,
.C1Accordion_Vista-C1Bottom
{
	font-size:12px;
	font-family: Segoe UI, Myriad, Myriad Pro, Calibri, Arial, Sans-Serif;
	border:solid 1px #a7bac5;
	display:block;
	float:none;
	clear:both;
	width:100%;
	margin:0;
	padding:0;
}
.C1Accordion_Vista-C1Left,
.C1Accordion_Vista-C1Right
{
	font-size:12px;
	font-family: Segoe UI, Myriad, Myriad Pro, Calibri, Arial, Sans-Serif;
	border:solid 1px #a7bac5;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
.C1Accordion_Vista-C1Top .C1AccordionPane,
.C1Accordion_Vista-C1Bottom .C1AccordionPane
{
	display:block;
	float:none;
	clear:both;
	width:100%;
	margin:0;
	padding:0;
}
.C1Accordion_Vista-C1Left .C1AccordionPane,
.C1Accordion_Vista-C1Right .C1AccordionPane
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
.C1Accordion_Vista .c1-v-flow
{
	display:block;
	float:left;
	clear:both;
	width:100%;
	margin:0;
	padding:0;
}
.C1Accordion_Vista .c1-h-flow
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
.C1Accordion_Vista-C1Top .C1HeaderPanel,
.C1Accordion_Vista-C1Bottom .C1HeaderPanel
{
	background: url(Images/BgHeaderV.gif) repeat-x top left;
	border-top:1px solid #a7bac5;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0;
}
.C1Accordion_Vista-C1Top .C1FirstItem .C1HeaderPanel,
.C1Accordion_Vista-C1Bottom .C1FirstItem .C1HeaderPanel
{
	border:none;
}
.C1Accordion_Vista-C1Top .C1Closed-C1Hover-C1HeaderPanel,
.C1Accordion_Vista-C1Bottom .C1Closed-C1Hover-C1HeaderPanel
{
	background: url(Images/BgHeaderV.gif) repeat-x center left;
}
.C1Accordion_Vista-C1Top .C1Closed-C1Active-C1Hover-C1HeaderPanel,
.C1Accordion_Vista-C1Bottom .C1Closed-C1Active-C1Hover-C1HeaderPanel
{
	background: url(Images/BgHeaderV.gif) repeat-x bottom left;
}
.C1Accordion_Vista-C1Top .C1Opened .C1HeaderPanel,
.C1Accordion_Vista-C1Bottom .C1Opened .C1HeaderPanel
{
	background: url(Images/BgHeaderV.gif) repeat-x center left;
}
.C1Accordion_Vista-C1Top .C1Opened-C1Hover-C1HeaderPanel,
.C1Accordion_Vista-C1Bottom .C1Opened-C1Hover-C1HeaderPanel
{
	background: url(Images/BgHeaderV.gif) repeat-x center left;
}

.C1Accordion_Vista-C1Top .C1Opened-C1Active-C1Hover-C1HeaderPanel,
.C1Accordion_Vista-C1Bottom .C1Opened-C1Active-C1Hover-C1HeaderPanel
{
	background: url(Images/BgHeaderV.gif) repeat-x bottom left;
}

.C1Accordion_Vista-C1Right .C1HeaderPanel,
.C1Accordion_Vista-C1Left .C1HeaderPanel
{
	background:#fcfcfc url(Images/BgHeaderH.gif) repeat-x top left;
	border-left:1px solid #a7bac5;
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:auto;
	min-width:20px;
}
.C1Accordion_Vista-C1Right .C1FirstItem .C1HeaderPanel,
.C1Accordion_Vista-C1Left .C1FirstItem .C1HeaderPanel
{
	border:none;
}
.C1Accordion_Vista-C1Right .C1Closed-C1Hover-C1HeaderPanel,
.C1Accordion_Vista-C1Left .C1Closed-C1Hover-C1HeaderPanel
{
	background:#a6d9f4 url(Images/BgHeaderHHover.gif) repeat-x top left;
}
.C1Accordion_Vista-C1Right .C1Closed-C1Active-C1Hover-C1HeaderPanel,
.C1Accordion_Vista-C1Left .C1Closed-C1Active-C1Hover-C1HeaderPanel
{
	background:#90cbea url(Images/BgHeaderHActive.gif) repeat-x top left;
}
.C1Accordion_Vista-C1Right .C1Opened .C1HeaderPanel,
.C1Accordion_Vista-C1Left .C1Opened .C1HeaderPanel
{
	background:#a7bac5 url(Images/BgHeaderHHover.gif) repeat-x top left;
}
.C1Accordion_Vista-C1Right .C1Opened-C1Hover-C1HeaderPanel,
.C1Accordion_Vista-C1Left .C1Opened-C1Hover-C1HeaderPanel
{
	background:#a6d9f4 url(Images/BgHeaderHHover.gif) repeat-x top left;
}
.C1Accordion_Vista-C1Right .C1Opened-C1Active-C1Hover-C1HeaderPanel,
.C1Accordion_Vista-C1Left .C1Opened-C1Active-C1Hover-C1HeaderPanel
{
	background:#90cbea url(Images/BgHeaderHActive.gif) repeat-x top left;
}

.C1Accordion_Vista-C1Top .C1HeaderPanel .C1Outer,
.C1Accordion_Vista-C1Bottom .C1HeaderPanel .C1Outer
{
	background: none;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #e9e9e9;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0;
}
.C1Accordion_Vista-C1Top .C1Closed-C1Hover-C1HeaderPanel .C1Outer,
.C1Accordion_Vista-C1Bottom .C1Closed-C1Hover-C1HeaderPanel .C1Outer
{ 
	border-top:1px solid #ffffff;
	border-bottom:1px solid #3c7fb1;
}
.C1Accordion_Vista-C1Top .C1Closed-C1Active-C1Hover-C1HeaderPanel .C1Outer,
.C1Accordion_Vista-C1Bottom .C1Closed-C1Active-C1Hover-C1HeaderPanel .C1Outer
{
	border-top:1px solid #ffffff;
	border-bottom:1px solid #2c628b;
}

.C1Accordion_Vista-C1Top .C1Opened .C1HeaderPanel .C1Outer,
.C1Accordion_Vista-C1Bottom .C1Opened .C1HeaderPanel .C1Outer
{
	border-top:1px solid #ffffff;
	border-bottom:1px solid #3c7fb1;
}
.C1Accordion_Vista-C1Top .C1Opened-C1Hover-C1HeaderPanel .C1Outer,
.C1Accordion_Vista-C1Bottom .C1Opened-C1Hover-C1HeaderPanel .C1Outer
{
	border-top:1px solid #ffffff;
	border-bottom:1px solid #3c7fb1;
}
.C1Accordion_Vista-C1Top .C1Opened-C1Active-C1Hover-C1HeaderPanel .C1Outer,
.C1Accordion_Vista-C1Bottom .C1Opened-C1Active-C1Hover-C1HeaderPanel .C1Outer
{
	border-top:1px solid #ffffff;
	border-bottom:1px solid #2c628b;
}

.C1Accordion_Vista-C1Right .C1HeaderPanel .C1Outer,
.C1Accordion_Vista-C1Left .C1HeaderPanel .C1Outer
{
	background: none;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0;
}

.C1Accordion_Vista-C1Top .C1HeaderPanel .C1Inner,
.C1Accordion_Vista-C1Bottom .C1HeaderPanel .C1Inner
{
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0;
}

.C1Accordion_Vista-C1Right .C1HeaderPanel .C1Inner,
.C1Accordion_Vista-C1Left .C1HeaderPanel .C1Inner
{
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0;
}

.C1Accordion_Vista .C1Bottom  .C1HeaderPanel .C1Content
{
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	color: #039;
	font-size:12px;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0 5px;
	height:22px;
	line-height:22px;
	vertical-align:middle;
}


.C1Accordion_Vista .C1Bottom .C1Closed-C1Active-C1Hover-C1HeaderPanel .C1Content,
.C1Accordion_Vista .C1Bottom .C1Opened-C1Active-C1Hover-C1HeaderPanel .C1Content

{
	border-bottom:1px solid #90CBEA;
	border-left:1px solid #6E8D9F;
}

.C1Accordion_Vista .C1Top .C1HeaderPanel .C1Content
{
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	color: #039;
	font-size:12px;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0 5px;
	height:22px;
	line-height:22px;
	vertical-align:middle;
}

.C1Accordion_Vista .C1Top .C1Closed-C1Active-C1Hover-C1HeaderPanel .C1Content,
.C1Accordion_Vista .C1Top .C1Opened-C1Active-C1Hover-C1HeaderPanel .C1Content
{
	border-bottom:1px solid #90CBEA;
	border-left:1px solid #6E8D9F;
}

.C1Accordion_Vista .C1Right .C1HeaderPanel .C1Content
{
	border-left:1px solid #ffffff;
	color: #039;
	font-size:12px;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0 5px;
	height:22px;
	line-height:22px;
	vertical-align:middle;
}

.C1Accordion_Vista .C1Right .C1Closed-C1Active-C1Hover-C1HeaderPanel .C1Content,
.C1Accordion_Vista .C1Right .C1Opened-C1Active-C1Hover-C1HeaderPanel .C1Content
{
	border-left:1px solid #6E8D9F;
}

.C1Accordion_Vista .C1Left .C1HeaderPanel .C1Content
{
	border-left:1px solid #ffffff;
	color: #039;
	font-size:12px;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0 5px;
	height:22px;
	line-height:22px;
	vertical-align:middle;
}

.C1Accordion_Vista .C1Left .C1Closed-C1Active-C1Hover-C1HeaderPanel .C1Content,
.C1Accordion_Vista .C1Left .C1Opened-C1Active-C1Hover-C1HeaderPanel .C1Content
{
	border-left:1px solid #6E8D9F;
}

.C1Accordion_Vista .C1Bottom .C1ContentPanel
{
	background: #ffffff;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:5px;
}
.C1Accordion_Vista .C1Top .C1ContentPanel
{
	background: #ffffff;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:5px;
}

.C1Accordion_Vista .C1Right .C1ContentPanel
{
	border-left:1px solid #a7bac5;
	background: #ffffff;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
.C1Accordion_Vista .C1Left .C1ContentPanel
{
	border-right:1px solid #a7bac5;
	background: #ffffff;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
.C1Accordion_Vista-C1Right .C1ContentPanel .C1Content,
.C1Accordion_Vista-C1Left .C1ContentPanel .C1Content
{
	padding:5px;
}
/* =========== end of Vista C1Accordion =========================================== */
💿 文件大小 1495 K
👤 上传用户 setixp
📂 所属分类其他
🏷️ 相关标签

#ComponetOne #this #menu #skin
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -