顶部
This commit is contained in:
+51
-51
@@ -1,12 +1,12 @@
|
||||
/*
|
||||
政工网通用样式表
|
||||
������ͨ����ʽ��
|
||||
part1:reset.css
|
||||
part2:grid.css w1008-24
|
||||
part3:base.css
|
||||
创建时间: 2015-06-29
|
||||
最后更新时间：2016-07-03
|
||||
未压缩版：4.0.2
|
||||
制作：lhh
|
||||
����ʱ��: 2015-06-29
|
||||
������ʱ�䣺2016-07-03
|
||||
δѹ���棺4.0.2
|
||||
������lhh
|
||||
*/
|
||||
/*----------------------------part1:reset.css----------------------------*/
|
||||
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
|
||||
@@ -103,7 +103,7 @@ body {
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
/* Grid >> 24 Columns 宽度30 + 左边距6＋右边距 ６
|
||||
/* Grid >> 24 Columns ����30 + ��߾�6���ұ߾� ��
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .grid_1 {
|
||||
@@ -466,7 +466,7 @@ body {
|
||||
.container_24 .pull_23 {
|
||||
left: -966px;
|
||||
}
|
||||
/* `清除浮动 */
|
||||
/* `������� */
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
@@ -492,14 +492,14 @@ body {
|
||||
zoom: 1;
|
||||
}
|
||||
/*----------------------------part3:base.css----------------------------*/
|
||||
/*1 标题
|
||||
Example：
|
||||
<h1> 大标题<small>小标题</small></h1>
|
||||
<h2> 大标题<small>小标题</small></h2>
|
||||
<h3> 大标题<small>小标题</small></h3>
|
||||
<h4> 大标题<small>小标题</small></h4>
|
||||
<h5> 大标题<small>小标题</small></h5>
|
||||
<h6> 大标题<small>小标题</small></h6>
|
||||
/*1 ����
|
||||
Example��
|
||||
<h1> �����<small>����</small></h1>
|
||||
<h2> �����<small>����</small></h2>
|
||||
<h3> �����<small>����</small></h3>
|
||||
<h4> �����<small>����</small></h4>
|
||||
<h5> �����<small>����</small></h5>
|
||||
<h6> �����<small>����</small></h6>
|
||||
*/
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 500;
|
||||
@@ -543,42 +543,42 @@ h5 {
|
||||
h6 {
|
||||
font-size: 12px;
|
||||
}
|
||||
/*2 文字效果
|
||||
Name: 文字效果
|
||||
/*2 ������
|
||||
Name: ������
|
||||
Example: style_b,style_strong,style_em,style_pre,style_uppercase,style_lowercase,style_capitalize,style_en
|
||||
*/
|
||||
/*小型文本*/
|
||||
/*С���ı�*/
|
||||
b, strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
/*重要的文本，加粗*/
|
||||
/*��Ҫ���ı����Ӵ�*/
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
/*预格式化的文本*/
|
||||
/*Ԥ��ʽ�����ı�*/
|
||||
.uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
/*文字大写*/
|
||||
/*���ִ�д*/
|
||||
.lowercase {
|
||||
text-transform: lowercase;
|
||||
}
|
||||
/*文字小写*/
|
||||
/*����Сд*/
|
||||
.capitalize {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
/*首字母大写*/
|
||||
/*����ĸ��д*/
|
||||
.en {
|
||||
font-family: Arial !important;
|
||||
}
|
||||
/*3 对齐
|
||||
/*3 ����
|
||||
Name: style_text-align
|
||||
Example: class="text-l|text-r|text-c|va-t|va-m|va-b"
|
||||
Explain: .text-水平对齐 （.text-l左对齐|.text-r右对齐|.text-c居中对齐）
|
||||
.va-上下对齐 （.va-t 居上对齐|.va-m 居中对齐|.va-b 居下对齐）
|
||||
Explain: .text-ˮƽ���� ��.text-l�����|.text-r�Ҷ���|.text-c���ж��룩
|
||||
.va-���¶��� ��.va-t ���϶���|.va-m ���ж���|.va-b ���¶��룩
|
||||
*/
|
||||
.text-l {
|
||||
text-align: left;
|
||||
@@ -591,7 +591,7 @@ pre {
|
||||
}
|
||||
.va * {
|
||||
vertical-align: sub !important;
|
||||
*vertical-align: middle !important;
|
||||
vertical-align: middle !important;
|
||||
_vertical-align: middle !important;
|
||||
}
|
||||
.va-t {
|
||||
@@ -603,10 +603,10 @@ pre {
|
||||
.va-b {
|
||||
vertical-align: bottom !important;
|
||||
}
|
||||
/*4 定位
|
||||
/*4 ��λ
|
||||
Name: style_position
|
||||
Example: class="pos-r|pos-a|pos-f"
|
||||
Explain: .pos-r 相对定位|.pos-a 绝对定位|.pos-f 固定
|
||||
Explain: .pos-r ��Զ�λ|.pos-a ���Զ�λ|.pos-f �̶�
|
||||
*/
|
||||
.pos-r {
|
||||
position: relative;
|
||||
@@ -617,10 +617,10 @@ pre {
|
||||
.pos-f {
|
||||
position: fixed;
|
||||
}
|
||||
/*5 浮动
|
||||
/*5 ����
|
||||
Name: style_float
|
||||
Example: class="l|r"
|
||||
Explain: .l 左浮动|.r 右浮动
|
||||
Explain: .l ��|.r �Ҹ���
|
||||
*/
|
||||
.l, .f-l {
|
||||
float: left !important;
|
||||
@@ -633,7 +633,7 @@ pre {
|
||||
[class*="span"].r, [class*="span"].f-r {
|
||||
float: right;
|
||||
}
|
||||
/*控制元素对定位的位置：居左|居右|j居上|居下*/
|
||||
/*����Ԫ�ضԶ�λ��λ�ã�����|����|j����|����*/
|
||||
.left {
|
||||
left: 0;
|
||||
right: auto;
|
||||
@@ -650,7 +650,7 @@ pre {
|
||||
top: 0;
|
||||
bottom: auto;
|
||||
}
|
||||
/*6 文字单行溢出省略号
|
||||
/*6 ���ֵ������ʡ�Ժ�
|
||||
Name: style_text-overflow
|
||||
Example: class="text-overflow"
|
||||
*/
|
||||
@@ -659,7 +659,7 @@ pre {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
/*7 线条
|
||||
/*7 ����
|
||||
Name: style_line
|
||||
Example: class="line"
|
||||
*/
|
||||
@@ -669,10 +669,10 @@ pre {
|
||||
border-top: solid 1px #eee;
|
||||
float: none;
|
||||
}
|
||||
/*8 外边距
|
||||
/*8 ��߾�
|
||||
Name: style_margin
|
||||
Example: class="mt-5|mt-10..."
|
||||
Explain: .mt表示上边距|.mb表示下边距|.ml表示左边距|.mr表示右边距
|
||||
Explain: .mt��ʾ�ϱ߾�|.mb��ʾ�±߾�|.ml��ʾ��߾�|.mr��ʾ�ұ߾�
|
||||
*/
|
||||
.mt-5 {
|
||||
margin-top: 5px;
|
||||
@@ -764,10 +764,10 @@ pre {
|
||||
.mr-50 {
|
||||
margin-right: 50px;
|
||||
}
|
||||
/*9 内填充
|
||||
/*9 �����
|
||||
Name: style_padding
|
||||
Example: class="pt-5|pt-10|……"
|
||||
Explain: .pt表示上填充|.pb表示下填充|.pl表示左填充|.pr表示右填充
|
||||
Example: class="pt-5|pt-10|����"
|
||||
Explain: .pt��ʾ�����|.pb��ʾ�����|.pl��ʾ�����|.pr��ʾ�����
|
||||
*/
|
||||
.pt-5 {
|
||||
padding-top: 5px;
|
||||
@@ -823,10 +823,10 @@ pre {
|
||||
.pd-40 {
|
||||
padding: 40px;
|
||||
}
|
||||
/*10 边框，css3圆角
|
||||
/*10 �߿�css3Բ��
|
||||
Name: style_border
|
||||
Example: class="radius"
|
||||
Explain: .bk_gray 边框|radius 圆角|round 椭圆 | circle 圆形
|
||||
Explain: .bk_gray �߿�|radius Բ��|round ��Բ | circle Բ��
|
||||
*/
|
||||
.radius {
|
||||
border-radius: 4px;
|
||||
@@ -852,11 +852,11 @@ pre {
|
||||
overflow: hidden;
|
||||
behavior: url(ie-css3.htc);
|
||||
}
|
||||
/*11 css3阴影
|
||||
/*11 css3��Ӱ
|
||||
Name: style_shadow
|
||||
Example: class="box-shadow|text-shadow"
|
||||
Explain: box-shadow 块级元素阴影，全局样式，可用在表格，文本框，文本域，div等块级元素上。
|
||||
text-shadow 文字阴影
|
||||
Explain: box-shadow �鼶Ԫ����Ӱ��ȫ����ʽ�������ڱ����ı����ı���div�ȿ鼶Ԫ���ϡ�
|
||||
text-shadow ������Ӱ
|
||||
*/
|
||||
.box-shadow {
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
@@ -868,7 +868,7 @@ pre {
|
||||
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
|
||||
behavior: url(ie-css3.htc);
|
||||
}
|
||||
/*12 行内分割竖线
|
||||
/*12 ���ڷָ�����
|
||||
Name: style_pipe
|
||||
Example: <span class="pipe"|</span
|
||||
*/
|
||||
@@ -877,10 +877,10 @@ pre {
|
||||
color: #CCC;
|
||||
font-size: 10px !important;
|
||||
}
|
||||
/*13 文字尺寸
|
||||
/*13 ���ֳߴ�
|
||||
Name: style_font-size
|
||||
Example: class="f-12|f-14|f-16|f-18|f-20|f-24|f-26|f-28|f-30"
|
||||
Explain: 12px字体|14px字体|16px字体|18px字体|20px字体|24px字体|26px字体|28px字体|30px字体
|
||||
Explain: 12px����|14px����|16px����|18px����|20px����|24px����|26px����|28px����|30px����
|
||||
*/
|
||||
.f-12 {
|
||||
font-size: 12px;
|
||||
@@ -909,10 +909,10 @@ pre {
|
||||
.f-30 {
|
||||
font-size: 30px;
|
||||
}
|
||||
/*14 文字行距
|
||||
/*14 �����о�
|
||||
Name: mod_line-height
|
||||
Example: class="lh-16|lh-18|lh-20|lh-22|lh-24|lh-26|lh-28|lh-30"
|
||||
Explain: 16px行高|18px行高|20px行高|22px行高|24px行高|26px行高|30px行高
|
||||
Explain: 16px�и�|18px�и�|20px�и�|22px�и�|24px�и�|26px�и�|30px�и�
|
||||
*/
|
||||
.lh-16 {
|
||||
line-height: 16px;
|
||||
@@ -938,10 +938,10 @@ pre {
|
||||
.lh-30 {
|
||||
line-height: 30px;
|
||||
}
|
||||
/*15 全局文字颜色
|
||||
/*15 ȫ��������ɫ
|
||||
Name: style_body,style_a
|
||||
*/
|
||||
/*全局默认链接颜色*/
|
||||
/*ȫ��Ĭ��������ɫ*/
|
||||
body {
|
||||
font-family: 'Microsoft YaHei';
|
||||
color: #333;
|
||||
|
||||
@@ -34,17 +34,17 @@ button { cursor: pointer; border: 0; background: none; font-family: inherit; }
|
||||
.slogan { font-size: 18px; color: #003366; font-weight: bold; letter-spacing: 2px; }
|
||||
|
||||
/* ===== 板块3：主导航 ===== */
|
||||
.mainnav { background: #003366; }
|
||||
.mainnav { background: #F7F7F7; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
|
||||
.mainnav .inner { display: flex; align-items: center; height: 50px; }
|
||||
.mainnav ul { display: flex; flex: 1; }
|
||||
.mainnav li { position: relative; }
|
||||
.mainnav li a { display: block; padding: 0 22px; height: 50px; line-height: 50px; color: #fff; font-size: 15px; font-weight: 500; }
|
||||
.mainnav li:hover a { background: #002244; }
|
||||
.mainnav li.cur a { background: #002244; }
|
||||
.mainnav li a { display: block; padding: 0 22px; height: 50px; line-height: 50px; color: #333; font-size: 15px; font-weight: 500; }
|
||||
.mainnav li:hover a { background: #fff; color: #CC0000; }
|
||||
.mainnav li.cur a { background: #fff; color: #CC0000; }
|
||||
.mainnav li.cur::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #CC0000; }
|
||||
.nav-icons { display: flex; }
|
||||
.nav-icon { width: 40px; height: 40px; background: #002244; color: #fff; margin-left: 5px; display: flex; align-items: center; justify-content: center; font-size: 18px; border-radius: 3px; }
|
||||
.nav-icon:hover { background: #CC0000; color: #fff; }
|
||||
.nav-icon { width: 40px; height: 40px; background: #fff; color: #003366; margin-left: 5px; display: flex; align-items: center; justify-content: center; font-size: 18px; border-radius: 3px; border: 1px solid #e0e0e0; }
|
||||
.nav-icon:hover { background: #CC0000; color: #fff; border-color: #CC0000; }
|
||||
|
||||
/* ===== 板块通用：标题栏 ===== */
|
||||
.sec-title { height: 40px; line-height: 40px; border-bottom: 1px solid #e0e0e0; margin-bottom: 10px; padding-left: 12px; position: relative; }
|
||||
|
||||
Reference in New Issue
Block a user