比較文本

尋找兩個文字檔案之間的差異

Real-time diff

Unified diff

Collapse lines

Highlight change

Syntax highlighting

工具

Untitled diff

Created 7 years agoDiff never expires

17 removals

116 lines

42 additions

141 lines

#module-stats .block,

#module-stats .block {

#module-stats .medium-block,

#module-stats .small-block {

padding: 0.8em;

background: transparent;

border: none;

}

#menustats {

margin: 10px 0;

margin: 0 auto 20px;

padding: 0;

list-style-type: none;

}

#menustats ul {

position: absolute;

height: auto;

z-index: 2;

margin: 0 0 20px 0;

padding: 0;

opacity: 0;

visibility: hidden;

box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.05);

transition: all .5s ease 0s;

list-style-type: none;

}

#menustats.active ul{

height: auto;

opacity: 1;

visibility: visible;

background-color: #FFFFFF;

transition: all 0.5s ease 0s;

}

#menustats li {

padding: 5px 10px;

}

@media (min-width: 769px) {

#menustats {

display: table;

margin: 0 auto 5px;

}

#menustats ul {

position: relative;

opacity: 1;

visibility: visible;

box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

}

#menustats li{

position: relative;

display: inline-block;

padding: 0;

text-align: center;

}

#menustats li a {

display: block;

padding: 10px 10px;

}

#menustats li a i {

font-size: 1.5em;

}

#menustats li span {

position: absolute;

top: 100%;

left: -50%;

display: block;

width: 200%;

opacity: 0;

visibility: hidden;

transition: all .3s ease 0s;

white-space: nowrap;

text-align: center;

}

#menustats li:hover span {

top: 80%;

opacity: 1;

visibility: visible;

transition: all .5s ease 0s;

}

#menustats i.fa-home { color: #05BAB0; }

#menustats li:hover i.fa-home { color: #058480; }

#menustats i.fa-users { color: #3498DB; }

#menustats li:hover i.fa-users { color: #1b7CBD; }

#menustats i.fa-eye { color: #2ECC71; }

#menustats li:hover i.fa-eye { color: #16A352; }

#menustats i.fa-file-o { color: #4372AA; }

#menustats li:hover i.fa-file-o { color: #2D4D73; }

#menustats i.fa-globe { color: #1FA6D5; }

#menustats li:hover i.fa-globe { color: #1589B1; }

#menustats i.fa-laptop { color: #999999; }

#menustats li:hover i.fa-laptop { color: #777777; }

#menustats i.fa-flag-o { color: #9B59B6; }

#menustats li:hover i.fa-flag-o { color: #8533A7; }

#menustats i.fa-share-square-o { color: #f86227; }

#menustats li:hover i.fa-share-square-o { color: #D6511C; }

#menustats i.fa-key { color: #F1C40F; }

#menustats li:hover i.fa-key { color: #D8B00E; }

#menustats i.fa-search { color: #34495E; }

#menustats li:hover i.fa-search { color: #1B344D; }

.stats-color-square {

margin: auto;

height: 10px;

width: 10px;

border: 1px solid #000000;

}

.date-selector-container {

margin: auto;

text-align: center;

}

.table-values-head {

background-image: url(images/stats2.png);

background-repeat: no-repeat;

margin-left: 2px;

height: 4px;

width: 10px;

}

.table-values {

background-image: url(images/stats.png);

background-repeat: repeat-y;

margin-left: 2px;

width: 10px;

padding: 0px

}

.total-head { width: 70px; }

.average-head { width: 60px; }

.last-update-head { width: 96px; }

.trend-head { width: 100px; }

.date-selector-filter {

text-align: center;

}

已保存差異

原始文本

Open file

#module-stats .block,
#module-stats .medium-block,
#module-stats .small-block {
	padding: 0.8em;
	background: transparent;
	border: none;
}

#menustats {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
}

#menustats ul {
	position: absolute;
	z-index: 2;
	margin: 0 0 20px 0;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.05);
	transition: all .5s ease 0s;
	list-style-type: none;
}

#menustats.active ul{
	opacity: 1;
	visibility: visible;
	background-color: #FFFFFF;
	transition: all 0.5s ease 0s;
}

#menustats li { 
	padding: 5px 10px;
}

@media (min-width: 769px) {
	#menustats {
		display: table;
		margin: 0 auto 5px;		
	}
	
	#menustats ul {
		position: relative;
		opacity: 1;
		visibility: visible;
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
	
	#menustats li{
		position: relative;
		display: inline-block;
		padding: 0;
		text-align: center;
	}
	
	#menustats li a {
		display: block;
		padding: 10px 10px;
	}
	
	#menustats li a i {
		font-size: 1.5em;
	}
	
	#menustats li span {
		position: absolute;
		top: 100%;
		left: -50%;
		display: block;
		width: 200%;
		opacity: 0;
		visibility: hidden;
		transition: all .3s ease 0s;
		white-space: nowrap;
		text-align: center;
	}
	
	#menustats li:hover span {
		top: 80%;
		opacity: 1;
		visibility: visible;
		transition: all .5s ease 0s;
	}
}

