📄 styles.css

📁 For CSS, this is to use for ComponetOne menu s skin
💻 CSS
字号:
/* =========== Office2007Silver C1Expander =========================================== */
.C1Expander_Office2007Silver
{
	font-size:12px;
	font-family: Segoe UI, Myriad, Myriad Pro, Calibri, Arial, Sans-Serif;
}

.C1Expander_Office2007Silver .C1eContentPanel .C1eOuter,
.C1Expander_Office2007Silver .C1eContentPanel .C1eInner,
.C1Expander_Office2007Silver .C1eContentPanel .C1eContent
{
  width: 100%; 
  height: 100%;
}

.C1Expander_Office2007Silver-C1Top .C1eHeaderPanel,
.C1Expander_Office2007Silver-C1Bottom .C1eHeaderPanel
{
	background: url(Images/BgHeaderV.gif) repeat-x top left;
	border:1px solid #6f7074;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0;
}
.C1Expander_Office2007Silver-C1Top .C1Closed-C1Hover-C1eHeaderPanel,
.C1Expander_Office2007Silver-C1Bottom .C1Closed-C1Hover-C1eHeaderPanel
{
	background: url(Images/BgHeaderV.gif) repeat-x center left;
}
.C1Expander_Office2007Silver-C1Top .C1Closed-C1Active-C1Hover-C1eHeaderPanel,
.C1Expander_Office2007Silver-C1Bottom .C1Closed-C1Active-C1Hover-C1eHeaderPanel
{
	background: url(Images/BgHeaderV.gif) repeat-x bottom left;
}
.C1Expander_Office2007Silver-C1Top .C1Opened-C1eHeaderPanel,
.C1Expander_Office2007Silver-C1Bottom .C1Opened-C1eHeaderPanel
{
	background: url(Images/BgHeaderV.gif) repeat-x center left;
}
.C1Expander_Office2007Silver-C1Top .C1Opened-C1Hover-C1eHeaderPanel,
.C1Expander_Office2007Silver-C1Bottom .C1Opened-C1Hover-C1eHeaderPanel
{
	background: url(Images/BgHeaderV.gif) repeat-x center left;
}
.C1Expander_Office2007Silver-C1Top .C1Opened-C1Active-C1Hover-C1eHeaderPanel,
.C1Expander_Office2007Silver-C1Bottom .C1Opened-C1Active-C1Hover-C1eHeaderPanel
{
	background: url(Images/BgHeaderV.gif) repeat-x bottom left;
}

.C1Expander_Office2007Silver-C1Left .C1eHeaderPanel,
.C1Expander_Office2007Silver-C1Right .C1eHeaderPanel
{
	background:#eeeef4 url(Images/BgHeaderH.gif) repeat-x top left;
	border:1px solid #6f7074;
	display:block;
	float:left;
	margin:0;
	padding:0;
	min-width:20px;
}
.C1Expander_Office2007Silver-C1Left .C1Closed-C1Hover-C1eHeaderPanel,
.C1Expander_Office2007Silver-C1Right .C1Closed-C1Hover-C1eHeaderPanel
{
	background:#ffe7a2 url(Images/BgHeaderHHover.gif) repeat-x top left;
}
.C1Expander_Office2007Silver-C1Left .C1Closed-C1Active-C1Hover-C1eHeaderPanel,
.C1Expander_Office2007Silver-C1Right .C1Closed-C1Active-C1Hover-C1eHeaderPanel
{
	background:#fb8c3c url(Images/BgHeaderHActive.gif) repeat-x top left;
}
.C1Expander_Office2007Silver-C1Left .C1Opened-C1eHeaderPanel,
.C1Expander_Office2007Silver-C1Right .C1Opened-C1eHeaderPanel
{
	background:#ffbd69 url(Images/BgHeaderHHover.gif) repeat-x top left;
}
.C1Expander_Office2007Silver-C1Left .C1Opened-C1Hover-C1eHeaderPanel,
.C1Expander_Office2007Silver-C1Right .C1Opened-C1Hover-C1eHeaderPanel
{
	background:#ffbd69 url(Images/BgHeaderHHover.gif) repeat-x top left;
}
.C1Expander_Office2007Silver-C1Left .C1Opened-C1Active-C1Hover-C1eHeaderPanel,
.C1Expander_Office2007Silver-C1Right .C1Opened-C1Active-C1Hover-C1eHeaderPanel
{
	background:#fb8c3c url(Images/BgHeaderHActive.gif) repeat-x top left;
}

