Changes for page Về chúng tôi

Summary

• Page properties (1 modified, 0 added, 0 removed)
• Objects (1 modified, 0 added, 0 removed)
  • XWiki.StyleSheetExtension[2]

Details

Page properties

Content

...	...	@@ -6,7 +6,8 @@
6	6	<div class="nvg-intro-left">
7	7
8	8	<div class="nvg-intro-title">
9		- CÂU CHUYỆN THƯƠNG HIỆU NAM VIỆT GROUP
	9	+ CÂU CHUYỆN THƯƠNG HIỆU<br>
	10	+ NAM VIỆT GROUP
10	10	</div>
11	11
12	12	<div class="nvg-title-line"></div>

XWiki.StyleSheetExtension[2]

Code

...	...	@@ -1,66 +1,134 @@
1	1	.nvg-intro {
	2	+ display: flex;
2	2	width: 100%;
3		- box-sizing: border-box;
4		- padding: 40px 50px;
	4	+ min-height: 650px;
	5	+ overflow: hidden;
	6	+ position: relative;
5	5	font-family: 'Mona Sans', 'Open Sans', sans-serif;
6	6	background: #ffffff;
7	7	}
8	8
	11	+/* =========================
	12	+ LEFT CONTENT
	13	+========================= */
	14	+
	15	+.nvg-intro-left {
	16	+ width: 42%;
	17	+ padding: 35px 40px 30px 25px;
	18	+ box-sizing: border-box;
	19	+ position: relative;
	20	+ z-index: 2;
	21	+ background:
	22	+ linear-gradient(
	23	+ rgba(255,255,255,0.88),
	24	+ rgba(255,255,255,0.88)
	25	+ ),
	26	+ url("/bin/download/Storage/Source/Image/WebHome/namviet-group-right-background.png");
	27	+
	28	+ background-size: cover;
	29	+ background-position: left center;
	30	+}
	31	+
9	9	/* TITLE */
10	10
11	11	.nvg-intro-title {
12		- font-size: 38px;
	35	+ font-size: 34px;
13	13	font-weight: 800;
14		- line-height: 1.35;
	37	+ line-height: 1.45;
15	15	text-transform: uppercase;
16	16	color: #258445;
17		- margin-bottom: 15px;
	40	+ margin-bottom: 12px;
18	18	}
19	19
20	20	/* BLUE LINE */
21	21
22	22	.nvg-title-line {
23		- width: 70px;
	46	+ width: 65px;
24	24	height: 3px;
25	25	background: #2f7fc1;
26		- margin-bottom: 25px;
	49	+ margin-bottom: 15px;
27	27	}
28	28
29		-/* CONTENT */
	52	+/* TEXT */
30	30
31		-.nvg-intro-content {
32		- width: 100%;
33		-}
34		-
35		-.nvg-intro-content p {
36		- font-size: 17px;
37		- line-height: 1.7;
38		- color: #333333;
	54	+.nvg-intro-left p {
	55	+ font-size: 15px;
	56	+ line-height: 1.55;
	57	+ color: #444444;
39	39	margin-bottom: 20px;
40	40	text-align: justify;
41	41	}
42	42
43		-.nvg-intro-content strong {
	62	+.nvg-intro-left strong {
44	44	font-weight: 800;
45		- color: #222222;
46	46	}
47	47
	66	+/* =========================
	67	+ RIGHT BACKGROUND
	68	+========================= */
48	48
49		-/* MOBILE */
	70	+.nvg-intro-right {
	71	+ width: 58%;
	72	+ min-height: 650px;
	73	+ position: relative;
	74	+ background-image:
	75	+ url("/bin/download/Storage/Source/Images/WebHome/Screenshot_2.png");
50	50
51		-@media (max-width: 768px) {
	77	+ background-size: cover;
	78	+ background-position: center;
	79	+}
52	52
	81	+/* =========================
	82	+ DIAGONAL GOLD DIVIDER
	83	+========================= */
	84	+
	85	+.nvg-intro-right::before {
	86	+ content: "";
	87	+ position: absolute;
	88	+
	89	+ top: 0;
	90	+ bottom: 0;
	91	+
	92	+ left: -170px;
	93	+
	94	+ width: 280px;
	95	+
	96	+ background: linear-gradient(
	97	+ 120deg,
	98	+ transparent 0%,
	99	+ transparent 30%,
	100	+ #a96529 30%,
	101	+ #f6d18b 48%,
	102	+ #a96529 65%,
	103	+ transparent 65%
	104	+ );
	105	+
	106	+ transform: skewX(-28deg);
	107	+
	108	+ z-index: 1;
	109	+}
	110	+
	111	+/* =========================
	112	+ RESPONSIVE
	113	+========================= */
	114	+
	115	+@media (max-width: 900px) {
	116	+
53	53	.nvg-intro {
54		- padding: 25px 20px;
	118	+ display: block;
55	55	}
56	56
57		- .nvg-intro-title {
58		- font-size: 28px;
	121	+ .nvg-intro-left,
	122	+ .nvg-intro-right {
	123	+ width: 100%;
59	59	}
60	60
61		- .nvg-intro-content p {
62		- font-size: 16px;
63		- line-height: 1.6;
	126	+ .nvg-intro-right {
	127	+ min-height: 450px;
64	64	}
65	65
	130	+ .nvg-intro-right::before {
	131	+ display: none;
	132	+ }
	133	+
66	66	}