#menustats i.fa-home 					{ color: #05BAB0; }
#menustats li:hover i.fa-home 			{ color: #058480; }

#menustats i.fa-users 					{ color: #3498DB; }
#menustats li:hover i.fa-users 			{ color: #1b7CBD; }

#menustats i.fa-eye 					{ color: #2ECC71; }
#menustats li:hover i.fa-eye 			{ color: #16A352; }

#menustats i.fa-file-o 					{ color: #4372AA; }
#menustats li:hover i.fa-file-o 		{ color: #2D4D73; }

#menustats i.fa-globe 					{ color: #1FA6D5; }
#menustats li:hover i.fa-globe 			{ color: #1589B1; }

#menustats i.fa-laptop 					{ color: #999999; }
#menustats li:hover i.fa-laptop	 		{ color: #777777; }

#menustats i.fa-flag-o 					{ color: #9B59B6; }
#menustats li:hover i.fa-flag-o 		{ color: #8533A7; }

#menustats i.fa-share-square-o 			{ color: #f86227; }
#menustats li:hover i.fa-share-square-o { color: #D6511C; }

#menustats i.fa-key 					{ color: #F1C40F; }
#menustats li:hover i.fa-key 			{ color: #D8B00E; }

#menustats i.fa-search 					{ color: #34495E; }
#menustats li:hover i.fa-search 		{ color: #1B344D; }

更改後文本

Open file

#module-stats .block {
	padding: 0.8em;
	background: transparent;
	border: none;
}

#menustats {
	margin: 0 auto 20px;
	list-style-type: none;
}

#menustats ul {
	height: auto;
	opacity: 0;
	visibility: hidden;
	list-style-type: none;
}

#menustats.active ul{
	height: auto;	
	opacity: 1;
	visibility: visible;
}

#menustats li { 
	padding: 5px 10px;
}

@media (min-width: 769px) {
	#menustats {
		display: table;		
	}
	
	#menustats ul {
		opacity: 1;
		visibility: visible;
	}
	
	#menustats li{
		position: relative;
		display: inline-block;
		padding: 0;
		text-align: center;
	}
	
	#menustats li a {
		display: block;
		padding: 10px 10px;
	}
	
	#menustats li a i {
		font-size: 1.5em;
	}
	
	#menustats li span {
		position: absolute;
		top: 100%;
		left: -50%;
		display: block;
		width: 200%;
		opacity: 0;
		visibility: hidden;
		transition: all .3s ease 0s;
		white-space: nowrap;
		text-align: center;
	}
	
	#menustats li:hover span {
		top: 80%;
		opacity: 1;
		visibility: visible;
		transition: all .5s ease 0s;
	}
}

#menustats i.fa-home 					{ color: #05BAB0; }
#menustats li:hover i.fa-home 			{ color: #058480; }

#menustats i.fa-users 					{ color: #3498DB; }
#menustats li:hover i.fa-users 			{ color: #1b7CBD; }

#menustats i.fa-eye 					{ color: #2ECC71; }
#menustats li:hover i.fa-eye 			{ color: #16A352; }

#menustats i.fa-file-o 					{ color: #4372AA; }
#menustats li:hover i.fa-file-o 		{ color: #2D4D73; }

#menustats i.fa-globe 					{ color: #1FA6D5; }
#menustats li:hover i.fa-globe 			{ color: #1589B1; }

#menustats i.fa-laptop 					{ color: #999999; }
#menustats li:hover i.fa-laptop	 		{ color: #777777; }

#menustats i.fa-flag-o 					{ color: #9B59B6; }
#menustats li:hover i.fa-flag-o 		{ color: #8533A7; }

#menustats i.fa-share-square-o 			{ color: #f86227; }
#menustats li:hover i.fa-share-square-o { color: #D6511C; }

#menustats i.fa-key 					{ color: #F1C40F; }
#menustats li:hover i.fa-key 			{ color: #D8B00E; }

#menustats i.fa-search 					{ color: #34495E; }
#menustats li:hover i.fa-search 		{ color: #1B344D; }

.stats-color-square {
	margin: auto;
	height: 10px;
	width: 10px;
	border: 1px solid #000000;
}

.date-selector-container {
	margin: auto;
	text-align: center;
}

.table-values-head {
	background-image: url(images/stats2.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	height: 4px;
	width: 10px;	 
}

.table-values {
	background-image: url(images/stats.png);
	background-repeat: repeat-y;
	margin-left: 2px;
	width: 10px;
	padding: 0px
}

.total-head 		{ width: 70px; }
.average-head 		{ width: 60px; }
.last-update-head 	{ width: 96px; }
.trend-head 		{ width: 100px; }

.date-selector-filter {
	text-align: center;
}