Difference between revisions of "Template:2015CSS"
Line 160: | Line 160: | ||
padding-left: 10px; | padding-left: 10px; | ||
margin-left: -19px; | margin-left: -19px; | ||
− | padding-top: | + | padding-top:2px; |
− | padding-bottom: | + | padding-bottom: 2px; |
margin-bottom: -1px; | margin-bottom: -1px; | ||
Line 173: | Line 173: | ||
/*animate transition */ | /*animate transition */ | ||
− | -webkit-transition: background 0. | + | -webkit-transition: background 0.2s linear; |
− | -moz-transition: background 0. | + | -moz-transition: background 0.2s linear; |
− | -ms-transition: background 0. | + | -ms-transition: background 0.2s linear; |
− | -o-transition: background 0. | + | -o-transition: background 0.2s linear; |
− | transition: background 0. | + | transition: background 0.2s linear; |
} | } | ||
Line 357: | Line 357: | ||
.button { | .button { | ||
width: 130px; | width: 130px; | ||
− | border: 2px solid # | + | 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. | + | -webkit-transition: background 0.2s linear; |
− | -moz-transition: background 0. | + | -moz-transition: background 0.2s linear; |
− | -ms-transition: background 0. | + | -ms-transition: background 0.2s linear; |
− | -o-transition: background 0. | + | -o-transition: background 0.2s linear; |
− | transition: background 0. | + | 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: # | + | 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 { |
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; | ||
− | + | color: #f58631; | |
− | color:#f58631; | + | |
font-weight: bold; | font-weight: bold; | ||
− | text-align:center; | + | text-align: center; |
border-radius: 50%; | border-radius: 50%; | ||
− | float: | + | float: none; |
− | margin-right:5px; | + | margin-right: 5px; |
− | margin-left:5px; | + | margin-left: 5px; |
− | + | 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