Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #tabs {
- overflow: hidden;
- width: 100%;
- margin: 0;
- padding: 0;
- list-style: none;
- margin-left: 10px;
- }
- #tabs li {
- float: left;
- margin: 0 .5em 0 0;
- }
- #tabs a {
- position: relative;
- background: #ddd;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
- background-image: -webkit-linear-gradient(top, #fff, #ddd);
- background-image: -moz-linear-gradient(top, #fff, #ddd);
- background-image: -ms-linear-gradient(top, #fff, #ddd);
- background-image: -o-linear-gradient(top, #fff, #ddd);
- background-image: linear-gradient(to bottom, #fff, #ddd);
- padding: .7em 3.5em;
- float: left;
- text-decoration: none;
- color: #444;
- text-shadow: 0 1px 0 rgba(255,255,255,.8);
- -webkit-border-radius: 5px 0 0 0;
- -moz-border-radius: 5px 0 0 0;
- border-radius: 5px 0 0 0;
- -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
- -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
- box-shadow: 0 2px 2px rgba(0,0,0,.4);
- }
- #tabs a:hover,
- #tabs a:hover::after,
- #tabs a:focus,
- #tabs a:focus::after {
- background: #fff;
- }
- #tabs a:focus {
- outline: 0;
- }
- #tabs a::after {
- content:'';
- position:absolute;
- z-index: 1;
- top: 0;
- right: -.5em;
- bottom: 0;
- width: 1em;
- background: #ddd;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
- background-image: -webkit-linear-gradient(top, #fff, #ddd);
- background-image: -moz-linear-gradient(top, #fff, #ddd);
- background-image: -ms-linear-gradient(top, #fff, #ddd);
- background-image: -o-linear-gradient(top, #fff, #ddd);
- background-image: linear-gradient(to bottom, #fff, #ddd);
- -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
- -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
- box-shadow: 2px 2px 2px rgba(0,0,0,.4);
- -webkit-transform: skew(10deg);
- -moz-transform: skew(10deg);
- -ms-transform: skew(10deg);
- -o-transform: skew(10deg);
- transform: skew(10deg);
- -webkit-border-radius: 0 5px 0 0;
- -moz-border-radius: 0 5px 0 0;
- border-radius: 0 5px 0 0;
- }
- #tabs #current a {
- background: #fff;
- z-index: 3;
- }
- #tabs #current a::after {
- background: #fff;
- z-index: 3;
- }
- #content {
- width: 900px;
- margin: 0 auto;
- background: #fff;
- padding: 2em;
- height: 220px;
- position: relative;
- z-index: 2;
- -moz-border-radius: 0 5px 5px 5px;
- -webkit-border-radius: 0 5px 5px 5px;
- border-radius: 0 5px 5px 5px;
- -moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
- -webkit-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
- box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
- color: #000;
- }
- #content .error {
- float: left;
- }
- #content .error .loading {
- float: left;
- }
- #content .error .data {
- float: right;
- margin-left: 20px;
- }
- #content .error .data h2 {
- text-shadow: 0px 1px 1px #4d4d4d; color: #222;
- }
- /* ------------------------------------------------- */
- #content ul.galeriaFotos {
- margin: 0;
- padding: 0;
- }
- #content ul.galeriaFotos li {
- list-style: none;
- }
- #content ul.galeriaFotos li img.thumb {
- /*give the thumbnails a frame*/
- background-color:#680610; /*frame colour*/
- padding: 6px; /*frame size*/
- /*add a drop shadow to the frame*/
- -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
- -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
- box-shadow: 0 0 6px rgba(132, 132, 132, .75);
- /*and give the corners a small curve*/
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- float: left;
- }
- #content ul.galeriaFotos li img.thumb:hover {
- /*give the thumbnails a frame*/
- background-color:#680610; /*frame colour*/
- padding: 6px; /*frame size*/
- /*add a drop shadow to the frame*/
- -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
- -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
- box-shadow: 0 0 6px rgba(132, 132, 132, .75);
- /*and give the corners a small curve*/
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- }
- #content ul.galeriaFotos li .galeria-data {
- float: left;
- margin-left: 20px;
- margin-top: 10px;
- }
- #content ul.galeriaFotos li .galeria-data a.title {
- color: #680610;
- font-family: Arial, Helvetica, sans-serif;
- text-transform: uppercase;
- font-size: 22px;
- font-weight: bold;
- line-height: 28px;
- }
- #content ul.galeriaFotos li .galeria-data a.title:hover {
- color: #8c0915;
- }
- #content ul.galeriaFotos li .galeria-data span.fotos-qtd {
- color: #680610;
- font-weight: bold;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement