Forumeiros Web-Tool's
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Forumeiros Web-Tool's

Você não está conectado. Conecte-se ou registre-se

Forumeiros Web-Tool's » Categoria teste » Teste » test colorbox .css

test colorbox .css

Ir para baixo  Mensagem [Página 1 de 1]

1test colorbox .css Empty test colorbox .css Dom Nov 16, 2014 10:45 am

Ric

Ric
Admin

Código:
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#0e0e0e;}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
       
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);

http:///www.khsite.net

2test colorbox .css Empty Re: test colorbox .css Dom Nov 16, 2014 10:46 am

Ric

Ric
Admin

Código:
/********************
   RESET
*********************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video
{
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
   display: block;
}

body
{
   line-height: 1;
}

ol, ul
{
   list-style: none;
}

blockquote, q
{
   quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
   content: '';
   content: none;
}

table
{
   border-collapse: collapse;
   border-spacing: 0;
}

strong
{
   font-weight: bold;
}

/********************
   Main
*********************/

@font-face
{
   font-family: 'Doppio One';
   font-style: normal;
   font-weight: 400;
   src: local('Doppio One Regular'), local('DoppioOne-Regular'), url(DoppioOne-Regular.woff) format('woff');
}

@font-face
{
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: 400;
   src: local('Open Sans'), local('OpenSans'), url(Open Sans.woff) format('woff');
}

#header
{
   background: url(images/header_logo.png) center center no-repeat;
}

.lightbox:not(.alt):before
{
   background: url("images/gallery_hover.png") no-repeat scroll center center rgba(0, 0, 0, 0.8);
   bottom: 0;
   content: "";
   left: 0;
   margin: auto;
   position: absolute;
   right: 0;
   top: 0;
   opacity: 0;
   visibility: hidden;
   transition: 0.4s all;
}

.lightbox:not(.alt):hover:before
{
   opacity: 1;
   visibility: visible;
}

.lightbox
{
   display: inline-block;
   position: relative;
}

.lightbox > img
{
   display: block;
}