.C1Expander_Office2007Silver-C1Top .C1eHeaderPanel .C1eOuter,
.C1Expander_Office2007Silver-C1Bottom .C1eHeaderPanel .C1eOuter
{
	background: none;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0;
}

.C1Expander_Office2007Silver-C1Left .C1eHeaderPanel .C1eOuter,
.C1Expander_Office2007Silver-C1Right .C1eHeaderPanel .C1eOuter
{
	background: none;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0;
}

.C1Expander_Office2007Silver-C1Top .C1eHeaderPanel .C1eInner,
.C1Expander_Office2007Silver-C1Bottom .C1eHeaderPanel .C1eInner
{
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0;
}


.C1Expander_Office2007Silver-C1Left .C1eHeaderPanel .C1eInner,
.C1Expander_Office2007Silver-C1Right .C1eHeaderPanel .C1eInner
{
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0;
}

.C1Expander_Office2007Silver-C1Bottom .C1eHeaderPanel .C1eContent
{
	background: url(Images/ArrowsV.gif) no-repeat top right;
	color: #15428b;
	font-size:16px;
	font-weight:900;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0 5px;
	height:25px;
	line-height:25px;
	vertical-align:middle;
}

.C1Expander_Office2007Silver-C1Bottom .C1Opened-C1eHeaderPanel .C1eContent
{
	background: url(Images/ArrowsV.gif) no-repeat bottom right;
}
.C1Expander_Office2007Silver-C1Bottom .C1Opened-C1Hover-C1eHeaderPanel .C1eContent
{
	background: url(Images/ArrowsV.gif) no-repeat bottom right;
}
.C1Expander_Office2007Silver-C1Bottom .C1Opened-C1Active-C1Hover-C1eHeaderPanel .C1eContent
{
	background: url(Images/ArrowsV.gif) no-repeat bottom right;
}

.C1Expander_Office2007Silver-C1Top .C1eHeaderPanel .C1eContent
{
	background: url(Images/ArrowsV.gif) no-repeat bottom right;
	color: #15428b;
	font-size:16px;
	font-weight:900;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0 5px;
	height:25px;
	line-height:25px;
	vertical-align:middle;
}

.C1Expander_Office2007Silver-C1Top .C1Opened-C1eHeaderPanel .C1eContent,
.C1Expander_Office2007Silver-C1Top .C1Opened-C1Hover-C1eHeaderPanel .C1eContent,
.C1Expander_Office2007Silver-C1Top .C1Opened-C1Active-C1Hover-C1eHeaderPanel .C1eContent
{
	background: url(Images/ArrowsV.gif) no-repeat top right;
}

.C1Expander_Office2007Silver-C1Right .C1eHeaderPanel .C1eContent
{
	background: url(Images/ArrowHClosed.gif) no-repeat top right;
	color: #15428b;
	font-size:16px;
	font-weight:900;
	display:block;
	float:none;
	clear:both;
	margin:0;
	margin-left:5px;
	margin-right:5px;
	/*padding:0 20px 0 5px;*/
	height:25px;
	line-height:25px;
	vertical-align:middle;
}

.C1Expander_Office2007Silver-C1Right .C1Opened-C1eHeaderPanel .C1eContent
{
	background: url(Images/ArrowHOpened.gif) no-repeat top right;
}
.C1Expander_Office2007Silver-C1Right .C1Opened-C1Hover-C1eHeaderPanel .C1eContent
{
	background: url(Images/ArrowHOpened.gif) no-repeat top right;
}

