Difference between revisions of "Template:2015CSS"

Revision as of 17:23, 18 March 2015 (view source) Sifuentes anita (Talk | contribs) ← Older edit		Revision as of 17:14, 19 March 2015 (view source) Sifuentes anita (Talk | contribs) Newer edit →
Line 160:		Line 160:
	padding-left: 10px;		padding-left: 10px;
	margin-left: -19px;		margin-left: -19px;
−	padding-top:5px;	+	padding-top:2px;
−	padding-bottom: 5px;	+	padding-bottom: 2px;
	margin-bottom: -1px;		margin-bottom: -1px;
Line 173:		Line 173:
	/*animate transition */		/*animate transition */
−	-webkit-transition: background 0.3s linear;	+	-webkit-transition: background 0.2s linear;
−	-moz-transition: background 0.3s linear;	+	-moz-transition: background 0.2s linear;
−	-ms-transition: background 0.3s linear;	+	-ms-transition: background 0.2s linear;
−	-o-transition: background 0.3s linear;	+	-o-transition: background 0.2s linear;
−	transition: background 0.3s linear;	+	transition: background 0.2s linear;
	}		}
Line 357:		Line 357:
	.button {		.button {
	width: 130px;		width: 130px;
−	border: 2px solid #c1dfa6;	+	border: 2px solid #3aa76c;
	background-color: fff;		background-color: fff;
	height: 30px;		height: 30px;
Line 365:		Line 365:
	margin: auto;		margin: auto;
	/*animate transition */		/*animate transition */
−	-webkit-transition: background 0.3s linear;	+	-webkit-transition: background 0.2s linear;
−	-moz-transition: background 0.3s linear;	+	-moz-transition: background 0.2s linear;
−	-ms-transition: background 0.3s linear;	+	-ms-transition: background 0.2s linear;
−	-o-transition: background 0.3s linear;	+	-o-transition: background 0.2s linear;
−	transition: background 0.3s linear;	+	transition: background 0.2s linear;
	}		}
	/*For the button class, change background on hover */		/*For the button class, change background on hover */
	.button:hover {		.button:hover {
−	background-color: #c1dfa6;	+	background-color: #3aa76c;
	color: white;		color: white;
	}		}
		+
		+
		+
		+	/* Class for making images with links react on hover */
		+	img.imageHover:hover {
		+	opacity: 0.4;
		+	filter: alpha(opacity=40); /* For IE8 and earlier */
		+	}
		+
	/*Class for text that needs to be highlighted, used in span tag */		/*Class for text that needs to be highlighted, used in span tag */
Line 392:		Line 401:
	/*Alert message for important messages */		/*Alert message for important messages */
−	.alertMessage, #alertMessage {	+	.alertMessage {
	width:700px;		width:700px;
	margin:auto;		margin:auto;
Line 470:		Line 479:
	.textBeforeWhy {		.textBeforeWhy {
	float:left;		float:left;
−	}	+	}
	/*Makes a round div that will call the pop up box*/		/*Makes a round div that will call the pop up box*/
	.pop_why {		.pop_why {
	border: 1px solid #f58631;		border: 1px solid #f58631;
−	width: 18px;	+	color: #f58631;
−	color:#f58631;	+
	font-weight: bold;		font-weight: bold;
−	text-align:center;	+	text-align: center;
	border-radius: 50%;		border-radius: 50%;
−	float:left;	+	float: none;
−	margin-right:5px;	+	margin-right: 5px;
−	margin-left:5px;	+	margin-left: 5px;
−	height:18px;	+	padding-left: 4px;
		+	padding-top: 3px;
		+	padding-right: 4px;
		+	}
−	}
	/*For the pop why class, changes the color on hover */		/*For the pop why class, changes the color on hover */

---

Revision as of 17:14, 19 March 2015