.borderBox
{
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.ellipsis
{
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.inlineContainer
{
   letter-spacing: -0.31em;
}

.inlineContainer > *:not(.inlineContainer)
{
   letter-spacing: normal;
}

a
{
   color: #37a8d2;
   text-decoration: none;
   transition: 0.2s color;
}

a:hover
{
   color: red;
}

body
{
   background: url(images/background.jpg) no-repeat top center #151b2e;
   font-family: Open Sans, sans-serif;
   color: #798896;
   font-size: 13px;
   line-height: 25px;
}

h1, h2, h3, h4, h5
{
   font-family: Doppio One;
}

input[type='text'], textarea, select
{
   border: 1px solid #c6c9cd;
   color: #7f8183;
   padding: 3px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   box-shadow: 0 2px 6px -4px #A7A0A0 inset;
   transition-property: border-color, color, width, height;
   transition-duration: 0.3s, 0.3s, 0s, 0s;
}

input[type='text']:hover, textarea:hover, select:hover
{
   border-color: #a7aaaf;
}

input[type='text']:active, input[type='text']:focus, textarea:active, textarea:focus, select:active, select:focus
{
   border-color: #0073d4;
   color: #484b4e;
}

.generalButton
{
   padding: 5px 15px;
   color: white;
   font-family: Open Sans;
   font-weight: bold;
   display: inline-block;
   background-color: #37a8d2;
   border: none;
   cursor: pointer;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-transform: uppercase;
   transition: 0.3s linear;
}

.generalButton:hover
{
   background-color: #04B8F4;
   color: white;
}

#slidebox .left div, #slidebox .right div
{
   border-radius: 20%;
   border: 1px solid blue;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   opacity: 0;
}

#slidebox .left:not(:active) div, #slidebox .right:not(:active) div
{
   /*
   animation: animationFrames ease-in-out 0.4s;
   -webkit-animation: animationFrames ease-in-out 0.4s;
   */
}

@keyframes animationFrames
{
   50%
   {
      transform: scaleX(1.2) scaleY(1.2);
      opacity: 1;
   }

   100%
   {
      transform: rotate(0deg) scaleX(1) scaleY(1);
      opacity: 0;
   }
}

@-webkit-keyframes animationFrames
{
   50%
   {
      -webkit-transform: scaleX(1.2) scaleY(1.2);
      opacity: 1;
   }

   100%
   {
      -webkit-transform: rotate(0deg) scaleX(1) scaleY(1);
      opacity: 0;
   }
}

.mainWidth
{
   max-width: 1000px;
}

#header
{
   height: 300px;
}

#content
{
   margin: 0 auto;
}

#mainbody
{
   background-color: white;
   padding: 20px;
}

#navToggle, label[for='navToggle']
{
   display: none;
}

label[for='navToggle']
{
   background: url("images/list.png") no-repeat center center white;
   /*border: 1px solid #C6C9CD;*/
   height: 32px;
   width: 32px;
   /*max-width: 350px;*/
   cursor: pointer;
}

#mainNav
{
   position: relative;
}

#mainNav > ul
{
   overflow: hidden;
   background: linear-gradient(to bottom, #D1D3D7, #D1D3D7) no-repeat bottom / 100% 4px, linear-gradient(to bottom, #F9F9F9, #E4E4E4) top / 100%;
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e4e4e4', GradientType=0 );
   border-radius: 5px 5px 0 0;
}

#mainNav li
{
   box-shadow: 1px 0 0 #D1D3D7;
   border-bottom: 4px solid #D1D3D7;
}

#mainNav li, #mainNav a
{
   display: inline-block;
   text-transform: uppercase;
   font-weight: bold;
   color: #9097a3;
}

#mainNav a:not([href])
{
   cursor: default;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

#mainNav a, .menu a
{
   padding: 0 1.5em;
   font-size: 1em;
   line-height: 3em;
   transition: color 0s;
}

#mainNav a:active
{
   outline: none;
}

#mainNav li.selected
{
   background-image: linear-gradient(to bottom, lightgrey, white);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D3D3D3', endColorstr='#ffffff', GradientType=0 );
}

#mainNav li.selected a
{
   color: #68707c;
}

#mainNav > ul > li:hover:not(.selected)
{
   background-image: linear-gradient(to bottom, #0084FF, #00A6FF);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084FF', endColorstr='#00A6FF', GradientType=0 );
   border-color: #098BD0;
}

#mainNav > ul > li:hover:not(.selected) > a, #mainNav > ul > li:hover:not(.selected) .username
{
   color: white;
}

.submenu
{
   position: absolute;
   display: block;
   z-index: 1000;
   background-color: #0073d4;
   visibility: hidden;
   opacity: 0;
   transition: 0.3s opacity linear;
}

.submenu.right
{
   margin-left: 0;
   right: 0;
}

/* First selector needed to override specificity */
#mainNav .submenu li, .submenu li
{
   display: block;
   border-bottom: 1px solid #037be1;
   box-shadow: none;
}

#mainNav .submenu a, .submenu a
{
   min-width: 10em;
   font-weight: normal;
   text-transform: none;
   color: #8ab9e0;
}

.submenu li:hover
{
   background-color: #0667b9;
}

#mainNav .submenu li:hover a, .submenu li:hover a
{
   color: #fff;
}

#userNavigation
{
   float: right;
}

#userNavigation .username
{
   display: inline-block;
   line-height: 3em;
   padding-right: 10px;
   cursor: default;
}

#userNavigation .avatarWrap
{
   position: relative;
   margin: 0 10px;
   border-radius: 3px;
   overflow: hidden;
}

#userNavigation .avatar, #userNavigation .avatarWrap
{
   width: 35px;
   height: 35px;
   display: inline-block;
   vertical-align: middle;
}

#userNavigation .avatarWrap .messages
{
   background-color: red;
   color: white;
   border-radius: 3px;
   position: absolute;
   bottom: 0;
   padding: 0 3px;
   font-size: 0.8em;
   line-height: normal;
}

#userNavigation .submenu .messages
{
   color: red;
}

#slidebox
{
   background-color: #3d4456;
   padding: 20px;
}

#slidebox .inner
{
   background-color: #a3a9b4;
   height: 250px;
   position: relative;
}

#slidebox .left, #slidebox .right
{
   width: 35px;
   height: 35px;
   background: url(images/arrow_left_open.png) no-repeat center center #37a8d2;
   margin: auto;
   position: absolute;
   top: 0;
   bottom: 0;
   cursor: pointer;
   z-index: 10;
   opacity: 0.6;
   transition: 0.2s opacity linear;
   
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

#slidebox .left:hover, #slidebox .right:hover
{
   opacity: 1;
}

#slidebox .right
{
   right: 0;
   background-image: url(images/arrow_right_open.png);
}

#slidebox .slideImage
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
   transition: 0.8s all linear;
   visibility: hidden;
   opacity: 0;
}

#slidebox .slideImage img
{
   width: 100%;
   height: 100%;
}

#slidebox .slideImage.selected
{
   visibility: visible;
   opacity: 1;
}

#slidebox .caption
{
   padding: 5px;
   position: absolute;
   overflow: hidden;
   width: 50%;
   max-height: 50%;
   left: 50px;
   bottom: 60px;
   background-color: rgba(0, 0, 0, 0.7);
   color: white;
   font-size: 20px;
   font-family: Doppio One;
   z-index: 5;
}

#slidebox .readMore
{
   position: absolute;
   bottom: 20px;
   right: 50px;
   z-index: 5;
}

.leftColumn, .rightColumn
{
   display: inline-block;
   vertical-align: top;
}

.leftColumn
{
   width: calc(100% - 300px);
   padding-right: 20px;
}

.rightColumn
{
   width: 300px;
}

#sidebar h3
{
   font-size: 14px;
}

#sidebar h3 a
{
   display: block;
   text-transform: uppercase;
}

#sidebar .entry
{
   border-bottom: 2px dotted #d5dae2;
   margin: 20px 0;
   padding: 0 10px 20px;
}

h1
{
   background-color: #119ddf;
   background-position: 92% center;
   background-repeat: no-repeat;
   color: #FFFFFF;
   font-size: 17px;
   line-height: 2em;
   padding: 0 1em;
   text-transform: uppercase;
   margin-bottom: 20px;
   position: relative;
   border-radius: 5px 5px 0 0;
}

h1.mail
{
   background-image: url("images/mail.png");
}

h1.picture
{
   background-image: url("images/picture.png");
}

h1.alt
{
   background-color: #f52626;
}

.sectionHeader
{
   position: relative;
}

.sectionHeader .subtext
{
   font-family: Open Sans;
   font-weight: bold;
   font-size: 13px;
   color: #9cd0e8;
   margin-left: 30px;
   position: absolute;
   right: 50px;
   width: 55%;
}

.menu
{
   background: url("images/arrow_down.png") no-repeat center center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
   background: url("images/arrow_down.png") no-repeat center center, linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 80%, rgba(0, 0, 0, 0.1)) #119DDF;
   border-left: 1px solid #8BCBE8;
   position: absolute;
   bottom: 0;
   right: 0;
   top: 0;
   width: 40px;
   cursor: pointer;
   border-radius: 0 5px 0 0;
}

.menu:hover
{
   background-color: #0073d4;
}

.menu ul
{
   font-size: 13px;
   text-transform: none;
   margin-top: 34px;
   width: 150px;
}

.menu:hover ul
{
   display: block;
}

#sidebar h1
{
   text-transform: none;
}

#sidebar .entry.gallery
{
   padding: 0;
   margin-left: -17px;
   border-bottom: none;
   text-align: center;
}

#sidebar .lightbox
{
   display: inline-block;
   margin: 0 0 17px 17px;
   width: 140px;
   height: 140px;
   vertical-align: top;
}

#sidebar img
{
   width: 140px;
   height: 140px;
}

.leftColumn article
{
   padding-bottom: 20px;
   margin-bottom: 20px;
}

.leftColumn article:not(:last-of-type)
{
   border-bottom: 2px solid #d5dae2;
}

.pagination a
{
   font-size: 15px;
   padding: 0.3em .8em;
   border: 1px solid #c6c9cd;
   background-color: #f0f3f7;
   color: #9097a3;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   display: inline-block;
}

.pagination .disabled
{
   border-color: #d4dae4;
   color: #c7cfdb;
}

.pagination .current, .pagination a:hover:not(.disabled)
{
   background-color: #0073d4;
   border-color: #0073d4;
   color: white;
}

.pagination span
{
   font-size: 14px;
   margin-left: 10px;
}

#secondaryFooter
{
   background-color: #3d4456;
   padding: 10px;
   margin-top: 20px;
}

#footer h2, #secondaryFooter h2
{
   color: white;
   font-size: 17px;
   margin-bottom: 10px;
}

#secondaryFooter h2
{
   padding: 10px 0;
   border-bottom: 2px dotted #1d253d;
}

#secondaryFooter .rightColumn p
{
   margin: 10px 0;
}

#secondaryFooter .media
{
   position: relative;
}

#secondaryFooter .media img
{
   width: 100%;
   height: 100%;
}

#secondaryFooter .media a
{
   display: block;
}

#secondaryFooter .media .left
{
   width: 65%;
}

#secondaryFooter .media a.right
{
   position: absolute;
   right: 0;
   top: 0;
   height: calc(50% - 5px);
   width: calc(100% - 65% - 10px);
}

#secondaryFooter .media a.right:last-child
{
   bottom: 0;
   top: auto;
}

#footer
{
   margin: 0 auto 35px;
   line-height: 25px;
   padding: 20px;
}

#footer .social
{
   margin-top: 10px;
}

#footer .social a
{
   display: block;
   line-height: 0;
}

#footer .social li
{
   display: inline-block;
}

#footer .leftColumn
{
   padding: 0;
}

#footer .info, #footer .about
{
   display: inline-block;
   width: 49%;
   vertical-align: top;
}

#footer .about
{
   padding: 0 10px;
   font-size: 12px;
}

#footer .info
{
   background: url(images/footer_logo.png) center no-repeat;
   height: 188px;
}

#footer .siteMap ul
{
   display: inline-block;
   width: 48%;
}

#footer .siteMap a
{
   text-transform: uppercase;
   color: inherit;
   font-weight: bold;
}

#footer .siteMap a:hover
{
   color: #37a8d2;
}

article .tag
{
   color: white;
   background-color: #4a6da6;
   padding: 1px 6px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-transform: uppercase;
}

article .tag.red
{
   background-color: #BC4545;
}

article .tag.purple
{
   background-color: #8532BB;
}

article h3
{
   font-size: 1.5em;
   line-height: 1.2em;
   padding-bottom: 10px;
}

/********************
   News
*********************/

.news .details, .news .post
{
   display: inline-block;
   vertical-align: top;
}

.news .post
{
   width: calc(100% - 130px);
   padding-left: 20px;
   font-family: Open Sans;
}

.news .post p img
{
   width: 100%;
}

.news .details
{
   width: 130px;
}

.news .image
{
   height: 130px;
   width: 130px;
   margin: 0 auto;
   position: relative;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   background-color: grey;
}

.news .image img
{
   height: 130px;
   width: 130px;
   display: block;
}

.news .image .tag
{
   position: absolute;
   right: 0;
}

.news .author, .news .details .comments
{
   display: block;
   font-weight: bold;
   text-align: left;
   width: 100%;
   padding: 5px 5px 5px 32px;
   border-bottom: 1px solid #d5dae2;
   background: 8px center/16px 16px no-repeat;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.news .author:active, .news .details .comments:active
{
   outline: none;
}

.news .author
{
   background-image: url("images/user.png");
}

.news .details .comments
{
   background-image: url("images/comments.png");
}

.news .bottom
{
   text-align: right;
   padding-top: 20px;
}

.news .showMore
{
   background-color: #d5dae2;
   border-radius: 0 0 3px 3px;
   border-bottom: 1px solid #cacfd7;
   color: #798896;
   display: block;
   font-size: 0.8rem;
   font-weight: bold;
   padding: 10px;
   text-align: center;
   text-transform: uppercase;
   width: 100%;
   transition: 0.2s linear;
}

.news .showMore:hover
{
   background-color: #e8ebf0;
}

/********************
   Article
*********************/

.articleHeader
{
   width: 100%;
   height: 200px;
   display: block;
   margin-bottom: 20px;
   background-color: lightgrey;
}

.article h2
{
   display: inline;
   vertical-align: top;
   color: #5f7095;
}

.article h4
{
   margin-top: 15px;
   padding: 15px 0;
   border-top: 1px solid #d5dae2;
   font-size: 14px;
   font-family: Open sans;
   font-weight: bold;
}

#comments > h3
{
   border-bottom: 1px solid #D5DAE2;
   border-top: 1px solid #D5DAE2;
   color: #344E6A;
   font-size: 20px;
   padding: 15px 0;
   text-transform: uppercase;
}

.articleBody
{
   padding-bottom: 15px;
}

.comment
{
   padding: 20px 0;
   border-bottom: 1px solid #D5DAE2;
}

.comment .avatar
{
   width: 60px;
   height: 60px;
   display: inline-block;
   vertical-align: top;
   background-color: lightgrey;
}

.comment .rightSide
{
   display: inline-block;
   width: calc(100% - 70px);
   padding-left: 5px;
}

.comment .user
{
   font-family: Doppio One;
   font-size: 20px;
}

.comment .right
{
   float: right;
}

.comment p
{
   clear: both;
}

.comment .replyButton
{
   text-transform: uppercase;
   font-weight: bold;
}

.comment time
{
   margin-right: 5px;
}

.comment .reply
{
   margin-left: 10px;
   margin-top: 20px;
   background-color: #119ddf;
   padding: 10px;
   color: white;
}

.comment .reply a
{
   color: #89D9FF;
}

.comment .reply a:hover
{
   color: #fff;
}

#replyBox .info
{
   margin: 20px 0;
}

#replyBox input[type='text']
{
   margin-right: 10px;
}

#replyBox textarea
{
   width: 100%;
   height: 200px;
   resize: vertical;
   display: block;
}

#replyBox .bottom
{
   margin-top: 20px;
   text-align: right;
}

/********************
   Profile
*********************/

.userProfile h2
{
   font-size: 20px;
   color: #5f7095;
   padding: 20px 0 20px 50px;
   background: no-repeat 8px 18px;
}

.userInfo h2
{
   padding: 20px;
   border: 1px solid #d5dae2;
}

.userProfile .userGallery h2
{
   background-image: url(images/slideshow.png);
}

.userProfile .aboutUser h2
{
   background-image: url(images/info.png);
}

.userProfile .news h2
{
   background-image: url(images/open_book.png);
}

.userInfo .avatar
{
   width: 214px;
   height: 214px;
   background-color: lightgrey;
   display: inline-block;
   vertical-align: top;
}

.userInfo .right
{
   display: inline-block;
   width: calc(100% - 230px);
   margin-left: 10px;
}

.userInfo .status
{
   text-transform: uppercase;
   font-size: 13px;
   color: red;
   vertical-align: top;
}

.status.online
{
   color: #3bc7a8;
}

.userInfo p
{
   
}

.userGallery .lightbox
{
   width: 140px;
   height: 140px;
   margin: 0 20px 20px 0;
   display: inline-block;
   vertical-align: top;
}

.userGallery img
{
   width: 100%;
   height: 100%;
   background-color: lightgrey;
}

.aboutUser li
{
   font-size: 15px;
   background: no-repeat 10px 0;
   padding-left: 50px;
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid #d5dae2;
}

.aboutUser .date
{
   background-image: url(images/date.png);
}

.aboutUser .male
{
   background-image: url(images/male_sign.png);
}

.aboutUser .twitter
{
   background-image: url(images/twitter_icon.png);
}

.aboutUser .location
{
   background-image: url(images/map_pin.png);
}

.aboutUser .education
{
   background-image: url(images/graduate.png);
}

.aboutUser .website
{
   background-image: url(images/browser.png);
}


.aboutUser .facebook
{
   background-image: url(images/facebook_icon.png);
}

/********************
   Gallery
*********************/

.gallery .headerWrap
{
   position: relative;
}

.gallery .search
{
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   font-size: 0;
   border-left: 1px solid #3ca7d9;
   background-color: #0f8ac4;
   -webkit-border-radius: 0 3px 0 0;
   -moz-border-radius: 0 3px 0 0;
   border-radius: 0 3px 0 0;
}

.search input[type="text"]
{
   height: 100%;
   width: 250px;
   background-color: transparent;
   border: none;
   color: #9cd0e8;
   padding-left: 20px;
   vertical-align: top;
   transition: 0.2s width linear;
}

.search input[type="text"]::-webkit-input-placeholder
{
   color: #9cd0e8;
}

.search input[type="submit"]
{
   background: url(images/search.png) no-repeat center center;
   border: none;
   padding: 0;
   width: 30px;
   height: 100%;
   opacity: 0.58;
}

.search input[type="submit"]:hover, .search input[type="submit"]:focus
{
   opacity: 1;
}

.galleryImages
{
   margin-left: -20px;
   text-align: center;
}


.galleryImages a, .galleryImages a img
{
   width: 294px;
   height: 294px;
   display: inline-block;
}

.galleryImages a
{
   margin: 0 0 20px 20px;
   position: relative;
   vertical-align: top;
}

.galleryImages .overlay
{
   display: block;
   visibility: hidden;
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   background: url(images/gallery_hover.png) no-repeat center center rgba(0, 0, 0, 0.8);
   color: white;
   font-size: 20px;
   padding: 20px;
   transition: 0.4s all;
   opacity: 0;
}

.galleryImages a:hover .overlay
{
   visibility: visible;
   opacity: 1;
}

.galleryImages .caption
{
   padding-bottom: 20px;
   border-bottom: 1px solid #444444;
   max-height: 90%;
   overflow: hidden;
}

/********************
   Resizing
*********************/

@media all and (min-width: 901px)
{
   *:hover > .submenu
   {
      visibility: visible;
      opacity: 1;
      transition-delay: 0.3s;
   }
}

@media all and (max-width: 900px)
{
   label[for='navToggle']
   {
      display: block;
   }

   #mainNav
   {
      display: none;
      width: 100%;
      max-width: 350px;
      z-index: 1000;
   }
   
   /*#navToggle:checked ~ #mainNav*/
   #mainNav.expanded
   {
      display: block;
   }
   
   #mainNav > ul
   {
      border-radius: 0;
   }

   #mainNav li, #mainNav a
   {
      display: block;
   }
   
   #mainNav .submenu
   {
      position: static;
      transition: 0s;
      display: none;
   }
   
   #mainNav li.expanded .submenu, .menu.expanded .submenu
   {
      visibility: visible;
      opacity: 1;
      display: block;
   }
   
   #userNavigation
   {
      float: none;
   }
   
    .menu.expanded
   {
      background-color: #0073d4;
   }
   
   #mainNav > ul > li.expanded:not(.selected)
   {
      background-image: linear-gradient(to bottom, #0084FF, #00A6FF);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084FF', endColorstr='#00A6FF', GradientType=0 );
      border-color: #098BD0;
   }

   #mainNav > ul > li.expanded:not(.selected) > a, #mainNav > ul > li.expanded:not(.selected) .username
   {
      color: white;
   }
}

@media all and (max-width: 760px)
{
   #secondaryFooter .media
   {
      text-align: center;
   }
   
   #secondaryFooter .media .left
   {
      width: 100%;
   }
   
   #secondaryFooter .media .right
   {
      
   }
   
   #secondaryFooter .media img
   {
      height: auto;
   }
   
   #secondaryFooter .media a.right
   {
      position: relative;
      width: 100%;
   }
   
   #secondaryFooter .media a.right:not(:first-child):not(:last-child)
   {
      margin: 12px 0;
   }
}

@media all and (max-width: 640px)
{
   .leftColumn
   {
      padding-right: 0;
      padding-bottom: 10px;
      width: 100%;
   }
   
   .rightColumn
   {
      display: block;
      width: 100%;
   }
   
   #footer .info, #footer .about
   {
      width: 100%;
      padding: 0;
   }
   
   .userInfo .right
   {
      margin-left: 0;
      margin-top: 10px;
      display: block;
      width: auto;
   }
   
   .userInfo .avatar
   {
      display: block;
      margin: auto;
   }
   
   .userGallery
   {
      text-align: center;
   }
   
   .userGallery h2
   {
      text-align: left;
   }
}

@media all and (max-width: 420px)
{
   .news .details, .news .post
   {
      display: block;
      width: auto;
   }
   
   h1 .subtext
   {
      display: block;
      margin: 0;
      position: static;
      white-space: normal;
      width: 100%;
   }
   
   .search input[type="text"]
   {
      width: 150px;
   }

http:///www.khsite.net

3test colorbox .css Empty Re: test colorbox .css Dom Nov 16, 2014 10:48 am

Ric

Ric
Admin

Código:
/*! jQuery UI - v1.10.4 - 2014-04-15
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=open-sans&fwDefault=bold&fsDefault=1.3em&cornerRadius=4px&bgColorHeader=%23119ddf&bgTextureHeader=highlight_soft&bgImgOpacityHeader=0&borderColorHeader=%23aaaaaa&fcHeader=%23FFFFFF&iconColorHeader=%23FFFFFF&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23d5dae2&fcContent=%23222222&iconColorContent=%23fff&bgColorDefault=%2337a8d2&bgTextureDefault=flat&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%2304B8F4&bgTextureHover=flat&bgImgOpacityHover=100&borderColorHover=%23999999&fcHover=%23fff&iconColorHover=%23454545&bgColorActive=%2304B8F4&bgTextureActive=flat&bgImgOpacityActive=100&borderColorActive=%23fff&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
   display: none;
}
.ui-helper-hidden-accessible {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}
.ui-helper-reset {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   line-height: 1.3;
   text-decoration: none;
   font-size: 100%;
   list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
   content: "";
   display: table;
   border-collapse: collapse;
}
.ui-helper-clearfix:after {
   clear: both;
}
.ui-helper-clearfix {
   min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: absolute;
   opacity: 0;
   filter:Alpha(Opacity=0);
}

.ui-front {
   z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
   cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
   display: block;
   text-indent: -99999px;
   overflow: hidden;
   background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.ui-resizable {
   position: relative;
}
.ui-resizable-handle {
   position: absolute;
   font-size: 0.1px;
   display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
   display: none;
}
.ui-resizable-n {
   cursor: n-resize;
   height: 7px;
   width: 100%;
   top: -5px;
   left: 0;
}
.ui-resizable-s {
   cursor: s-resize;
   height: 7px;
   width: 100%;
   bottom: -5px;
   left: 0;
}
.ui-resizable-e {
   cursor: e-resize;
   width: 7px;
   right: -5px;
   top: 0;
   height: 100%;
}
.ui-resizable-w {
   cursor: w-resize;
   width: 7px;
   left: -5px;
   top: 0;
   height: 100%;
}
.ui-resizable-se {
   cursor: se-resize;
   width: 12px;
   height: 12px;
   right: 1px;
   bottom: 1px;
}
.ui-resizable-sw {
   cursor: sw-resize;
   width: 9px;
   height: 9px;
   left: -5px;
   bottom: -5px;
}
.ui-resizable-nw {
   cursor: nw-resize;
   width: 9px;
   height: 9px;
   left: -5px;
   top: -5px;
}
.ui-resizable-ne {
   cursor: ne-resize;
   width: 9px;
   height: 9px;
   right: -5px;
   top: -5px;
}
.ui-selectable-helper {
   position: absolute;
   z-index: 100;
   border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
   display: block;
   cursor: pointer;
   position: relative;
   margin-top: 2px;
   padding: .5em .5em .5em .7em;
   min-height: 0; /* support: IE7 */
   -webkit-transition: 0.3s background-color;
   transition: 0.3s background-color;
   text-transform: uppercase;
}
.ui-accordion .ui-accordion-icons {
   padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
   padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
   padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
   position: absolute;
   left: .5em;
   top: 50%;
   margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
   padding: 1em 2.2em;
   border-top: 0;
   overflow: auto;
}
.ui-autocomplete {
   position: absolute;
   top: 0;
   left: 0;
   cursor: default;
}
.ui-button {
   display: inline-block;
   position: relative;
   padding: 0;
   line-height: normal;
   margin-right: .1em;
   cursor: pointer;
   vertical-align: middle;
   text-align: center;
   overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
   text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
   width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
   width: 2.4em;
}
.ui-button-icons-only {
   width: 3.4em;
}
button.ui-button-icons-only {
   width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
   display: block;
   line-height: normal;
}
.ui-button-text-only .ui-button-text {
   padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
   padding: .4em;
   text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
   padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
   padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
   padding-left: 2.1em;
   padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
   padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
   position: absolute;
   top: 50%;
   margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
   left: 50%;
   margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
   left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
   right: .5em;
}

/* button sets */
.ui-buttonset {
   margin-right: 7px;
}
.ui-buttonset .ui-button {
   margin-left: 0;
   margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
   border: 0;
   padding: 0;
}
.ui-datepicker {
   width: 17em;
   padding: .2em .2em 0;
   display: none;
}
.ui-datepicker .ui-datepicker-header {
   position: relative;
   padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
   position: absolute;
   top: 2px;
   width: 1.8em;
   height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
   top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
   left: 2px;
}
.ui-datepicker .ui-datepicker-next {
   right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
   left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
   right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
   display: block;
   position: absolute;
   left: 50%;
   margin-left: -8px;
   top: 50%;
   margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
   margin: 0 2.3em;
   line-height: 1.8em;
   text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
   font-size: 1em;
   margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
   width: 49%;
}
.ui-datepicker table {
   width: 100%;
   font-size: .9em;
   border-collapse: collapse;
   margin: 0 0 .4em;
}
.ui-datepicker th {
   padding: .7em .3em;
   text-align: center;
   font-weight: bold;
   border: 0;
}
.ui-datepicker td {
   border: 0;
   padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
   display: block;
   padding: .2em;
   text-align: right;
   text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
   background-image: none;
   margin: .7em 0 0 0;
   padding: 0 .2em;
   border-left: 0;
   border-right: 0;
   border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
   float: right;
   margin: .5em .2em .4em;
   cursor: pointer;
   padding: .2em .6em .3em .6em;
   width: auto;
   overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
   float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
   width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
   float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
   width: 95%;
   margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
   width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
   width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
   width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
   border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
   clear: left;
}
.ui-datepicker-row-break {
   clear: both;
   width: 100%;
   font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
   direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
   right: 2px;
   left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
   left: 2px;
   right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
   right: 1px;
   left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
   left: 1px;
   right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
   clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
   float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
   float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
   border-right-width: 0;
   border-left-width: 1px;
}
.ui-dialog {
   overflow: hidden;
   position: absolute;
   top: 0;
   left: 0;
   padding: .2em;
   outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
   padding: .4em 1em;
   position: relative;
}
.ui-dialog .ui-dialog-title {
   float: left;
   margin: .1em 0;
   white-space: nowrap;
   width: 90%;
   overflow: hidden;
   text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
   position: absolute;
   right: .3em;
   top: 50%;
   width: 20px;
   margin: -10px 0 0 0;
   padding: 1px;
   height: 20px;
}
.ui-dialog .ui-dialog-content {
   position: relative;
   border: 0;
   padding: .5em 1em;
   background: none;
   overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
   text-align: left;
   border-width: 1px 0 0 0;
   background-image: none;
   margin-top: .5em;
   padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
   float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
   margin: .5em .4em .5em 0;
   cursor: pointer;
}
.ui-dialog .ui-resizable-se {
   width: 12px;
   height: 12px;
   right: -5px;
   bottom: -5px;
   background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
   cursor: move;
}
.ui-menu {
   list-style: none;
   padding: 2px;
   margin: 0;
   display: block;
   outline: none;
}
.ui-menu .ui-menu {
   margin-top: -3px;
   position: absolute;
}
.ui-menu .ui-menu-item {
   margin: 0;
   padding: 0;
   width: 100%;
   /* support: IE10, see #8844 */
   list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
   margin: 5px -2px 5px -2px;
   height: 0;
   font-size: 0;
   line-height: 0;
   border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
   text-decoration: none;
   display: block;
   padding: 2px .4em;
   line-height: 1.5;
   min-height: 0; /* support: IE7 */
   font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
   font-weight: normal;
   margin: -1px;
}

.ui-menu .ui-state-disabled {
   font-weight: normal;
   margin: .4em 0 .2em;
   line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
   cursor: default;
}

/* icon support */
.ui-menu-icons {
   position: relative;
}
.ui-menu-icons .ui-menu-item a {
   position: relative;
   padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
   position: absolute;
   top: .2em;
   left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
   position: static;
   float: right;
}
.ui-progressbar {
   height: 2em;
   text-align: left;
   overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
   margin: -1px;
   height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
   background: url("images/animated-overlay.gif");
   height: 100%;
   filter: alpha(opacity=25);
   opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
   background-image: none;
}
.ui-slider {
   position: relative;
   text-align: left;
}
.ui-slider .ui-slider-handle {
   position: absolute;
   z-index: 2;
   width: 1.2em;
   height: 1.2em;
   cursor: default;
}
.ui-slider .ui-slider-range {
   position: absolute;
   z-index: 1;
   font-size: .7em;
   display: block;
   border: 0;
   background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
   filter: inherit;
}

.ui-slider-horizontal {
   height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
   top: -.3em;
   margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
   top: 0;
   height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
   left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
   right: 0;
}

.ui-slider-vertical {
   width: .8em;
   height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
   left: -.3em;
   margin-left: 0;
   margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
   left: 0;
   width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
   bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
   top: 0;
}
.ui-spinner {
   position: relative;
   display: inline-block;
   overflow: hidden;
   padding: 0;
   vertical-align: middle;
}
.ui-spinner-input {
   border: none;
   background: none;
   color: inherit;
   padding: 0;
   margin: .2em 0;
   vertical-align: middle;
   margin-left: .4em;
   margin-right: 22px;
}
.ui-spinner-button {
   width: 16px;
   height: 50%;
   font-size: .5em;
   padding: 0;
   margin: 0;
   text-align: center;
   position: absolute;
   cursor: default;
   display: block;
   overflow: hidden;
   right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
   border-top: none;
   border-bottom: none;
   border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
   position: absolute;
   margin-top: -8px;
   top: 50%;
   left: 0;
}
.ui-spinner-up {
   top: 0;
}
.ui-spinner-down {
   bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
   /* need to fix icons sprite */
   background-position: -65px -16px;
}
.ui-tabs {
   position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
   padding: .2em;
}
.ui-tabs .ui-tabs-nav {
   margin: 0;
   padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
   list-style: none;
   float: left;
   position: relative;
   top: 0;
   margin: 1px .2em 0 0;
   border-bottom-width: 0;
   padding: 0;
   white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
   float: left;
   padding: .5em 1em;
   text-decoration: none;
   text-transform: uppercase;
   -webkit-transition: 0.3s background-color;
   transition: 0.3s background-color;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
   margin-bottom: -1px;
   padding-bottom: 1px;
}


@media all and (max-width: 900px)
{
   .ui-tabs .ui-tabs-nav li
   {
      float: none;
   }
   
   .ui-tabs .ui-tabs-nav .ui-tabs-anchor
   {
      float: none;
      display: block;
   }
   
   .ui-tabs .ui-tabs-nav li.ui-tabs-active
   {
      margin-bottom: 0;
      padding-bottom: 0;
   }
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
   cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
   cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
   display: block;
   border-width: 0;
   padding: 1em 1.4em;
   background: none;
}
.ui-tooltip {
   padding: 8px;
   position: absolute;
   z-index: 9999;
   max-width: 300px;
   -webkit-box-shadow: 0 0 5px #aaa;
   box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
   border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
   font-family: Open Sans;
   font-size: 15px;
}
.ui-widget .ui-widget {
   font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
   font-family: Open Sans;
   font-size: 1em;
}
.ui-widget-content
{
   font-size: 13px;
   border: 1px solid #d5dae2;
   background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
   color: #798896;
}
.ui-widget-content a {
   
}
.ui-widget-header {
   border: 1px solid transparent;
   /*background: #119ddf url("images/ui-bg_highlight-soft_0_119ddf_1x100.png") 50% 50% repeat-x;*/
   color: #FFFFFF;
   font-weight: bold;
}
.ui-widget-header a {
   color: #FFFFFF;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
   border: 1px solid transparent;
   background: #119ddf;
   color: #fff;
   transition: 0.3s background-color;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
   color: #fff;
   text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
   border: 1px solid transparent;
   background: #04B8F4;
   color: #fff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
   color: #fff;
   text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
   border: 1px solid transparent;
   background: #04B8F4;
   color: #fff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
   color: #fff;
   text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
   border: 1px solid transparent;
   background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
   color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
   color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
   border: 1px solid #cd0a0a;
   background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
   color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
   color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
   color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
   font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
   opacity: .7;
   filter:Alpha(Opacity=70);
   font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
   opacity: .35;
   filter:Alpha(Opacity=35);
   background-image: none;
}
.ui-state-disabled .ui-icon {
   filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
   width: 16px;
   height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
   background-image: url("images/ui-icons_fff_256x240.png");
}
.ui-widget-header .ui-icon {
   background-image: url("images/ui-icons_fff_256x240.png");
}
.ui-state-default .ui-icon {
   background-image: url("images/ui-icons_fff_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
   background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
   background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
   background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
   background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
   border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
   border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
   border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
   border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
   background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
   opacity: .3;
   filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
   margin: -8px 0 0 -8px;
   padding: 8px;
   background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
   opacity: .3;
   filter: Alpha(Opacity=30);
   border-radius: 8px;
}

jquery-ui custom theme

http:///www.khsite.net

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

Forumeiros Web-Tool's » Categoria teste » Teste » test colorbox .css

Tópicos semelhantes

-

» Test 1
» Test 1
» Test 1
» Test 1
» Test 1

Permissões neste sub-fórum
Não podes responder a tópicos