.C1Expander_Office2007Silver-C1Left .C1eHeaderPanel .C1eContent
{
	background: url(Images/ArrowHOpened.gif) no-repeat top right;
	color: #15428b;
	font-size:16px;
	font-weight:900;
	display:block;
	float:none;
	clear:both;
	margin:0;
	margin-left:5px;
	margin-right:5px;
	/*padding:0 20px 0 5px;*/
	height:25px;
	line-height:25px;
	vertical-align:middle;
}
.C1Expander_Office2007Silver-C1Left .C1Opened-C1eHeaderPanel .C1eContent
{
	background: url(Images/ArrowHClosed.gif) no-repeat top right;
}
.C1Expander_Office2007Silver-C1Left .C1Opened-C1Hover-C1eHeaderPanel .C1eContent
{
	background: url(Images/ArrowHClosed.gif) no-repeat top right;
}

.C1Expander_Office2007Silver-C1Bottom .C1eContentPanel
{
	border:1px solid #6f7074;
	border-top:none;
	background: #f0f1f2;
	display:block;
	float:none;
	clear:both;
	margin:0;

}
.C1Expander_Office2007Silver-C1Top .C1eContentPanel
{
	border:1px solid #6f7074;
	border-bottom:none;
	background: #f0f1f2;
	display:block;
	float:none;
	clear:both;
	margin:0;

}

.C1Expander_Office2007Silver-C1Right .C1eContentPanel
{
	border:1px solid #6f7074;
	border-left:none;
	background: #f0f1f2;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
.C1Expander_Office2007Silver-C1Right .C1eContentPanel .C1eContent
{
	padding:5px;
}

.C1Expander_Office2007Silver-C1Left .C1eContentPanel
{
	border:1px solid #6f7074;
	border-right:none;
	background: #f0f1f2;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
.C1Expander_Office2007Silver-C1Left .C1eContentPanel .C1eContent
{
	padding:5px;
}


/*----DISABLED STATE----*/

.C1Expander_Office2007Silver-C1Disabled-C1Top .C1eHeaderPanel
{
	border:solid 1px #6f7074;
	background: #f0f1f2 url(Images/BgHeaderV.gif) repeat-x top left;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0;
    border-top: none;
}
.C1Expander_Office2007Silver-C1Disabled-C1Bottom .C1eHeaderPanel
{
	border:solid 1px #6f7074;
	background: #f0f1f2 url(Images/BgHeaderV.gif) repeat-x top left;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0;
    border-bottom: none;
}


.C1Expander_Office2007Silver-C1Disabled-C1Right .C1eHeaderPanel
{
	border:solid 1px #6f7074;
	background: #f0f1f2 url(Images/BgHeaderH.gif) repeat-x top left;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0;
	border-bottom: none;
}

.C1Expander_Office2007Silver-C1Disabled-C1Left .C1eHeaderPanel
{
	border:solid 1px #6f7074;
	background: #f0f1f2 url(Images/BgHeaderH.gif) repeat-x top left;
	display:block;
	float:none;
	clear:both;
	margin:0;
	padding:0;
	border-top: none;
}


.C1Expander_Office2007Silver-C1Disabled-C1Bottom .C1eHeaderPanel .C1eOuter .C1eInner .C1eContent
{  
    padding: 5px;
}


.C1Expander_Office2007Silver-C1Disabled-C1Top .C1eContentPanel .C1eOuter .C1eInner .C1eContent,
.C1Expander_Office2007Silver-C1Disabled-C1Bottom .C1eContentPanel .C1eOuter .C1eInner .C1eContent,
.C1Expander_Office2007Silver-C1Disabled-C1Right .C1eContentPanel .C1eOuter .C1eInner .C1eContent,
.C1Expander_Office2007Silver-C1Disabled-C1Left .C1eContentPanel .C1eOuter .C1eInner .C1eContent
{  
    border:1px solid #6f7074;
    background: #f0f1f2;
}
💿 文件大小 1495 K
👤 上传用户 setixp
📂 所属分类其他
🏷️ 相关标签

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

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