Mercurial > hg > MPIWGWeb

comparison css/mpiwg.css @ 198:7515f7e51b0f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
styles for flyout divs (for websites).
author casties
date Mon, 24 Jun 2013 18:05:04 +0200
parents b0ed3974efbd
children 6ff1c6c270b1
comparison
equal deleted inserted replaced
197:b0ed3974efbd 198:7515f7e51b0f
917 917
918 div.mini div.title { 918 div.mini div.title {
919 margin-top: 0.5em; 919 margin-top: 0.5em;
920 } 920 }
921 921
922 div.mini.website div.title {
923 color: #3b4186;
924 }
925
922 div.mini div.author { 926 div.mini div.author {
923 color: #3b4186; 927 color: #3b4186;
924 margin-top: 0.5em; 928 margin-top: 0.5em;
925 } 929 }
926 930
931 div.mini h2 { 935 div.mini h2 {
932 /* e.g. title for mini-books */ 936 /* e.g. title for mini-books */
933 font-size: 14px; 937 font-size: 14px;
934 /* but no line if used inside box */ 938 /* but no line if used inside box */
935 border-bottom: 0; 939 border-bottom: 0;
936 }
937
938 div.mini.website div.description {
939 /* initially hidden */
940 display: none;
941 }
942
943 div.box.foldable div.fold {
944 /* initially hidden */
945 display: none;
946 position: absolute;
947 bottom: 0;
948 right: 0;
949 /* TODO: this should be an image */
950 background-color: #ee7f2d;
951 color: white;
952 font-size: 14px;
953 } 940 }
954 941
955 /* 942 /*
956 * slider buttons 943 * slider buttons
957 */ 944 */
1325 */ 1312 */
1326 .flyout { 1313 .flyout {
1327 position: relative; 1314 position: relative;
1328 z-index: 0; 1315 z-index: 0;
1329 } 1316 }
1317 .flyout .folded {
1318 /* folded initially hidden */
1319 display: none;
1320 }
1321
1330 .flyout.flying { 1322 .flyout.flying {
1331 background-color: white; 1323 background-color: white;
1332 z-index: 10; 1324 z-index: 10;
1325 /* padding: 10px; */
1326 box-shadow: 2px 2px 3px 1px #d0d0d0;
1327 }
1328 .flyout.flying .folded {
1329 display: block;
1330 }
1331 .flyout.flying div {
1332 padding: 0 10px;
1333 } 1333 }
1334 1334
1335 .flyout .flyout_open, 1335 .flyout .flyout_open,
1336 .flyout .flyout_close { 1336 .flyout .flyout_close {
1337 position: absolute; 1337 position: absolute;
1340 } 1340 }
1341 .flyout .flyout_close { 1341 .flyout .flyout_close {
1342 /* close initially hidden */ 1342 /* close initially hidden */
1343 display: none; 1343 display: none;
1344 } 1344 }
1345
1346 div.row.triple > div.col > div.mini.flying div.thumb {
1347 padding: 0;
1348 }
1349 div.row.triple > div.col > div.mini.flying div.thumb img {
1350 /* extended flyout image */
1351 width: 300px;
1352 height: 187px;
1353 }
1354
1345 1355
1346 /* 1356 /*
1347 * sidebar 1357 * sidebar
1348 */ 1358 */
1349 div.sidebar { 1359 div.sidebar {