Jump to content

Recommended Posts

  • Moderators
Posted

Descarca fisieru:

Folderu unde ai forumu > public > js > 3rd_party > ckeditor > skins > ips > editor.css

Si acolo vei gasi:

.cke_skin_ips .cke_wrapper {

Si:

.cke_top {

Daca are imagine de background la ".cke_top", atunci sterge bucata de url de la background si gata.

 

PS: Va trebui sa cauti imagini si o culoare la text mai buna daca vrei sa modifici culoarea.

PHP Developer - Not available for freelancing right now

Daca ai de gand sa postezi la categoria IPB, nu uita sa citesti regulamentul: Link regulament

  • 1 year later...
Posted (edited)

La mine a mers dar cand am bagat in cs.style asta a aparut alb

Spoiler


figure.snip1176 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 220px;
  max-width: 245px;
  max-height: 220px;
  width: 100%;
  /*background: #000000;*/
  color: ;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.snip1176 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
figure.snip1176 img {
  width: 200%;
  position: relative;
  opacity: 0.7;
}
figure.snip1176 figcaption {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 13%;
  right: 13%;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-width: 0px 1px;
  background-color: rgba(0, 0, 0, 0.2);
}
figure.snip1176 h2 {
  padding: 15px 20px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 3px;
}
figure.snip1176 h2 span {
  font-weight: 800;
}
figure.snip1176 .icon,
figure.snip1176 .caption {
  overflow: hidden;
  width: 100%;
  position: absolute;
}
figure.snip1176 .icon {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 0;
}
figure.snip1176 .caption {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  bottom: 0;
}
figure.snip1176 p,
figure.snip1176 .icon span {
  display: table;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  color: rgba(255, 255, 255, 0);
  font-size: 0.8em;
}
figure.snip1176 p:before,
figure.snip1176 .icon span:before,
figure.snip1176 p:after,
figure.snip1176 .icon span:after {
  position: absolute;
  height: 1px;
  content: '';
  background: white;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
figure.snip1176 .icon span:before,
figure.snip1176 .icon span:after {
  width: 1000%;
  top: 50%;
}
figure.snip1176 .icon span:before {
  left: -1000%;
}
figure.snip1176 .icon span:after {
  right: -1000%;
}
figure.snip1176 i {
  color: white;
  font-size: 30px;
}
figure.snip1176 p:before,
figure.snip1176 p:after {
  width: 150%;
  bottom: 50%;
}
figure.snip1176 p:before {
  left: -100%;
}
figure.snip1176 p:after {
  right: -100%;
}
figure.snip1176 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.snip1176:hover img,
figure.snip1176.hover img {
  opacity: 0.15;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
figure.snip1176:hover p,
figure.snip1176.hover p {
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
  color: #ffffff;
}
figure.snip1176:hover p:before,
figure.snip1176.hover p:before {
  left: -150%;
}
figure.snip1176:hover p:after,
figure.snip1176.hover p:after {
  right: -150%;
}

.space h3 {
margin: 0 auto;
text-align: left;
font-family: Arial,Helvetica,sans-serif;
color: #555;
}

.icon-heart {
width: 15px;
    height: 13px;
   color: #ff0000;
}

.icon-heart:hover {
   -webkit-animation: heart 5s infinite;
   /* Chrome, Safari, Opera */
   
   animation: heart 5s infinite;
}

@keyframes heart {
   0% {
      transform: scale(1.2, 1.2)
   }
   25% {
      transform: scale(1, 1)
   }
   50% {
      transform: scale(1.2, 1.2)
   }
   75% {
      transform: scale(1, 1)
   }
   100% {
      transform: scale(1.2, 1.2)
   }
}

.logospace{
cursor: pointer;
width: 400px;
overflow: hidden;
}
.logocircle{
    pointer-events: none;
    transition: all 0.7s ease-in-out;
    transform: rotateX(0deg);

}
.logospace:hover > .logocircle{
/*transform: scale(0.69) rotateY(360deg);*/
transform: rotateX(360deg);
}
.logotext{
pointer-events:none;
/*transform: translate(0px,300px);
opacity: 0;*/
transition: all 0.4s;
}
.logospace:hover >.logotext{
/*transform: translate(0px, -20px);
opacity: 1;*/
}

 


.likebarh{
overflow: hidden;
height: 20px;
font-size: 11px;
display: inline-block;
position: relative;
width: 97%;
margin-bottom: 3px;
border-radius: 0px;
cursor: pointer;
line-height: 20px;
transition: all 0.09s cubic-bezier(0.02,0.2,0.68,1.06);

}
.likebarh:hover {
background: #369;
}

.likebarh .p1{
transition: all 0.5s;
}
.likebarh:hover .p1{
margin-top: -20px;
}
.likebarh > paper-ripple {
      border-radius: 0px;
      overflow: hidden;
    }

.menuh {
position: relative;
top: -100px;
left: 380px;
}

 

 

figure.snip1176 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 3px auto;
  min-width: 220px;
  max-width: 250px;
  max-height: 100px;
  width: 100%;
  /*background: #000000;*/
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.snip1176 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
figure.snip1176 img {
  max-width: 100%;
  position: relative;
  opacity: 0.7;
margin-top: -60px;
}
figure.snip1176 figcaption {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 13%;
  right: 13%;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-width: 0px 1px;
  background-color: rgba(0, 0, 0, 0.2);
}
figure.snip1176 h2 {
  padding: 15px 20px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 3px;
}
figure.snip1176 h2 span {
  font-weight: 800;
}
figure.snip1176 .icon,
figure.snip1176 .caption {
  overflow: hidden;
  width: 100%;
  position: absolute;
}
figure.snip1176 .icon {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 0;
}
figure.snip1176 .caption {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  bottom: 0;
}
figure.snip1176 p,
figure.snip1176 .icon span {
  display: table;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  color: rgba(255, 255, 255, 0);
  font-size: 0.8em;
}
figure.snip1176 p:before,
figure.snip1176 .icon span:before,
figure.snip1176 p:after,
figure.snip1176 .icon span:after {
  position: absolute;
  height: 1px;
  content: '';
  background: white;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
figure.snip1176 .icon span:before,
figure.snip1176 .icon span:after {
  width: 1000%;
  top: 50%;
}
figure.snip1176 .icon span:before {
  left: -1000%;
}
figure.snip1176 .icon span:after {
  right: -1000%;
}
figure.snip1176 i {
  color: white;
  font-size: 30px;
}
figure.snip1176 p:before,
figure.snip1176 p:after {
  width: 150%;
  bottom: 50%;
}
figure.snip1176 p:before {
  left: -100%;
}
figure.snip1176 p:after {
  right: -100%;
}
figure.snip1176 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.snip1176:hover img,
figure.snip1176.hover img {
  opacity: 0.15;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
figure.snip1176:hover p,
figure.snip1176.hover p {
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
  color: #ffffff;
}
figure.snip1176:hover p:before,
figure.snip1176.hover p:before {
  left: -150%;
}
figure.snip1176:hover p:after,
figure.snip1176.hover p:after {
  right: -150%;
}

figure.snip1176 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 3px auto;
  min-width: 220px;
  max-width: 250px;
  max-height: 100px;
  width: 100%;
  /*background: #000000;*/
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.snip1176 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
figure.snip1176 img {
  max-width: 100%;
  position: relative;
  opacity: 0.7;
margin-top: -60px;
}
figure.snip1176 figcaption {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 13%;
  right: 13%;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-width: 0px 1px;
  background-color: rgba(0, 0, 0, 0.2);
}
figure.snip1176 h2 {
  padding: 15px 20px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 3px;
}
figure.snip1176 h2 span {
  font-weight: 800;
}
figure.snip1176 .icon,
figure.snip1176 .caption {
  overflow: hidden;
  width: 100%;
  position: absolute;
}
figure.snip1176 .icon {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 0;
}
figure.snip1176 .caption {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  bottom: 0;
}
figure.snip1176 p,
figure.snip1176 .icon span {
  display: table;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  color: rgba(255, 255, 255, 0);
  font-size: 0.8em;
}
figure.snip1176 p:before,
figure.snip1176 .icon span:before,
figure.snip1176 p:after,
figure.snip1176 .icon span:after {
  position: absolute;
  height: 1px;
  content: '';
  background: white;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
figure.snip1176 .icon span:before,
figure.snip1176 .icon span:after {
  width: 1000%;
  top: 50%;
}
figure.snip1176 .icon span:before {
  left: -1000%;
}
figure.snip1176 .icon span:after {
  right: -1000%;
}
figure.snip1176 i {
  color: white;
  font-size: 30px;
}
figure.snip1176 p:before,
figure.snip1176 p:after {
  width: 150%;
  bottom: 50%;
}
figure.snip1176 p:before {
  left: -100%;
}
figure.snip1176 p:after {
  right: -100%;
}
figure.snip1176 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.snip1176:hover img,
figure.snip1176.hover img {
  opacity: 0.15;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
figure.snip1176:hover p,
figure.snip1176.hover p {
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
  color: #ffffff;
}
figure.snip1176:hover p:before,
figure.snip1176.hover p:before {
  left: -150%;
}
figure.snip1176:hover p:after,
figure.snip1176.hover p:after {
  right: -150%;
}
ul#social-media {
    position:fixed;
    margin-right:0px;
    padding:0px;
    list-style:none;
    z-index:9999;
    font-family:Arial,Helvetica,sans-serif;
}

ul#social-media li {
    padding:2px 0px 2px 0px;
    overflow:hidden;
    direction:rtl
}

ul#social-media li a {
    display:block;
    width:170px;
    height:20px;
    background-repeat:no-repeat;
    text-decoration:none;
    font-size:12px;
    color:#fff;
    font-weight:bold
}
ul#social-media .facebook a:hover {background-color:#3B5998}
ul#social-media .twitter a:hover {background-color:#62BDB2}
ul#social-media .google a:hover {background-color:#DB4A39}
ul#social-media .myspace a:hover {background-color:#3B64B3}
ul#social-media .youtube a:hover {background-color:#CC252C}
ul#social-media .linkedin a:hover {background-color:#4F93B3}
ul#social-media .steam a:hover {background-color:#111}
ul#social-media .lastfm a:hover {background-color:#bf0d1c}
ul#social-media .pinterest a:hover {background-color:#b61d23}
ul#social-media .soundcloud a:hover {background-color:#ff5419}
ul#social-media .tumblr a:hover {background-color:#304e6c}
ul#social-media .github a:hover {background-color:#222}
ul#social-media .flickr a:hover {background-color:#ff0084}
ul#social-media .rss a:hover {background-color:#F60}
ul#social-media .vimeo a:hover {background-color:#1BB7EA}

ul#social-media {right:0px;top:40%}

ul#social-media li a {
    background-color:#000;
    text-align:right
}

ul#social-media li:hover {margin-right:0px}
ul#social-media li a {
    padding:11px 12px 10px 0px;
    margin-right:0px
}


ul#social-media .facebook a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/facebook-white.png')}
ul#social-media .twitter a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/twitter-white.png')}
ul#social-media .google a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/google-white.png')}
ul#social-media .myspace a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/myspace-white.png')}
ul#social-media .youtube a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/youtube-white.png')}
ul#social-media .linkedin a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/linkedin-white.png')}
ul#social-media .steam a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/steam-white.png')}
ul#social-media .lastfm a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/lastfm-white.png')}
ul#social-media .pinterest a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/pinterest-white.png')}
ul#social-media .soundcloud a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/soundcloud-white.png')}
ul#social-media .tumblr a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/tumblr-white.png')}
ul#social-media .github a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/github-white.png')}
ul#social-media .flickr a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/flickr-white.png')}
ul#social-media .rss a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/rss-white.png')}
ul#social-media .vimeo a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/vimeo-white.png')}

ul#social-media li {
    margin-right:-140px;
    -webkit-transition:    margin-right 0.3s;
    -moz-transition: margin-right 0.3s;
    -ms-transition: margin-right 0.3s;
    -o-transition: margin-right 0.3s;
    transition: margin-right 0.3s


 

 

Edited by gadeas
Adaugat spoiler

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.