Difference between revisions of "Team:UC San Diego/teamcss"

Revision as of 01:07, 14 September 2015

.team-item { width: 275px; height: 275px; cursor: default; box-shadow: inset 0 0 0 0 rgba(27, 153, 139, 0.4), inset 0 0 0 20px rgba(255,255,255,0), 0 1px 2px rgba(0,0,0,0.1);

-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;

}

.team-adv { width: 250px; height: 250px; cursor: default; box-shadow: inset 0 0 0 0 rgba(27, 153, 139, 0.4), inset 0 0 0 20px rgba(255,255,255,0), 0 1px 2px rgba(0,0,0,0.1);

-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.team-eljefe { background-image:url(http://dpcpa.com/wp-content/uploads/2015/01/thumbnail-default.jpg); background-repeat:no-repeat; background-position:center;

       border-style:solid;
       border-color:#fff;
       border-width:5px;

}

.team-gmoney { background-image:url(http://dpcpa.com/wp-content/uploads/2015/01/thumbnail-default.jpg); background-repeat:no-repeat; background-position:center;

       border-style:solid;
       border-color:#fff;
       border-width:5px;

}

.team-hipster { background-image:url(http://dpcpa.com/wp-content/uploads/2015/01/thumbnail-default.jpg); background-repeat:no-repeat; background-position:center;

       border-style:solid;
       border-color:#fff;
       border-width:5px;

}

.team-chef { background-image:url(http://dpcpa.com/wp-content/uploads/2015/01/thumbnail-default.jpg); background-repeat:no-repeat; background-position:center;

       border-style:solid;
       border-color:#fff;
       border-width:5px;

}

.team-cellcounter { background-image:url(http://dpcpa.com/wp-content/uploads/2015/01/thumbnail-default.jpg); background-repeat:no-repeat; background-position:center;

       border-style:solid;
       border-color:#fff;
       border-width:5px;

}

.team-me { background-image:url(http://dpcpa.com/wp-content/uploads/2015/01/thumbnail-default.jpg); background-repeat:no-repeat; background-position:center;

       border-style:solid;
       border-color:#fff;
       border-width:5px;

}

.team-phil { background-image:url(); background-repeat:no-repeat; background-position:center;

       border-style:solid;
       border-color:#fff;
       border-width:5px;

}

.team-jahir { background-image:url(); background-repeat:no-repeat; background-position:center;

       border-style:solid;
       border-color:#fff;
       border-width:5px;

}

.team-bart { background-image:url(); background-repeat:no-repeat; background-position:center;

       border-style:solid;
       border-color:#fff;
       border-width:5px;

}

.team-coleman { background-image:url(); background-repeat:no-repeat; background-position:center;

       border-style:solid;
       border-color:#fff;
       border-width:5px;

}

.team-info { position: absolute; width: 100%; height: 100%; border-radius: 50%; opacity: 0;

-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;

-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0);

-webkit-backface-visibility: hidden; /*for a smooth font */

}

.team-info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 18px; margin: 10px 0 0 30px; padding: 22px 0 0 0;

font-family: 'Oswald', sans-serif; text-shadow: 4px 4px 4px #aaa; }

.team-info p { color: #fff;

position: relative; letter-spacing: 2px; font-size: 12px; margin: 0 30px; padding: 10px 85px 0 0; line-height:20px; font-family: 'Oswald', sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); }

/*.team-info p a { cursor:pointer; display: block; color: #fff; color: rgba(255,255,255,0.7); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Oswald', sans-serif; }

.team-info p a:hover { color: #fff222; color: rgba(27, 153, 139, 0.8); }*/ .team-item:hover { box-shadow: inset 0 0 0 150px rgba(27, 153, 139, 0.7), inset 0 0 0 16px rgba(255,255,255,0), 0 1px 2px rgba(0,0,0,0.1); }

.team-item:hover .team-info { opacity: 1;

-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.team-adv:hover { box-shadow: inset 0 0 0 125px rgba(27, 153, 139, 0.7), inset 0 0 0 16px rgba(255,255,255,0), 0 1px 2px rgba(0,0,0,0.1); }

.team-adv:hover .team-infoa { opacity: 1;

-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.team-infoa { position: absolute; width: 100%; height: 100%; border-radius: 50%; opacity: 0;

-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;

-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0);

-webkit-backface-visibility: hidden; /*for a smooth font */

}

.team-infoa h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 18px; margin: 10px 0 0 40px; padding: 22px 0 0 0;

font-family: 'Oswald', sans-serif; text-shadow: 4px 4px 4px #aaa; }

.team-infoa p { color: #fff;

position: relative; letter-spacing: 2px; font-size: 12px; margin: 0 30px; padding: 10px 15px 0 0; line-height:20px; font-family: 'Oswald', sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); }

/*.team-infoa p a { cursor:pointer; display: block; color: #fff; color: rgba(255,255,255,0.7); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Oswald', sans-serif; }

.team-infoa p a:hover { color: #fff222; color: rgba(255,242,34, 0.8); }